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
+12 -6
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,6 +27,7 @@ export const ChatHeader = () => {
<span className="text-sm text-muted-foreground">Online</span> <span className="text-sm text-muted-foreground">Online</span>
</div> </div>
{showModelSelector && (
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button variant="outline" className="gap-2 glass-effect"> <Button variant="outline" className="gap-2 glass-effect">
@@ -30,7 +35,7 @@ export const ChatHeader = () => {
<ChevronDown className="w-4 h-4" /> <ChevronDown className="w-4 h-4" />
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align="start" className="glass-effect"> <DropdownMenuContent align="start" className="glass-effect bg-popover border-border z-50">
{models.map((model) => ( {models.map((model) => (
<DropdownMenuItem key={model} className="cursor-pointer"> <DropdownMenuItem key={model} className="cursor-pointer">
{model} {model}
@@ -38,10 +43,11 @@ export const ChatHeader = () => {
))} ))}
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </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">