Refactor: Restrict AI model selection

This commit is contained in:
gpt-engineer-app[bot]
2025-10-16 18:48:32 +00:00
parent 137fb05f8b
commit 13d5056869
2 changed files with 27 additions and 21 deletions
+26 -20
View File
@@ -7,12 +7,16 @@ import {
DropdownMenuTrigger, DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
export const ChatHeader = () => { interface ChatHeaderProps {
showModelSelector?: boolean;
}
export const ChatHeader = ({ showModelSelector = false }: ChatHeaderProps) => {
const models = [ const models = [
"ChatGPT 4.1", "ChatGPT 4.1",
"GPT-5 Mini", "ChatGPT 5",
"Claude 3.5 Sonnet", "Claude Sonnet 4.5",
"Gemini 2.5 Flash", "Claude Opus 4.1",
]; ];
return ( return (
@@ -23,25 +27,27 @@ export const ChatHeader = () => {
<span className="text-sm text-muted-foreground">Online</span> <span className="text-sm text-muted-foreground">Online</span>
</div> </div>
<DropdownMenu> {showModelSelector && (
<DropdownMenuTrigger asChild> <DropdownMenu>
<Button variant="outline" className="gap-2 glass-effect"> <DropdownMenuTrigger asChild>
<span className="font-medium">ChatGPT 4.1</span> <Button variant="outline" className="gap-2 glass-effect">
<ChevronDown className="w-4 h-4" /> <span className="font-medium">ChatGPT 4.1</span>
</Button> <ChevronDown className="w-4 h-4" />
</DropdownMenuTrigger> </Button>
<DropdownMenuContent align="start" className="glass-effect"> </DropdownMenuTrigger>
{models.map((model) => ( <DropdownMenuContent align="start" className="glass-effect bg-popover border-border z-50">
<DropdownMenuItem key={model} className="cursor-pointer"> {models.map((model) => (
{model} <DropdownMenuItem key={model} className="cursor-pointer">
</DropdownMenuItem> {model}
))} </DropdownMenuItem>
</DropdownMenuContent> ))}
</DropdownMenu> </DropdownMenuContent>
</DropdownMenu>
)}
</div> </div>
<div className="text-sm text-muted-foreground"> <div className="text-sm text-muted-foreground">
Modelo de linguagem avançado {showModelSelector ? "Modelo de linguagem avançado" : "Sistema HGTX Codex"}
</div> </div>
</header> </header>
); );
+1 -1
View File
@@ -52,7 +52,7 @@ export const ChatView = () => {
{/* Main Chat Area */} {/* Main Chat Area */}
<div className="flex-1 flex flex-col"> <div className="flex-1 flex flex-col">
<ChatHeader /> <ChatHeader showModelSelector={true} />
<ScrollArea className="flex-1"> <ScrollArea className="flex-1">
<div className="max-w-4xl mx-auto"> <div className="max-w-4xl mx-auto">