@tombcato/ai-selector-react 0.1.0

package/dist/index-BDJQBhY0.js

@@ -0,0 +1,2031 @@
+import Je, { useState as B, useMemo as de, useRef as Oe, useEffect as se, useCallback as ue } from "react";
+import { Ticker as ja } from "@tombcato/smart-ticker";
+const be = {
+  zh: {
+    save: "保存配置",
+    saved: "保存成功",
+    providerLabel: "Provider",
+    modelLabel: "Model",
+    selectProvider: "选择 Provider...",
+    customBaseUrl: "自定义 Base URL",
+    apiKeyLabel: "API Key",
+    apiKeyPlaceholder: "输入 API Key...",
+    testConnection: "测试模型连接",
+    testing: "测试中...",
+    testSuccess: "连接成功",
+    testFailed: "测试连通性失败",
+    selectModel: "选择 Model...",
+    searchModel: "搜索或自定义模型...",
+    useCustom: "使用自定义",
+    noModels: "暂无模型数据",
+    apiKeyTip: "输入 API Key 后可获取完整模型列表",
+    fetchModelsFailed: "拉取模型列表失败，已使用离线模型列表",
+    refreshingModels: "列表刷新中...",
+    modelListUpdated: "模型列表已刷新",
+    preview: "配置预览",
+    unselected: "(未选择)"
+  },
+  en: {
+    save: "Save Config",
+    saved: "Saved",
+    providerLabel: "Provider",
+    modelLabel: "Model",
+    selectProvider: "Select Provider...",
+    customBaseUrl: "Custom Base URL",
+    apiKeyLabel: "API Key",
+    apiKeyPlaceholder: "Enter API Key...",
+    testConnection: "Test Model Connection",
+    testing: "Testing...",
+    testSuccess: "Connection Successful",
+    testFailed: "Connection Failed",
+    selectModel: "Select Model...",
+    searchModel: "Search or custom models...",
+    useCustom: "Use custom",
+    noModels: "No models found",
+    apiKeyTip: "Enter API Key to fetch full model list",
+    fetchModelsFailed: "Failed to fetch model list, using offline models",
+    refreshingModels: "Refreshing models...",
+    modelListUpdated: "Model list updated",
+    preview: "Config Preview",
+    unselected: "(Unselected)"
+  }
+}, N = "https://registry.npmmirror.com/@lobehub/icons-static-svg/1.77.0/files/icons", d = {
+  OPENAI: "openai",
+  ANTHROPIC: "anthropic",
+  GEMINI: "gemini",
+  DEEPSEEK: "deepseek",
+  OPENROUTER: "openrouter",
+  GROQ: "groq",
+  MISTRAL: "mistral",
+  MOONSHOT: "moonshot",
+  QWEN: "qwen",
+  ZHIPU: "zhipu",
+  SILICONFLOW: "siliconflow",
+  XAI: "xai",
+  TOGETHER: "together",
+  FIREWORKS: "fireworks",
+  DEEPINFRA: "deepinfra",
+  PERPLEXITY: "perplexity",
+  COHERE: "cohere",
+  OLLAMA: "ollama",
+  DOUBAO: "doubao",
+  MINIMAX: "minimax"
+}, Ee = {
+  [d.OPENAI]: {
+    id: d.OPENAI,
+    name: "OpenAI",
+    baseUrl: "https://api.openai.com/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/openai.svg`
+  },
+  [d.ANTHROPIC]: {
+    id: d.ANTHROPIC,
+    name: "Anthropic (Claude)",
+    baseUrl: "https://api.anthropic.com/v1",
+    needsApiKey: !0,
+    apiFormat: "anthropic",
+    supportsModelsApi: !1,
+    icon: `${N}/anthropic.svg`
+  },
+  [d.GEMINI]: {
+    id: d.GEMINI,
+    name: "Google Gemini",
+    baseUrl: "https://generativelanguage.googleapis.com/v1beta",
+    needsApiKey: !0,
+    apiFormat: "gemini",
+    supportsModelsApi: !0,
+    icon: `${N}/gemini.svg`
+  },
+  [d.OPENROUTER]: {
+    id: d.OPENROUTER,
+    name: "OpenRouter",
+    baseUrl: "https://openrouter.ai/api/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/openrouter.svg`
+  },
+  [d.DEEPSEEK]: {
+    id: d.DEEPSEEK,
+    name: "DeepSeek",
+    baseUrl: "https://api.deepseek.com",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/deepseek.svg`
+  },
+  [d.MOONSHOT]: {
+    id: d.MOONSHOT,
+    name: "Moonshot (Kimi)",
+    baseUrl: "https://api.moonshot.cn/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/moonshot.svg`
+  },
+  [d.QWEN]: {
+    id: d.QWEN,
+    name: "通义千问 (Qwen)",
+    baseUrl: "https://dashscope.aliyuncs.com/compatible-mode/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/qwen.svg`
+  },
+  [d.ZHIPU]: {
+    id: d.ZHIPU,
+    name: "智谱 AI (GLM)",
+    baseUrl: "https://open.bigmodel.cn/api/paas/v4",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/zhipu.svg`
+  },
+  [d.SILICONFLOW]: {
+    id: d.SILICONFLOW,
+    name: "硅基流动 (siliconflow)",
+    baseUrl: "https://api.siliconflow.cn/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/siliconcloud.svg`
+  },
+  [d.DOUBAO]: {
+    id: d.DOUBAO,
+    name: "火山方舟 (Doubao)",
+    baseUrl: "https://ark.cn-beijing.volces.com/api/v3",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/doubao.svg`
+  },
+  [d.MINIMAX]: {
+    id: d.MINIMAX,
+    name: "MiniMax",
+    baseUrl: "https://api.minimax.io/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !1,
+    icon: `${N}/minimax.svg`
+  },
+  [d.XAI]: {
+    id: d.XAI,
+    name: "xAI (Grok)",
+    baseUrl: "https://api.x.ai/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/grok.svg`
+  },
+  [d.GROQ]: {
+    id: d.GROQ,
+    name: "Groq",
+    baseUrl: "https://api.groq.com/openai/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/groq.svg`
+  },
+  [d.MISTRAL]: {
+    id: d.MISTRAL,
+    name: "Mistral AI",
+    baseUrl: "https://api.mistral.ai/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/mistral.svg`
+  },
+  [d.TOGETHER]: {
+    id: d.TOGETHER,
+    name: "Together AI",
+    baseUrl: "https://api.together.xyz/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/together.svg`
+  },
+  [d.FIREWORKS]: {
+    id: d.FIREWORKS,
+    name: "Fireworks AI",
+    baseUrl: "https://api.fireworks.ai/inference/v1",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/fireworks.svg`
+  },
+  [d.DEEPINFRA]: {
+    id: d.DEEPINFRA,
+    name: "DeepInfra",
+    baseUrl: "https://api.deepinfra.com/v1/openai",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/deepinfra.svg`
+  },
+  [d.PERPLEXITY]: {
+    id: d.PERPLEXITY,
+    name: "Perplexity",
+    baseUrl: "https://api.perplexity.ai",
+    needsApiKey: !0,
+    apiFormat: "openai",
+    supportsModelsApi: !1,
+    icon: `${N}/perplexity.svg`
+  },
+  [d.COHERE]: {
+    id: d.COHERE,
+    name: "Cohere",
+    baseUrl: "https://api.cohere.com/v2",
+    needsApiKey: !0,
+    apiFormat: "cohere",
+    supportsModelsApi: !0,
+    icon: `${N}/cohere.svg`
+  },
+  [d.OLLAMA]: {
+    id: d.OLLAMA,
+    name: "Ollama (Local)",
+    baseUrl: "http://localhost:11434/v1",
+    needsApiKey: !1,
+    apiFormat: "openai",
+    supportsModelsApi: !0,
+    icon: `${N}/ollama.svg`
+  }
+};
+function Za(a) {
+  return Ee[a];
+}
+function Ra() {
+  return Object.values(Ee);
+}
+function et(a) {
+  return Ra().filter((t) => t.apiFormat === a);
+}
+const Ta = {
+  [d.OPENAI]: [
+    { id: "gpt-5.2-pro", name: "GPT-5.2 Pro" },
+    { id: "gpt-5.2", name: "GPT-5.2" },
+    { id: "gpt-5", name: "GPT-5" },
+    { id: "gpt-5-mini", name: "GPT-5 Mini" },
+    { id: "gpt-5-nano", name: "GPT-5 Nano" },
+    { id: "gpt-4.1", name: "GPT-4.1" }
+  ],
+  [d.ANTHROPIC]: [
+    { id: "claude-opus-4.5-20251101", name: "Claude Opus 4.5" },
+    { id: "claude-opus-4.5-20251101-thinking", name: "Claude Opus 4.5 Thinking" },
+    { id: "claude-sonnet-4.5-20250929", name: "Claude Sonnet 4.5" },
+    { id: "claude-sonnet-4.5-20250929-thinking", name: "Claude Sonnet 4.5 Thinking" },
+    { id: "claude-haiku-4.5-20251001", name: "Claude Haiku 4.5" },
+    { id: "claude-haiku-4.5-20251001-thinking", name: "Claude Haiku 4.5 Thinking" },
+    { id: "claude-opus-4.1-20250805", name: "Claude Opus 4.1" },
+    { id: "claude-opus-4.1-20250805-thinking", name: "Claude Opus 4.1 Thinking" }
+  ],
+  [d.GEMINI]: [
+    { id: "gemini-3-flash-preview", name: "Gemini 3 Flash Preview" },
+    { id: "gemini-3-pro-preview", name: "Gemini 3 Pro Preview" },
+    { id: "gemini-2.5-pro", name: "Gemini 2.5 Pro" },
+    { id: "gemini-2.5-flash", name: "Gemini 2.5 Flash" },
+    { id: "gemini-2.5-flash-lite", name: "Gemini 2.5 Flash-Lite" }
+  ],
+  [d.DEEPSEEK]: [
+    { id: "deepseek-chat", name: "Deepseek Chat" },
+    { id: "deepseek-reasoner", name: "Deepseek Reasoner" }
+  ],
+  [d.MISTRAL]: [
+    { id: "mistral-large-latest", name: "Mistral Large" },
+    { id: "mistral-medium-latest", name: "Mistral Medium" },
+    { id: "mistral-small-latest", name: "Mistral Small" },
+    { id: "codestral-latest", name: "Codestral" },
+    { id: "devstral-latest", name: "Devstral" },
+    { id: "magistral-medium-latest", name: "Magistral Medium" },
+    { id: "pixtral-large-latest", name: "Pixtral Large" },
+    { id: "pixtral-12b-latest", name: "Pixtral 12B" },
+    { id: "ministral-8b-latest", name: "Ministral 8B" },
+    { id: "ministral-3b-latest", name: "Ministral 3B" }
+  ],
+  [d.GROQ]: [
+    { id: "canopylabs/orpheus-v1-english", name: "Orpheus V1 English" },
+    { id: "canopylabs/orpheus-arabic-saudi", name: "Orpheus Arabic Saudi" },
+    { id: "moonshotai/kimi-k2-instruct", name: "Kimi K2 Instruct" },
+    { id: "groq/compound-mini", name: "Compound Mini" },
+    { id: "llama-3.3-70b-versatile", name: "Llama 3.3 70B Versatile" },
+    { id: "openai/gpt-oss-120b", name: "Gpt Oss 120B" },
+    { id: "qwen/qwen3-32b", name: "Qwen3 32B" },
+    { id: "groq/compound", name: "Compound" },
+    { id: "meta-llama/llama-4-maverick-17b-128e-instruct", name: "Llama 4 Maverick 17B 128E Instruct" }
+  ],
+  [d.XAI]: [
+    { id: "grok-4", name: "Grok 4" },
+    { id: "grok-4-fast", name: "Grok 4 Fast" },
+    { id: "grok-3-latest", name: "Grok 3" },
+    { id: "grok-3-fast", name: "Grok 3 Fast" },
+    { id: "grok-3-mini-latest", name: "Grok 3 Mini" },
+    { id: "grok-3-mini-fast", name: "Grok 3 Mini Fast" },
+    { id: "grok-vision-beta", name: "Grok Vision (Beta)" }
+  ],
+  [d.TOGETHER]: [
+    { id: "Qwen/Qwen2.5-72B-Instruct-Turbo", name: "Qwen2.5 72B Instruct Turbo" },
+    { id: "Qwen/Qwen3-235B-A22B-Thinking-2507", name: "Qwen3 235B A22B Thinking 2507" },
+    { id: "deepseek-ai/DeepSeek-R1", name: "Deepseek R1" },
+    { id: "deepseek-ai/DeepSeek-V3.1", name: "Deepseek V3.1" },
+    { id: "meta-llama/Llama-3.2-3B-Instruct-Turbo", name: "Llama 3.2 3B Instruct Turbo" },
+    { id: "meta-llama/Llama-3.3-70B-Instruct-Turbo", name: "Llama 3.3 70B Instruct Turbo" },
+    { id: "meta-llama/Llama-3.3-70B-Instruct-Turbo-Free", name: "Llama 3.3 70B Instruct Turbo Free" }
+  ],
+  [d.FIREWORKS]: [
+    { id: "accounts/fireworks/models/llama4-scout-instruct-basic", name: "Llama4 Scout Instruct Basic" },
+    { id: "accounts/fireworks/models/qwen3-vl-235b-a22b-thinking", name: "Qwen3 Vl 235B A22B Thinking" },
+    { id: "accounts/fireworks/models/deepseek-v3p2", name: "Deepseek V3P2" },
+    { id: "accounts/fireworks/models/qwen3-vl-30b-a3b-thinking", name: "Qwen3 Vl 30B A3B Thinking" },
+    { id: "accounts/fireworks/models/qwen3-8b", name: "Qwen3 8B" },
+    { id: "accounts/fireworks/models/qwen3-vl-30b-a3b-instruct", name: "Qwen3 Vl 30B A3B Instruct" },
+    { id: "accounts/fireworks/models/qwen2p5-vl-32b-instruct", name: "Qwen2P5 Vl 32B Instruct" },
+    { id: "accounts/fireworks/models/llama4-maverick-instruct-basic", name: "Llama4 Maverick Instruct Basic" },
+    { id: "accounts/fireworks/models/qwen3-235b-a22b-thinking-2507", name: "Qwen3 235B A22B Thinking 2507" },
+    { id: "accounts/fireworks/models/qwen3-coder-480b-a35b-instruct", name: "Qwen3 Coder 480B A35B Instruct" }
+  ],
+  [d.DEEPINFRA]: [
+    { id: "meta-llama/Llama-3.2-11B-Vision-Instruct", name: "Llama 3.2 11B Vision Instruct" },
+    { id: "Qwen/Qwen3-32B", name: "Qwen3 32B" },
+    { id: "NousResearch/Hermes-3-Llama-3.1-70B", name: "Hermes 3 Llama 3.1 70B" },
+    { id: "Qwen/Qwen2.5-72B-Instruct", name: "Qwen2.5 72B Instruct" },
+    { id: "deepseek-ai/DeepSeek-V3-0324", name: "Deepseek V3 0324" },
+    { id: "Qwen/Qwen3-VL-235B-A22B-Instruct", name: "Qwen3 Vl 235B A22B Instruct" },
+    { id: "meta-llama/Llama-3.2-3B-Instruct", name: "Llama 3.2 3B Instruct" },
+    { id: "Qwen/Qwen2.5-VL-32B-Instruct", name: "Qwen2.5 Vl 32B Instruct" },
+    { id: "meta-llama/Meta-Llama-3.1-8B-Instruct", name: "Meta Llama 3.1 8B Instruct" },
+    { id: "Qwen/Qwen3-Coder-480B-A35B-Instruct-Turbo", name: "Qwen3 Coder 480B A35B Instruct Turbo" }
+  ],
+  [d.OPENROUTER]: [
+    { id: "google/gemini-3-flash-preview", name: "Gemini 3 Flash Preview" },
+    { id: "mistralai/mistral-small-creative", name: "Mistral Small Creative" },
+    { id: "openai/gpt-5.2-chat", name: "Gpt 5.2 Chat" },
+    { id: "openai/gpt-5.2-pro", name: "Gpt 5.2 Pro" },
+    { id: "openai/gpt-5.2", name: "Gpt 5.2" },
+    { id: "mistralai/devstral-2512", name: "Devstral 2512" },
+    { id: "openai/gpt-5.1-codex-max", name: "Gpt 5.1 Codex Max" },
+    { id: "mistralai/ministral-14b-2512", name: "Ministral 14B 2512" },
+    { id: "mistralai/ministral-8b-2512", name: "Ministral 8B 2512" },
+    { id: "mistralai/ministral-3b-2512", name: "Ministral 3B 2512" },
+    { id: "mistralai/mistral-large-2512", name: "Mistral Large 2512" },
+    { id: "deepseek/deepseek-v3.2-speciale", name: "Deepseek V3.2 Speciale" }
+  ],
+  [d.PERPLEXITY]: [
+    { id: "codellama-34b-instruct", name: "Codellama 34B Instruct" },
+    { id: "codellama-70b-instruct", name: "Codellama 70B Instruct" },
+    { id: "llama-2-70b-chat", name: "Llama 2 70B Chat" },
+    { id: "llama-3.1-70b-instruct", name: "Llama 3.1 70B Instruct" },
+    { id: "llama-3.1-8b-instruct", name: "Llama 3.1 8B Instruct" },
+    { id: "llama-3.1-sonar-huge-128k-online", name: "Llama 3.1 Sonar Huge 128K Online" },
+    { id: "llama-3.1-sonar-large-128k-chat", name: "Llama 3.1 Sonar Large 128K Chat" },
+    { id: "llama-3.1-sonar-large-128k-online", name: "Llama 3.1 Sonar Large 128K Online" },
+    { id: "llama-3.1-sonar-small-128k-chat", name: "Llama 3.1 Sonar Small 128K Chat" }
+  ],
+  [d.COHERE]: [
+    { id: "command-a-vision-07-2025", name: "Command A Vision 07 2025" },
+    { id: "command-a-reasoning-08-2025", name: "Command A Reasoning 08 2025" },
+    { id: "command-r-08-2024", name: "Command R 08 2024" },
+    { id: "command-r7b-arabic-02-2025", name: "Command R7B Arabic 02 2025" },
+    { id: "command-r7b-12-2024", name: "Command R7B 12 2024" }
+  ],
+  [d.MOONSHOT]: [
+    { id: "moonshot-v1-128k", name: "Moonshot 128K" },
+    { id: "moonshot-v1-32k", name: "Moonshot 32K" },
+    { id: "moonshot-v1-8k", name: "Moonshot 8K" },
+    { id: "kimi-k2-0711-chat", name: "Kimi K2 Chat" },
+    { id: "moonshot-v1-auto", name: "Moonshot Auto" }
+  ],
+  [d.QWEN]: [
+    { id: "qwen-flash", name: "Qwen Flash" },
+    { id: "qwen3-vl-plus-2025-12-19", name: "Qwen3 Vl Plus 2025 12 19" },
+    { id: "qwen3-tts-vd-realtime-2025-12-16", name: "Qwen3 Tts Vd Realtime 2025 12 16" },
+    { id: "qwen-image-edit-plus-2025-12-15", name: "Qwen Image Edit Plus 2025 12 15" },
+    { id: "qwen3-omni-flash-2025-12-01", name: "Qwen3 Omni Flash 2025 12 01" },
+    { id: "qwen3-omni-flash-realtime-2025-12-01", name: "Qwen3 Omni Flash Realtime 2025 12 01" },
+    { id: "qwen3-livetranslate-flash-2025-12-01", name: "Qwen3 Livetranslate Flash 2025 12 01" },
+    { id: "qwen3-livetranslate-flash", name: "Qwen3 Livetranslate Flash" },
+    { id: "qwen-plus-2025-12-01", name: "Qwen Plus 2025 12 01" },
+    { id: "qwen3-tts-vc-realtime-2025-11-27", name: "Qwen3 Tts Vc Realtime 2025 11 27" }
+  ],
+  [d.ZHIPU]: [
+    { id: "glm-4.5", name: "Glm 4.5" },
+    { id: "glm-4.5-air", name: "Glm 4.5 Air" },
+    { id: "glm-4.6", name: "Glm 4.6" },
+    { id: "glm-4.7", name: "Glm 4.7" }
+  ],
+  [d.SILICONFLOW]: [
+    { id: "deepseek-ai/DeepSeek-V3.2", name: "Deepseek V3.2" },
+    { id: "deepseek-ai/DeepSeek-V3.1-Terminus", name: "Deepseek V3.1 Terminus" },
+    { id: "deepseek-ai/DeepSeek-R1", name: "Deepseek R1" },
+    { id: "deepseek-ai/DeepSeek-V3", name: "Deepseek V3" },
+    { id: "zai-org/GLM-4.6V", name: "Glm 4.6V" },
+    { id: "zai-org/GLM-4.6", name: "Glm 4.6" },
+    { id: "Pro/zai-org/GLM-4.7", name: "Glm 4.7" },
+    { id: "Qwen/Qwen3-VL-32B-Instruct", name: "Qwen3 Vl 32B Instruct" }
+  ],
+  [d.OLLAMA]: [
+    { id: "llama3.3", name: "Llama 3.3" },
+    { id: "llama3.2", name: "Llama 3.2" },
+    { id: "qwq", name: "QwQ (推理)" },
+    { id: "qwen3:32b", name: "Qwen3 32B" },
+    { id: "deepseek-r1:32b", name: "DeepSeek R1 32B" },
+    { id: "deepseek-coder-v2", name: "DeepSeek Coder V2" },
+    { id: "gemma3:27b", name: "Gemma 3 27B" },
+    { id: "mistral:7b", name: "Mistral 7B" },
+    { id: "phi4", name: "Phi 4" },
+    { id: "codellama", name: "Code Llama" }
+  ],
+  [d.DOUBAO]: [
+    { id: "doubao-seed-1-8-251215", name: "Doubao 1.8" },
+    { id: "doubao-seed-1-6-251015", name: "Doubao 1.6" },
+    { id: "doubao-seed-1-6-lite-251015", name: "Doubao 1.6 Lite" },
+    { id: "doubao-seed-1-6-flash-250828", name: "Doubao 1.6 Flash" },
+    { id: "doubao-seed-1-6-thinking-250615", name: "Doubao 1.6 Thinking" }
+  ],
+  [d.MINIMAX]: [
+    { id: "MiniMax-M2.1", name: "MiniMax M2.1" },
+    { id: "MiniMax-M2.1-lightning", name: "MiniMax M2.1 Lightning" },
+    { id: "MiniMax-M2", name: "MiniMax M2" }
+  ]
+};
+function Pe(a) {
+  return Ta[a] || [];
+}
+const Aa = (a) => Array.isArray(a == null ? void 0 : a.data) ? a.data.filter((t) => t.id).map((t) => {
+  const i = t.name || (t.id.split("/").pop() ?? "").replace(/[-_]/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+  return {
+    id: t.id,
+    name: i,
+    created: t.created || 0
+  };
+}).sort((t, i) => (i.created || 0) - (t.created || 0)) : [], Xe = {
+  format: "openai",
+  getModelsEndpoint: (a) => `${a}/models`,
+  getChatEndpoint: (a) => `${a}/chat/completions`,
+  buildHeaders: (a) => ({
+    "Content-Type": "application/json",
+    Authorization: `Bearer ${a}`
+  }),
+  buildChatPayload: (a, t, i) => ({
+    model: a,
+    messages: t,
+    max_tokens: i
+  }),
+  parseChatResponse: (a) => {
+    var t, i, l;
+    return ((l = (i = (t = a.choices) == null ? void 0 : t[0]) == null ? void 0 : i.message) == null ? void 0 : l.content) || "";
+  }
+}, Pa = {
+  format: "anthropic",
+  getChatEndpoint: (a) => `${a}/messages`,
+  buildHeaders: (a) => ({
+    "Content-Type": "application/json",
+    "x-api-key": a,
+    "anthropic-version": "2023-06-01"
+  }),
+  buildChatPayload: (a, t, i) => ({
+    model: a,
+    messages: t,
+    max_tokens: i
+  }),
+  parseChatResponse: (a) => {
+    var t, i;
+    return ((i = (t = a.content) == null ? void 0 : t[0]) == null ? void 0 : i.text) || "";
+  }
+}, Oa = {
+  format: "gemini",
+  getModelsEndpoint: (a, t) => `${a}/models?key=${t}`,
+  getChatEndpoint: (a, t, i) => `${a}/models/${i}:generateContent?key=${t}`,
+  buildHeaders: () => ({
+    "Content-Type": "application/json"
+  }),
+  buildChatPayload: (a, t, i) => ({
+    contents: t.map((p) => ({
+      role: p.role === "assistant" ? "model" : "user",
+      parts: [{ text: p.content }]
+    })),
+    generationConfig: { maxOutputTokens: i }
+  }),
+  parseChatResponse: (a) => {
+    var t, i, l, p, c;
+    return ((c = (p = (l = (i = (t = a.candidates) == null ? void 0 : t[0]) == null ? void 0 : i.content) == null ? void 0 : l.parts) == null ? void 0 : p[0]) == null ? void 0 : c.text) || "";
+  },
+  // Gemini 返回格式: { models: [{ name: "models/gemini-pro", ... }] }
+  parseModelsResponse: (a) => Array.isArray(a.models) ? a.models.filter((t) => {
+    var i;
+    return (i = t.supportedGenerationMethods) == null ? void 0 : i.includes("generateContent");
+  }).map((t) => ({
+    id: t.name.replace("models/", ""),
+    // "models/gemini-pro" -> "gemini-pro"
+    name: t.displayName || t.name.replace("models/", ""),
+    created: t.created || 0
+  })).sort((t, i) => (i.created || 0) - (t.created || 0)) : []
+}, Ia = {
+  format: "cohere",
+  getModelsEndpoint: (a) => `${a}/models`,
+  getChatEndpoint: (a) => `${a}/chat`,
+  buildHeaders: (a) => ({
+    "Content-Type": "application/json",
+    Authorization: `Bearer ${a}`
+  }),
+  buildChatPayload: (a, t, i) => {
+    const l = t[t.length - 1], p = t.slice(0, -1).map((c) => ({
+      role: c.role === "assistant" ? "CHATBOT" : "USER",
+      message: c.content
+    }));
+    return {
+      model: a,
+      message: l.content,
+      chat_history: p,
+      max_tokens: i
+    };
+  },
+  parseChatResponse: (a) => a.text || ""
+}, Sa = {
+  openai: Xe,
+  anthropic: Pa,
+  gemini: Oa,
+  cohere: Ia
+};
+function Ie(a) {
+  return Sa[a] || Xe;
+}
+async function Na(a) {
+  var g;
+  const { apiFormat: t, baseUrl: i, apiKey: l, model: p, messages: c, maxTokens: b = 2048 } = a, m = Ie(t), s = m.getChatEndpoint(i, l, p), u = m.buildHeaders(l), f = m.buildChatPayload(p, c, b), w = performance.now();
+  try {
+    const C = await fetch(s, {
+      method: "POST",
+      headers: u,
+      body: JSON.stringify(f)
+    }), k = Math.round(performance.now() - w);
+    if (!C.ok)
+      return {
+        success: !1,
+        message: ((g = (await C.json().catch(() => ({}))).error) == null ? void 0 : g.message) || `HTTP ${C.status}: ${C.statusText}`,
+        latencyMs: k
+      };
+    const L = await C.json();
+    return {
+      success: !0,
+      content: m.parseChatResponse(L),
+      latencyMs: k
+    };
+  } catch (C) {
+    return {
+      success: !1,
+      message: C instanceof Error ? C.message : "网络错误"
+    };
+  }
+}
+async function at(a) {
+  const t = await Na({
+    apiFormat: a.apiFormat,
+    baseUrl: a.baseUrl,
+    apiKey: a.apiKey,
+    model: a.model,
+    messages: [{ role: "user", content: "Hi" }],
+    maxTokens: 5
+    // 最小 token 数，节省成本
+  });
+  return {
+    success: t.success,
+    latencyMs: t.latencyMs,
+    message: t.success ? void 0 : t.message
+  };
+}
+async function La(a) {
+  const { provider: t, apiKey: i, model: l, baseUrl: p, proxyUrl: c } = a, b = p || t.baseUrl, m = Date.now();
+  try {
+    if (c) {
+      const A = await (await fetch(`${c}/test`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          provider_id: t.id,
+          api_key: i,
+          model: l || "",
+          base_url: p || t.baseUrl,
+          api_format: t.apiFormat
+        })
+      })).json();
+      return {
+        success: A.success,
+        latencyMs: A.latency_ms || Date.now() - m,
+        message: A.message
+      };
+    }
+    const s = Ie(t.apiFormat), u = l || "";
+    if (!u)
+      return {
+        success: !1,
+        latencyMs: 0,
+        message: "请先选择模型 (Please select a model)"
+      };
+    const f = s.buildHeaders(i), w = s.buildChatPayload(u, [{ role: "user", content: "Hi" }], 5), g = s.getChatEndpoint(b, i, u), C = await fetch(g, {
+      method: "POST",
+      headers: f,
+      body: JSON.stringify(w)
+    }), k = Date.now() - m;
+    if (C.ok)
+      return { success: !0, latencyMs: k, message: "连接成功" };
+    {
+      const L = await C.text();
+      return {
+        success: !1,
+        latencyMs: k,
+        message: `HTTP ${C.status}: ${L.slice(0, 200)}`
+      };
+    }
+  } catch (s) {
+    return {
+      success: !1,
+      latencyMs: Date.now() - m,
+      message: s instanceof Error ? s.message : String(s)
+    };
+  }
+}
+async function tt(a) {
+  var b;
+  const { provider: t, apiKey: i, baseUrl: l, proxyUrl: p, fallbackToStatic: c = !0 } = a;
+  if (p)
+    try {
+      const s = await (await fetch(`${p}/models`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          provider_id: t.id,
+          api_key: i || void 0,
+          base_url: l || t.baseUrl
+        })
+      })).json();
+      if (s.success && ((b = s.models) == null ? void 0 : b.length) > 0)
+        return s.models;
+    } catch (m) {
+      if (console.warn("Failed to fetch models via proxy:", m), !c)
+        throw m;
+    }
+  if (!p && t.supportsModelsApi)
+    try {
+      const m = Ie(t.apiFormat);
+      if (m.getModelsEndpoint) {
+        const s = m.getModelsEndpoint(l || t.baseUrl, i || ""), u = m.buildHeaders(i || ""), f = await fetch(s, {
+          method: "GET",
+          headers: u
+        });
+        if (f.ok) {
+          const w = await f.json();
+          return (m.parseModelsResponse || Aa)(w);
+        } else if (!c)
+          throw new Error(`HTTP ${f.status}`);
+      }
+    } catch (m) {
+      if (console.warn("Failed to fetch models directly:", m), !c)
+        throw m;
+    }
+  if (!c && t.supportsModelsApi)
+    throw new Error("Failed to fetch models");
+  return Pe(t.id);
+}
+const Ae = "ai_provider_config", _a = {
+  get: (a) => typeof window > "u" ? null : localStorage.getItem(a),
+  set: (a, t) => {
+    typeof window > "u" || localStorage.setItem(a, t);
+  },
+  remove: (a) => {
+    typeof window > "u" || localStorage.removeItem(a);
+  }
+};
+function Fa(a = _a, t = {}) {
+  const i = t.serialize || JSON.stringify, l = t.deserialize || JSON.parse;
+  return {
+    /**
+     * Save AI config
+     */
+    save(p) {
+      try {
+        const c = i(p);
+        a.set(Ae, c);
+      } catch (c) {
+        console.error("Failed to save config:", c);
+      }
+    },
+    /**
+     * Load AI config
+     */
+    load() {
+      const p = a.get(Ae);
+      if (!p)
+        return null;
+      try {
+        return l(p);
+      } catch (c) {
+        return console.error("Failed to load config:", c), null;
+      }
+    },
+    /**
+     * Clear AI config
+     */
+    clear() {
+      a.remove(Ae);
+    }
+  };
+}
+function Ze(a) {
+  if (!a)
+    return {
+      providers: Object.values(Ee),
+      getModels: (s) => Pe(s)
+    };
+  const { mode: t, include: i, exclude: l, custom: p } = a;
+  let c = [];
+  if (t === "default") {
+    let s = Object.values(Ee);
+    i && i.length > 0 && (s = s.filter((u) => i.includes(u.id))), l && l.length > 0 && (s = s.filter((u) => !l.includes(u.id))), c = [...s];
+  }
+  const b = {};
+  if (p)
+    for (const [s, u] of Object.entries(p)) {
+      const f = {
+        id: s,
+        name: u.name,
+        baseUrl: u.baseUrl,
+        needsApiKey: u.needsApiKey,
+        apiFormat: u.apiFormat,
+        supportsModelsApi: u.supportsModelsApi ?? !1,
+        icon: u.icon
+      }, w = c.findIndex((g) => g.id === s);
+      w >= 0 ? c[w] = {
+        ...c[w],
+        ...f,
+        icon: f.icon || c[w].icon
+      } : c.push(f), u.models && u.models.length > 0 && (b[s] = u.models);
+    }
+  return { providers: c, getModels: (s) => b[s] ? b[s] : Pe(s) };
+}
+function rt(a, t) {
+  const { providers: i } = Ze(t);
+  return i.find((l) => l.id === a) || null;
+}
+function Ba(a = {}) {
+  var X, J, Z, ee, ae;
+  const [t, i] = B(((X = a.initialConfig) == null ? void 0 : X.providerId) || ""), [l, p] = B(((J = a.initialConfig) == null ? void 0 : J.apiKey) || ""), [c, b] = B(((Z = a.initialConfig) == null ? void 0 : Z.model) || ""), [m, s] = B(((ee = a.initialConfig) == null ? void 0 : ee.modelName) || ""), [u, f] = B(((ae = a.initialConfig) == null ? void 0 : ae.baseUrl) || ""), [w, g] = B([]), [C, k] = B("idle"), [L, A] = B(null), [_, R] = B(!1), [T, Q] = B(null), F = de(
+    () => Ze(a.providerConfig),
+    [a.providerConfig]
+  ), P = F.providers, E = de(
+    () => P.find((v) => v.id === t) || null,
+    [P, t]
+  ), W = de(() => Fa(void 0, {
+    serialize: a.onSerialize,
+    deserialize: a.onDeserialize
+  }), [a.onSerialize, a.onDeserialize]), Y = Oe(/* @__PURE__ */ new Map());
+  se(() => {
+    const v = W.load();
+    v && (v.providerId && i(v.providerId), v.apiKey && p(v.apiKey), v.model && b(v.model), v.modelName && s(v.modelName), v.baseUrl && f(v.baseUrl));
+  }, [W]), se(() => {
+    if (!t || !E) {
+      g([]), Q(null), R(!1);
+      return;
+    }
+    const v = E.supportsModelsApi && (!E.needsApiKey || !!l), O = u || E.baseUrl, D = `${t}|${O}|${l}`, q = Y.current.get(D);
+    if (q) {
+      g(q), Q(null), R(!1);
+      return;
+    }
+    if (!v) {
+      const K = F.getModels(t);
+      g(K), Y.current.set(D, K), Q(null), R(!1);
+      return;
+    }
+    R(!0), Q(null), w.length === 0 && g(F.getModels(t));
+    const te = setTimeout(async () => {
+      try {
+        let K;
+        a.modelFetcher ? K = await a.modelFetcher({
+          type: "fetchModels",
+          providerId: E.id,
+          baseUrl: O,
+          apiKey: l
+        }) : K = await import("./index-BseB50dK.js").then((re) => re.fetchModels({
+          provider: E,
+          apiKey: l,
+          baseUrl: O,
+          proxyUrl: a.proxyUrl,
+          fallbackToStatic: !1
+        })), g(K), Y.current.set(D, K);
+      } catch (K) {
+        console.warn("Model fetch failed:", K), Q("fetchModelsFailed");
+        const re = F.getModels(t);
+        g(re);
+      } finally {
+        R(!1);
+      }
+    }, 500);
+    return () => clearTimeout(te);
+  }, [t, E, l, u, F, a.proxyUrl, a.modelFetcher]), se(() => {
+    (C === "error" || C === "success") && (k("idle"), A(null));
+  }, [l, u]);
+  const me = ue(async () => {
+    if (!E || E.needsApiKey && !l) return;
+    k("testing"), A(null);
+    let v;
+    if (a.modelFetcher)
+      try {
+        const O = await a.modelFetcher({
+          type: "checkConnection",
+          providerId: E.id,
+          baseUrl: u || E.baseUrl,
+          apiKey: l,
+          modelId: c
+        });
+        v = {
+          success: O.success,
+          latencyMs: O.latency || O.latencyMs,
+          message: O.message
+        };
+      } catch (O) {
+        v = { success: !1, message: O.message || "Unknown error" };
+      }
+    else
+      v = await La({
+        provider: E,
+        apiKey: l,
+        baseUrl: u,
+        model: c,
+        proxyUrl: a.proxyUrl
+      });
+    return A(v), k(v.success ? "success" : "error"), setTimeout(() => {
+      k("idle");
+    }, 2e3), v;
+  }, [E, l, u, c, a.proxyUrl, a.modelFetcher]), pe = ue(() => {
+    const v = w.find((D) => D.id === c), O = (v == null ? void 0 : v.name) || m || c;
+    v != null && v.name && v.name !== m && s(v.name), W.save({
+      providerId: t,
+      apiKey: l,
+      model: c,
+      modelName: O,
+      baseUrl: u
+    });
+  }, [t, l, c, m, u, w, W]), ie = ue(() => {
+    W.clear(), i(""), p(""), b(""), s(""), f("");
+  }, [W]), G = ue((v) => {
+    i(v), p(""), b(""), s(""), f(""), k("idle"), A(null);
+  }, []), z = ue((v, O) => {
+    if (b(v), O)
+      s(O);
+    else {
+      const D = w.find((q) => q.id === v);
+      s((D == null ? void 0 : D.name) || v);
+    }
+  }, [w]), H = de(() => !(!t || !c || E != null && E.needsApiKey && !l), [t, c, E, l]);
+  return {
+    // State
+    config: de(() => ({
+      providerId: t,
+      apiKey: l,
+      model: c,
+      modelName: m,
+      baseUrl: u || (E == null ? void 0 : E.baseUrl) || ""
+    }), [t, l, c, m, u, E]),
+    providerId: t,
+    apiKey: l,
+    model: c,
+    modelName: m,
+    baseUrl: u,
+    models: w,
+    testStatus: C,
+    testResult: L,
+    isFetchingModels: _,
+    fetchModelError: T,
+    provider: E,
+    providers: P,
+    isValid: H,
+    // Actions
+    setProviderId: G,
+    setApiKey: p,
+    setModel: b,
+    selectModel: z,
+    setBaseUrl: f,
+    runTest: me,
+    save: pe,
+    clear: ie
+  };
+}
+var ke = { exports: {} }, ve = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var He;
+function Ua() {
+  if (He) return ve;
+  He = 1;
+  var a = Je, t = Symbol.for("react.element"), i = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, p = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(m, s, u) {
+    var f, w = {}, g = null, C = null;
+    u !== void 0 && (g = "" + u), s.key !== void 0 && (g = "" + s.key), s.ref !== void 0 && (C = s.ref);
+    for (f in s) l.call(s, f) && !c.hasOwnProperty(f) && (w[f] = s[f]);
+    if (m && m.defaultProps) for (f in s = m.defaultProps, s) w[f] === void 0 && (w[f] = s[f]);
+    return { $$typeof: t, type: m, key: g, ref: C, props: w, _owner: p.current };
+  }
+  return ve.Fragment = i, ve.jsx = b, ve.jsxs = b, ve;
+}
+var ge = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var qe;
+function Da() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
+    var a = Je, t = Symbol.for("react.element"), i = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), m = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), k = Symbol.iterator, L = "@@iterator";
+    function A(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var n = k && e[k] || e[L];
+      return typeof n == "function" ? n : null;
+    }
+    var _ = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function R(e) {
+      {
+        for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), h = 1; h < n; h++)
+          o[h - 1] = arguments[h];
+        T("error", e, o);
+      }
+    }
+    function T(e, n, o) {
+      {
+        var h = _.ReactDebugCurrentFrame, M = h.getStackAddendum();
+        M !== "" && (n += "%s", o = o.concat([M]));
+        var j = o.map(function(x) {
+          return String(x);
+        });
+        j.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, j);
+      }
+    }
+    var Q = !1, F = !1, P = !1, E = !1, W = !1, Y;
+    Y = Symbol.for("react.module.reference");
+    function me(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === l || e === c || W || e === p || e === u || e === f || E || e === C || Q || F || P || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === w || e.$$typeof === b || e.$$typeof === m || e.$$typeof === s || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === Y || e.getModuleId !== void 0));
+    }
+    function pe(e, n, o) {
+      var h = e.displayName;
+      if (h)
+        return h;
+      var M = n.displayName || n.name || "";
+      return M !== "" ? o + "(" + M + ")" : o;
+    }
+    function ie(e) {
+      return e.displayName || "Context";
+    }
+    function G(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case l:
+          return "Fragment";
+        case i:
+          return "Portal";
+        case c:
+          return "Profiler";
+        case p:
+          return "StrictMode";
+        case u:
+          return "Suspense";
+        case f:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case m:
+            var n = e;
+            return ie(n) + ".Consumer";
+          case b:
+            var o = e;
+            return ie(o._context) + ".Provider";
+          case s:
+            return pe(e, e.render, "ForwardRef");
+          case w:
+            var h = e.displayName || null;
+            return h !== null ? h : G(e.type) || "Memo";
+          case g: {
+            var M = e, j = M._payload, x = M._init;
+            try {
+              return G(x(j));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var z = Object.assign, H = 0, fe, X, J, Z, ee, ae, v;
+    function O() {
+    }
+    O.__reactDisabledLog = !0;
+    function D() {
+      {
+        if (H === 0) {
+          fe = console.log, X = console.info, J = console.warn, Z = console.error, ee = console.group, ae = console.groupCollapsed, v = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: O,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        H++;
+      }
+    }
+    function q() {
+      {
+        if (H--, H === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: z({}, e, {
+              value: fe
+            }),
+            info: z({}, e, {
+              value: X
+            }),
+            warn: z({}, e, {
+              value: J
+            }),
+            error: z({}, e, {
+              value: Z
+            }),
+            group: z({}, e, {
+              value: ee
+            }),
+            groupCollapsed: z({}, e, {
+              value: ae
+            }),
+            groupEnd: z({}, e, {
+              value: v
+            })
+          });
+        }
+        H < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var oe = _.ReactCurrentDispatcher, te;
+    function K(e, n, o) {
+      {
+        if (te === void 0)
+          try {
+            throw Error();
+          } catch (M) {
+            var h = M.stack.trim().match(/\n( *(at )?)/);
+            te = h && h[1] || "";
+          }
+        return `
+` + te + e;
+      }
+    }
+    var re = !1, ye;
+    {
+      var aa = typeof WeakMap == "function" ? WeakMap : Map;
+      ye = new aa();
+    }
+    function Se(e, n) {
+      if (!e || re)
+        return "";
+      {
+        var o = ye.get(e);
+        if (o !== void 0)
+          return o;
+      }
+      var h;
+      re = !0;
+      var M = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var j;
+      j = oe.current, oe.current = null, D();
+      try {
+        if (n) {
+          var x = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(x.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(x, []);
+            } catch ($) {
+              h = $;
+            }
+            Reflect.construct(e, [], x);
+          } else {
+            try {
+              x.call();
+            } catch ($) {
+              h = $;
+            }
+            e.call(x.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch ($) {
+            h = $;
+          }
+          e();
+        }
+      } catch ($) {
+        if ($ && h && typeof $.stack == "string") {
+          for (var y = $.stack.split(`
+`), U = h.stack.split(`
+`), I = y.length - 1, S = U.length - 1; I >= 1 && S >= 0 && y[I] !== U[S]; )
+            S--;
+          for (; I >= 1 && S >= 0; I--, S--)
+            if (y[I] !== U[S]) {
+              if (I !== 1 || S !== 1)
+                do
+                  if (I--, S--, S < 0 || y[I] !== U[S]) {
+                    var V = `
+` + y[I].replace(" at new ", " at ");
+                    return e.displayName && V.includes("<anonymous>") && (V = V.replace("<anonymous>", e.displayName)), typeof e == "function" && ye.set(e, V), V;
+                  }
+                while (I >= 1 && S >= 0);
+              break;
+            }
+        }
+      } finally {
+        re = !1, oe.current = j, q(), Error.prepareStackTrace = M;
+      }
+      var ce = e ? e.displayName || e.name : "", ne = ce ? K(ce) : "";
+      return typeof e == "function" && ye.set(e, ne), ne;
+    }
+    function ta(e, n, o) {
+      return Se(e, !1);
+    }
+    function ra(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
+    }
+    function xe(e, n, o) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Se(e, ra(e));
+      if (typeof e == "string")
+        return K(e);
+      switch (e) {
+        case u:
+          return K("Suspense");
+        case f:
+          return K("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case s:
+            return ta(e.render);
+          case w:
+            return xe(e.type, n, o);
+          case g: {
+            var h = e, M = h._payload, j = h._init;
+            try {
+              return xe(j(M), n, o);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var he = Object.prototype.hasOwnProperty, Ne = {}, Le = _.ReactDebugCurrentFrame;
+    function we(e) {
+      if (e) {
+        var n = e._owner, o = xe(e.type, e._source, n ? n.type : null);
+        Le.setExtraStackFrame(o);
+      } else
+        Le.setExtraStackFrame(null);
+    }
+    function na(e, n, o, h, M) {
+      {
+        var j = Function.call.bind(he);
+        for (var x in e)
+          if (j(e, x)) {
+            var y = void 0;
+            try {
+              if (typeof e[x] != "function") {
+                var U = Error((h || "React class") + ": " + o + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw U.name = "Invariant Violation", U;
+              }
+              y = e[x](n, x, h, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (I) {
+              y = I;
+            }
+            y && !(y instanceof Error) && (we(M), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", o, x, typeof y), we(null)), y instanceof Error && !(y.message in Ne) && (Ne[y.message] = !0, we(M), R("Failed %s type: %s", o, y.message), we(null));
+          }
+      }
+    }
+    var sa = Array.isArray;
+    function Me(e) {
+      return sa(e);
+    }
+    function ia(e) {
+      {
+        var n = typeof Symbol == "function" && Symbol.toStringTag, o = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o;
+      }
+    }
+    function oa(e) {
+      try {
+        return _e(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function _e(e) {
+      return "" + e;
+    }
+    function Fe(e) {
+      if (oa(e))
+        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ia(e)), _e(e);
+    }
+    var Be = _.ReactCurrentOwner, la = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ue, De;
+    function ca(e) {
+      if (he.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function da(e) {
+      if (he.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ua(e, n) {
+      typeof e.ref == "string" && Be.current;
+    }
+    function ma(e, n) {
+      {
+        var o = function() {
+          Ue || (Ue = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    function pa(e, n) {
+      {
+        var o = function() {
+          De || (De = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    var fa = function(e, n, o, h, M, j, x) {
+      var y = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: e,
+        key: n,
+        ref: o,
+        props: x,
+        // Record the component responsible for creating this element.
+        _owner: j
+      };
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(y, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: h
+      }), Object.defineProperty(y, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: M
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+    };
+    function ha(e, n, o, h, M) {
+      {
+        var j, x = {}, y = null, U = null;
+        o !== void 0 && (Fe(o), y = "" + o), da(n) && (Fe(n.key), y = "" + n.key), ca(n) && (U = n.ref, ua(n, M));
+        for (j in n)
+          he.call(n, j) && !la.hasOwnProperty(j) && (x[j] = n[j]);
+        if (e && e.defaultProps) {
+          var I = e.defaultProps;
+          for (j in I)
+            x[j] === void 0 && (x[j] = I[j]);
+        }
+        if (y || U) {
+          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && ma(x, S), U && pa(x, S);
+        }
+        return fa(e, y, U, M, h, Be.current, x);
+      }
+    }
+    var Ce = _.ReactCurrentOwner, Ke = _.ReactDebugCurrentFrame;
+    function le(e) {
+      if (e) {
+        var n = e._owner, o = xe(e.type, e._source, n ? n.type : null);
+        Ke.setExtraStackFrame(o);
+      } else
+        Ke.setExtraStackFrame(null);
+    }
+    var je;
+    je = !1;
+    function Re(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function $e() {
+      {
+        if (Ce.current) {
+          var e = G(Ce.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function va(e) {
+      return "";
+    }
+    var Ge = {};
+    function ga(e) {
+      {
+        var n = $e();
+        if (!n) {
+          var o = typeof e == "string" ? e : e.displayName || e.name;
+          o && (n = `
+
+Check the top-level render call using <` + o + ">.");
+        }
+        return n;
+      }
+    }
+    function Ve(e, n) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var o = ga(n);
+        if (Ge[o])
+          return;
+        Ge[o] = !0;
+        var h = "";
+        e && e._owner && e._owner !== Ce.current && (h = " It was passed a child from " + G(e._owner.type) + "."), le(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, h), le(null);
+      }
+    }
+    function Qe(e, n) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Me(e))
+          for (var o = 0; o < e.length; o++) {
+            var h = e[o];
+            Re(h) && Ve(h, n);
+          }
+        else if (Re(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var M = A(e);
+          if (typeof M == "function" && M !== e.entries)
+            for (var j = M.call(e), x; !(x = j.next()).done; )
+              Re(x.value) && Ve(x.value, n);
+        }
+      }
+    }
+    function ba(e) {
+      {
+        var n = e.type;
+        if (n == null || typeof n == "string")
+          return;
+        var o;
+        if (typeof n == "function")
+          o = n.propTypes;
+        else if (typeof n == "object" && (n.$$typeof === s || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        n.$$typeof === w))
+          o = n.propTypes;
+        else
+          return;
+        if (o) {
+          var h = G(n);
+          na(o, e.props, "prop", h, e);
+        } else if (n.PropTypes !== void 0 && !je) {
+          je = !0;
+          var M = G(n);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
+        }
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ya(e) {
+      {
+        for (var n = Object.keys(e.props), o = 0; o < n.length; o++) {
+          var h = n[o];
+          if (h !== "children" && h !== "key") {
+            le(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), le(null);
+            break;
+          }
+        }
+        e.ref !== null && (le(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), le(null));
+      }
+    }
+    var ze = {};
+    function We(e, n, o, h, M, j) {
+      {
+        var x = me(e);
+        if (!x) {
+          var y = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var U = va();
+          U ? y += U : y += $e();
+          var I;
+          e === null ? I = "null" : Me(e) ? I = "array" : e !== void 0 && e.$$typeof === t ? (I = "<" + (G(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : I = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", I, y);
+        }
+        var S = ha(e, n, o, M, j);
+        if (S == null)
+          return S;
+        if (x) {
+          var V = n.children;
+          if (V !== void 0)
+            if (h)
+              if (Me(V)) {
+                for (var ce = 0; ce < V.length; ce++)
+                  Qe(V[ce], e);
+                Object.freeze && Object.freeze(V);
+              } else
+                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Qe(V, e);
+        }
+        if (he.call(n, "key")) {
+          var ne = G(e), $ = Object.keys(n).filter(function(Ca) {
+            return Ca !== "key";
+          }), Te = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ze[ne + Te]) {
+            var Ma = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
+            R(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, Te, ne, Ma, ne), ze[ne + Te] = !0;
+          }
+        }
+        return e === l ? ya(S) : ba(S), S;
+      }
+    }
+    function xa(e, n, o) {
+      return We(e, n, o, !0);
+    }
+    function wa(e, n, o) {
+      return We(e, n, o, !1);
+    }
+    var ka = wa, Ea = xa;
+    ge.Fragment = l, ge.jsx = ka, ge.jsxs = Ea;
+  })()), ge;
+}
+var Ye;
+function Ka() {
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ke.exports = Ua() : ke.exports = Da()), ke.exports;
+}
+var r = Ka();
+function ea({ text: a, className: t = "", placeholder: i }) {
+  return !a && i ? /* @__PURE__ */ r.jsx("span", { className: `apmsu-placeholder ${t}`, children: i }) : a ? /* @__PURE__ */ r.jsx("span", { className: `inline-flex min-w-0 ${t}`, children: /* @__PURE__ */ r.jsx(ja, { value: a, charWidth: 0.8, duration: 300 }) }) : null;
+}
+function $a({
+  providers: a,
+  selectedProviderId: t,
+  onSelect: i,
+  isOpen: l,
+  setIsOpen: p,
+  disabled: c,
+  language: b = "zh"
+}) {
+  const m = be[b], s = Oe(null), u = a.find((f) => f.id === t);
+  return se(() => {
+    const f = (w) => {
+      s.current && !s.current.contains(w.target) && p(!1);
+    };
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+  }, [p]), /* @__PURE__ */ r.jsxs("div", { className: "apmsu-field", ref: s, children: [
+    /* @__PURE__ */ r.jsx("label", { className: "apmsu-label", children: m.providerLabel }),
+    /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ r.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => !c && p(!l),
+          disabled: c,
+          className: "apmsu-select-trigger",
+          children: [
+            u ? /* @__PURE__ */ r.jsxs("span", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ r.jsx(
+                "img",
+                {
+                  src: u.icon,
+                  alt: u.name,
+                  className: "apmsu-provider-icon"
+                }
+              ),
+              /* @__PURE__ */ r.jsx(ea, { text: u.name })
+            ] }) : /* @__PURE__ */ r.jsx("span", { className: "apmsu-placeholder", children: m.selectProvider }),
+            /* @__PURE__ */ r.jsx(Ga, { isOpen: l })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsx("div", { className: `apmsu-dropdown max-h-[300px] overflow-auto p-1 origin-top ${l ? "apmsu-dropdown-open" : ""}`, children: a.map((f) => /* @__PURE__ */ r.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            i(f.id), p(!1);
+          },
+          className: `apmsu-dropdown-item rounded-sm ${t === f.id ? "apmsu-dropdown-item-active" : ""}`,
+          children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ r.jsx(
+                "img",
+                {
+                  src: f.icon,
+                  alt: f.name,
+                  className: "apmsu-provider-icon"
+                }
+              ),
+              /* @__PURE__ */ r.jsx("span", { className: "font-medium whitespace-nowrap", children: f.name })
+            ] }),
+            /* @__PURE__ */ r.jsx("span", { className: "apmsu-hint-text ml-auto text-right truncate flex-1 min-w-0", children: f.baseUrl.replace("https://", "") })
+          ]
+        },
+        f.id
+      )) })
+    ] })
+  ] });
+}
+const Ga = ({ isOpen: a }) => /* @__PURE__ */ r.jsx(
+  "svg",
+  {
+    className: `apmsu-chevron ${a ? "rotate-180" : ""}`,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+  }
+);
+function Va({
+  provider: a,
+  apiKey: t,
+  onChange: i,
+  testStatus: l,
+  disabled: p,
+  language: c = "zh"
+}) {
+  const [b, m] = B(!1), s = be[c];
+  if (!a || !a.needsApiKey) return null;
+  const u = () => l === "success" ? "apmsu-input apmsu-input-success" : "apmsu-input apmsu-input-default";
+  return /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ r.jsx("label", { className: "apmsu-label", children: s.apiKeyLabel }),
+    /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: b ? "text" : "password",
+          value: t,
+          onChange: (f) => i(f.target.value),
+          onFocus: () => m(!0),
+          onBlur: () => m(!1),
+          placeholder: s.apiKeyPlaceholder,
+          disabled: p,
+          className: `${u()} pr-10`
+        }
+      ),
+      /* @__PURE__ */ r.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center", children: b ? /* @__PURE__ */ r.jsxs("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" }),
+        /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" })
+      ] }) : /* @__PURE__ */ r.jsx("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21" }) }) })
+    ] })
+  ] });
+}
+function Qa({
+  provider: a,
+  models: t,
+  selectedModelId: i,
+  onSelect: l,
+  isOpen: p,
+  setIsOpen: c,
+  hasApiKey: b,
+  disabled: m,
+  language: s = "zh",
+  isFetchingModels: u,
+  fetchModelError: f,
+  selectedModelName: w
+}) {
+  var R;
+  const g = be[s], C = Oe(null), [k, L] = B("");
+  se(() => {
+    const T = (Q) => {
+      C.current && !C.current.contains(Q.target) && (c(!1), L(""));
+    };
+    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+  }, [c]);
+  const A = t.filter(
+    (T) => T.name.toLowerCase().includes(k.toLowerCase()) || T.id.toLowerCase().includes(k.toLowerCase())
+  ), _ = ((R = t.find((T) => T.id === i)) == null ? void 0 : R.name) || w || i;
+  return /* @__PURE__ */ r.jsxs("div", { className: "apmsu-field", ref: C, children: [
+    /* @__PURE__ */ r.jsx("label", { className: "apmsu-label flex items-center justify-between", children: /* @__PURE__ */ r.jsx("span", { children: g.modelLabel }) }),
+    /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ r.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => !m && a && c(!p),
+          disabled: m || !a,
+          className: "apmsu-select-trigger",
+          children: [
+            /* @__PURE__ */ r.jsx(
+              ea,
+              {
+                text: _,
+                placeholder: g.selectModel
+              }
+            ),
+            /* @__PURE__ */ r.jsx(za, { isOpen: p })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsxs("div", { className: `apmsu-dropdown origin-top ${p ? "apmsu-dropdown-open" : ""}`, children: [
+        /* @__PURE__ */ r.jsx("div", { className: "p-1.5 apmsu-divider", children: /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            type: "text",
+            value: k,
+            onChange: (T) => L(T.target.value),
+            placeholder: g.searchModel,
+            className: "apmsu-select-trigger",
+            autoFocus: p
+          }
+        ) }),
+        /* @__PURE__ */ r.jsxs("div", { className: "max-h-60 overflow-auto", children: [
+          k && !A.some((T) => T.id === k) && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                l(k), c(!1), L("");
+              },
+              className: "apmsu-dropdown-item bg-blue-50 dark:bg-blue-900/20 border-b",
+              children: /* @__PURE__ */ r.jsxs("span", { className: "text-blue-500", children: [
+                g.useCustom,
+                ": ",
+                k
+              ] })
+            }
+          ),
+          A.map((T) => /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                l(T.id, T.name), c(!1), L("");
+              },
+              className: `apmsu-dropdown-item ${i === T.id ? "apmsu-dropdown-item-active" : ""}`,
+              children: /* @__PURE__ */ r.jsx("span", { children: T.name })
+            },
+            T.id
+          )),
+          A.length === 0 && !k && /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center apmsu-hint-text", children: g.noModels })
+        ] })
+      ] })
+    ] }),
+    (a == null ? void 0 : a.supportsModelsApi) && /* @__PURE__ */ r.jsx("div", { className: "min-h-[20px] flex items-center", children: u ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text animate-pulse", children: g.refreshingModels }) : f ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text dark:text-zinc-500", children: g[f] || f }) : a != null && a.needsApiKey && !b ? /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text", children: g.apiKeyTip }) : /* @__PURE__ */ r.jsx("p", { className: "apmsu-hint-text", children: g.modelListUpdated }) })
+  ] });
+}
+const za = ({ isOpen: a }) => /* @__PURE__ */ r.jsx(
+  "svg",
+  {
+    className: `apmsu-chevron ${a ? "rotate-180" : ""}`,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+  }
+);
+function Wa({
+  provider: a,
+  baseUrl: t,
+  onChange: i,
+  disabled: l,
+  language: p = "zh"
+}) {
+  const [c, b] = B(!1), m = be[p];
+  return a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => b(!c),
+        className: "text-xs text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 flex items-center gap-1 transition-colors",
+        children: [
+          /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: `w-3 h-3 transition-transform ${c ? "rotate-90" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+            }
+          ),
+          m.customBaseUrl
+        ]
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "grid transition-all duration-200 ease-out",
+        style: { gridTemplateRows: c ? "1fr" : "0fr" },
+        children: /* @__PURE__ */ r.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            type: "text",
+            value: t,
+            onChange: (s) => i(s.target.value),
+            placeholder: a.baseUrl,
+            disabled: l,
+            className: "apmsu-input apmsu-input-default"
+          }
+        ) })
+      }
+    )
+  ] }) : null;
+}
+function nt({
+  proxyUrl: a,
+  config: t,
+  initialConfig: i,
+  title: l,
+  showPreview: p = !1,
+  saveButtonText: c,
+  disabled: b = !1,
+  onSave: m,
+  onTestResult: s,
+  onChange: u,
+  onSerialize: f,
+  onDeserialize: w,
+  language: g = "zh",
+  modelFetcher: C
+}) {
+  const k = de(() => be[g], [g]), {
+    providerId: L,
+    apiKey: A,
+    model: _,
+    modelName: R,
+    baseUrl: T,
+    models: Q,
+    testStatus: F,
+    testResult: P,
+    provider: E,
+    providers: W,
+    isValid: Y,
+    setProviderId: me,
+    setApiKey: pe,
+    selectModel: ie,
+    setBaseUrl: G,
+    runTest: z,
+    save: H,
+    isFetchingModels: fe,
+    fetchModelError: X,
+    config: J
+  } = Ba({
+    proxyUrl: a,
+    providerConfig: t,
+    initialConfig: i,
+    onSerialize: f,
+    onDeserialize: w,
+    modelFetcher: C
+  }), [Z, ee] = B(!1), [ae, v] = B(!1), [O, D] = B("idle"), [q, oe] = B(!1);
+  se(() => {
+    u == null || u({ providerId: L, apiKey: A, model: _, baseUrl: T });
+  }, [L, A, _, T, u]), se(() => {
+    P && (s == null || s(P));
+  }, [P, s]);
+  const te = ue(() => {
+    H(), D("saved"), m == null || m(J), setTimeout(() => D("idle"), 2e3);
+  }, [H, m, J]);
+  return /* @__PURE__ */ r.jsxs("div", { className: "apmsu-card", children: [
+    l && /* @__PURE__ */ r.jsx("h2", { className: "text-lg font-semibold mb-4", children: l }),
+    /* @__PURE__ */ r.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ r.jsx(
+        $a,
+        {
+          providers: W,
+          selectedProviderId: L,
+          onSelect: me,
+          isOpen: Z,
+          setIsOpen: ee,
+          disabled: b,
+          language: g
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        Wa,
+        {
+          provider: E,
+          baseUrl: T,
+          onChange: G,
+          disabled: b,
+          language: g
+        }
+      ),
+      /* @__PURE__ */ r.jsx("div", { className: `transition-all duration-500 ease-in-out ${L ? "max-h-[1000px] opacity-100 overflow-visible" : "max-h-0 opacity-0 overflow-hidden"}`, children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ r.jsx(
+          Va,
+          {
+            provider: E,
+            apiKey: A,
+            onChange: pe,
+            testStatus: F,
+            disabled: b,
+            language: g
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          Qa,
+          {
+            provider: E,
+            models: Q,
+            selectedModelId: _,
+            onSelect: ie,
+            isOpen: ae,
+            setIsOpen: v,
+            hasApiKey: !!A,
+            disabled: b,
+            language: g,
+            isFetchingModels: fe,
+            fetchModelError: X,
+            selectedModelName: R
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ r.jsxs("div", { className: "pt-2 space-y-2", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              onClick: () => z(),
+              disabled: !L || !A || !_ || b || F === "testing",
+              className: `apmsu-btn flex-1 ${F === "success" ? "apmsu-btn-success" : F === "error" ? "bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400 hover:bg-red-200 dark:hover:bg-red-900/40" : "apmsu-btn-ghost border border-gray-200 dark:border-zinc-700"}`,
+              children: F === "testing" ? /* @__PURE__ */ r.jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ r.jsx(Ha, {}),
+                k.testing
+              ] }) : F === "success" ? /* @__PURE__ */ r.jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ r.jsx(qa, {}),
+                k.testSuccess,
+                " ",
+                (P == null ? void 0 : P.latencyMs) && `${P.latencyMs}ms`
+              ] }) : F === "error" ? /* @__PURE__ */ r.jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ r.jsx(Ya, {}),
+                k.testFailed
+              ] }) : k.testConnection
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              onClick: te,
+              disabled: !Y || b,
+              className: `apmsu-btn flex-1 ${O === "saved" ? "apmsu-btn-success" : "apmsu-btn-primary"}`,
+              children: O === "saved" ? /* @__PURE__ */ r.jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+                /* @__PURE__ */ r.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M5 13l4 4L19 7" }) }),
+                k.saved
+              ] }) : c || k.save
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "grid transition-all duration-200 ease-out",
+            style: { gridTemplateRows: !(P != null && P.success) && (P != null && P.message) && F !== "testing" && F !== "success" ? "1fr" : "0fr" },
+            children: /* @__PURE__ */ r.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ r.jsx("div", { className: "p-2 rounded-md bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800", children: /* @__PURE__ */ r.jsx("p", { className: "text-xs text-red-600 dark:text-red-400 line-clamp-3 text-left", children: P == null ? void 0 : P.message }) }) })
+          }
+        )
+      ] })
+    ] }),
+    p && E && /* @__PURE__ */ r.jsxs("div", { className: "mt-6 border border-gray-200/50 dark:border-zinc-800 rounded-lg overflow-hidden", children: [
+      /* @__PURE__ */ r.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => oe(!q),
+          className: "w-full flex items-center justify-between px-4 py-3 bg-zinc-50 dark:bg-zinc-900/50 hover:bg-zinc-100 dark:hover:bg-zinc-800/50 transition-colors",
+          children: [
+            /* @__PURE__ */ r.jsx("h3", { className: "text-xs font-medium text-gray-500 dark:text-zinc-500 uppercase tracking-wider", children: k.preview }),
+            /* @__PURE__ */ r.jsx(
+              "svg",
+              {
+                className: `w-4 h-4 text-gray-400 transition-transform duration-200 ${q ? "rotate-180" : ""}`,
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: "grid transition-all duration-200 ease-out",
+          style: { gridTemplateRows: q ? "1fr" : "0fr" },
+          children: /* @__PURE__ */ r.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ r.jsx("pre", { className: "text-xs text-gray-600 dark:text-zinc-400 font-mono overflow-x-auto leading-relaxed p-4 bg-zinc-50 dark:bg-zinc-900/50", children: JSON.stringify({
+            provider: E.name,
+            apiFormat: E.apiFormat,
+            baseUrl: T || E.baseUrl,
+            model: _ || k.unselected,
+            hasApiKey: !!A
+          }, null, 2) }) })
+        }
+      )
+    ] })
+  ] });
+}
+const Ha = () => /* @__PURE__ */ r.jsxs("svg", { className: "apmsu-icon-spin", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ r.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+  /* @__PURE__ */ r.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+] }), qa = () => /* @__PURE__ */ r.jsx("svg", { className: "apmsu-icon-success", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }), Ya = () => /* @__PURE__ */ r.jsx("svg", { className: "apmsu-icon-error", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) });
+export {
+  nt as A,
+  be as I,
+  Ee as P,
+  Ta as S,
+  d as a,
+  Ra as b,
+  et as c,
+  Pe as d,
+  Fa as e,
+  tt as f,
+  Za as g,
+  rt as h,
+  Ie as i,
+  Na as j,
+  at as k,
+  _a as l,
+  Ze as r,
+  Sa as s,
+  La as t,
+  Ba as u
+};
+//# sourceMappingURL=index-BDJQBhY0.js.map