增加 openai 的模型兼容

prisma/components/Header.tsx

@@ -1,8 +1,8 @@
 
 import React from 'react';
 import { Settings, ChevronDown, Menu } from 'lucide-react';
-import { MODELS } from '../config';
-import { ModelOption } from '../types';
+import { getAllModels } from '../config';
+import { ModelOption, AppConfig } from '../types';
 import Logo from './Logo';
 
 interface HeaderProps {
@@ -11,22 +11,25 @@ interface HeaderProps {
   onOpenSettings: () => void;
   onToggleSidebar: () => void;
   onNewChat: () => void;
+  config: AppConfig;
 }
 
-const Header = ({ selectedModel, setSelectedModel, onOpenSettings, onToggleSidebar, onNewChat }: HeaderProps) => {
+const Header = ({ selectedModel, setSelectedModel, onOpenSettings, onToggleSidebar, onNewChat, config }: HeaderProps) => {
+  const availableModels = getAllModels(config);
+
   return (
     <header className="sticky top-0 z-50 bg-white/80 backdrop-blur-md">
       <div className="w-full px-4 h-16 flex items-center justify-between">
         <div className="flex items-center gap-4">
-          <button 
+          <button
             onClick={onToggleSidebar}
             className="p-2 -ml-2 text-slate-500 hover:bg-slate-100 rounded-lg transition-colors"
             title="Toggle History"
           >
             <Menu size={20} />
           </button>
-          
-          <div 
+
+          <div
             className="flex items-center gap-3 cursor-pointer group"
             onClick={onNewChat}
             title="Start New Chat"
@@ -37,22 +40,22 @@ const Header = ({ selectedModel, setSelectedModel, onOpenSettings, onToggleSideb
             </h1>
           </div>
         </div>
-        
+
         <div className="flex items-center gap-2 sm:gap-3">
           <div className="relative group">
-            <select 
+            <select
               value={selectedModel}
               onChange={(e) => setSelectedModel(e.target.value as ModelOption)}
               className="relative bg-white border border-slate-200 text-slate-800 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-auto p-2.5 outline-none appearance-none cursor-pointer pl-3 pr-8 shadow-sm font-medium hover:bg-slate-50 transition-colors"
             >
-              {MODELS.map(m => (
+              {availableModels.map(m => (
                 <option key={m.value} value={m.value}>{m.label}</option>
               ))}
             </select>
             <ChevronDown className="absolute right-3 top-3 text-slate-400 pointer-events-none group-hover:text-slate-600 transition-colors" size={14} />
           </div>
 
-          <button 
+          <button
             onClick={onOpenSettings}
             className="p-2.5 rounded-lg bg-white border border-slate-200 hover:bg-slate-50 hover:border-slate-300 transition-colors text-slate-500 hover:text-slate-900 shadow-sm"
             title="Configuration"