Refactor: Restrict AI model selection
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user