feat: 支持自定义模型列表

添加自定义模型输入框，与 API 获取的模型合并显示

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: Wing900

components/settings/AdvancedSettings.tsx

@@ -23,6 +23,10 @@ export const AdvancedSettings: React.FC<AdvancedSettingsProps> = ({ settings, on
     onSettingsChange({ apiKey: keys });
   };
 
+  const handleCustomModelsChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    onSettingsChange({ customModels: e.target.value });
+  };
+
   const llmProviderOptions: SelectOption[] = [
     { value: 'gemini', label: 'Google Gemini' },
     { value: 'openai', label: 'OpenAI' },
@@ -86,6 +90,19 @@ export const AdvancedSettings: React.FC<AdvancedSettingsProps> = ({ settings, on
         </SettingsItem>
       )}
 
+      {/* 自定义模型列表 */}
+      {visibleIds.has('customModels') && (
+        <SettingsItem label={t('customModels')} description={t('customModelsDesc')}>
+           <textarea
+              value={settings.customModels || ''}
+              onChange={handleCustomModelsChange}
+              placeholder={t('customModelsPlaceholder')}
+              className="input-glass max-w-60 min-h-24"
+              rows={3}
+           />
+        </SettingsItem>
+      )}
+
       {visibleIds.has('temperature') && (
         <SettingsItem label={t('temperature')} description={t('temperatureDesc')}>
           <div className="flex items-center gap-4 w-60">

contexts/locales/en.ts

@@ -81,6 +81,9 @@ export const en = {
     apiBaseUrlDesc: 'Optional. Use a proxy or a different API endpoint.',
     useCustomApi: 'Use Custom API Configuration',
     useCustomApiDesc: 'Override environment variables and use custom API URL and Key.',
+    customModels: 'Custom Model List',
+    customModelsDesc: 'Add custom models (comma or newline separated), will be merged with fetched models.',
+    customModelsPlaceholder: 'e.g., gemini-2.0-flash-exp, gpt-4-turbo',
     llmProvider: 'Model Service Provider',
     llmProviderDesc: 'Choose the backend large language model service for chat.',
     langDetectModel: 'Language Detection Model',

contexts/locales/zh.ts

@@ -81,6 +81,9 @@ export const zh = {
     apiBaseUrlDesc: '可选。使用代理或不同的 API 端点。',
     useCustomApi: '使用自定义 API 配置',
     useCustomApiDesc: '覆盖环境变量，使用自定义的 API 地址和密钥。',
+    customModels: '自定义模型列表',
+    customModelsDesc: '添加自定义模型（逗号或换行分隔），将与获取的模型合并。',
+    customModelsPlaceholder: '例如：gemini-2.0-flash-exp, gpt-4-turbo',
     llmProvider: '模型服务商',
     llmProviderDesc: '选择用于聊天的后端大语言模型服务。',
     langDetectModel: '语言检测模型',

hooks/useSettings.ts

@@ -159,28 +159,37 @@ export const useSettings = () => {
 
     if (actualApiKey) {
       const llmService = createLLMService(settings);
-      llmService.getAvailableModels(actualApiKey, actualApiBaseUrl).then(models => {
-        if (!models || models.length === 0) return;
-        setAvailableModels(models);
+      llmService.getAvailableModels(actualApiKey, actualApiBaseUrl).then(fetchedModels => {
+        // 解析用户自定义的模型列表
+        const customModelsList = settings.customModels
+          ? settings.customModels.split(/[\n,]+/).map(m => m.trim()).filter(Boolean)
+          : [];
+
+        // 合并 fetch 到的模型和用户自定义的模型（去重）
+        const allModels = [...new Set([...fetchedModels, ...customModelsList])];
+
+        if (allModels.length === 0) return;
+
+        setAvailableModels(allModels);
         setSettings(current => {
           const newDefaults: Partial<Settings> = {};
-          if (!models.includes(current.defaultModel)) {
-            newDefaults.defaultModel = models[0] || '';
+          if (!allModels.includes(current.defaultModel)) {
+            newDefaults.defaultModel = allModels[0] || '';
           }
           // 标题生成模型逻辑：优先使用环境变量，否则取列表最后一位
           const envTitleModel = process.env.TITLE_MODEL_NAME?.trim();
           if (envTitleModel) {
             // 环境变量有配置，使用环境变量
             newDefaults.titleGenerationModel = envTitleModel;
-          } else if (!models.includes(current.titleGenerationModel)) {
+          } else if (!allModels.includes(current.titleGenerationModel)) {
             // 环境变量没有配置，取列表最后一位
-            newDefaults.titleGenerationModel = models[models.length - 1] || '';
+            newDefaults.titleGenerationModel = allModels[allModels.length - 1] || '';
           }
           return Object.keys(newDefaults).length > 0 ? { ...current, ...newDefaults } : current;
         });
       });
     }
-  }, [isStorageLoaded, settings.apiKey, settings.apiBaseUrl, settings.llmProvider, settings.useCustomApi]);
+  }, [isStorageLoaded, settings.apiKey, settings.apiBaseUrl, settings.llmProvider, settings.useCustomApi, settings.customModels]);
 
   return { settings, setSettings, availableModels, isStorageLoaded };
 };

types.ts

@@ -90,6 +90,7 @@ export interface Settings {
   enableSearch: boolean;
   apiBaseUrl?: string;
   useCustomApi?: boolean; // 是否使用自定义 API 配置（包括 URL 和 Key，覆盖环境变量）
+  customModels?: string; // 用户自定义的模型列表（逗号或换行分隔）
   temperature?: number;
   maxOutputTokens?: number;
   contextLength?: number;