@tonyclaw/llm-inspector 1.14.0 → 1.14.2

package/.output/server/_ssr/{index-AxruZp16.mjs → index-DmLit8Ad.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, a as parseRequest, s as stripClaudeCodeBillingHeader, R as RuntimeConfigSchema, P as ProviderConfigSchema, p as parseOpenAIResponse, I as InspectorResponseSchema, S as StreamingChunkSchema$1 } from "./router-DtleGqN8.mjs";
+import { C as CapturedLogSchema, a as parseRequest, s as stripClaudeCodeBillingHeader, R as RuntimeConfigSchema, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, d as ProviderConfigSchema, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-BoeSXWHG.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
@@ -10,9 +10,9 @@ import { d as diffLines, a as diffJson } from "../_libs/diff.mjs";
 import { R as Root, T as Trigger$1, C as Content, a as Close, b as Title, P as Portal$1, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { D as Download, L as LayoutGrid, a as List, G as GitCompareArrows, X, S as Settings, C as ChevronDown, b as Check, R as RotateCcw, U as Upload, P as Plus, c as Copy, d as CircleAlert, e as ChevronUp, f as ChevronRight, g as Clock, M as MessageSquare, Z as Zap, h as LoaderCircle, W as Wrench, i as Globe, j as User, F as FileTerminal, k as Radio, l as Rows3, m as Columns2, n as Minus, o as Pencil, E as Equal, p as ExternalLink, q as EyeOff, r as Eye, s as RotateCw, T as Trash2, A as ArrowUp, t as ArrowDown, u as TriangleAlert, v as CircleCheckBig, w as CircleStop, x as CircleQuestionMark, y as Server, z as Gauge, B as Lock, H as Wifi, I as WifiOff, J as ChevronsUp, K as ChevronsDown, N as Brain, O as Terminal } from "../_libs/lucide-react.mjs";
+import { D as Download, L as LayoutGrid, a as List, G as GitCompareArrows, X, S as Settings, C as ChevronDown, b as Check, R as RotateCcw, U as Upload, P as Plus, c as Copy, d as CircleAlert, e as ChevronUp, f as ChevronRight, g as Clock, M as MessageSquare, Z as Zap, h as LoaderCircle, W as Wrench, i as Globe, j as User, F as FileTerminal, k as Radio, l as Rows3, m as Columns2, n as Minus, o as Pencil, E as Equal, p as EyeOff, q as Eye, r as ExternalLink, s as RotateCw, T as Trash2, A as ArrowUp, t as ArrowDown, u as TriangleAlert, v as CircleCheckBig, w as CircleStop, x as CircleQuestionMark, y as Server, z as Gauge, B as Lock, H as Wifi, I as WifiOff, J as ChevronsUp, K as ChevronsDown, N as Brain, O as Terminal } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
-import { a as array, b as string, u as union, d as object, l as literal, n as number, c as boolean, r as record, _ as _enum } from "../_libs/zod.mjs";
+import { a as array, b as string, u as union, d as object, l as literal, n as number, c as boolean } from "../_libs/zod.mjs";
 import { R as Root2$1, L as List$1, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 import { P as Provider, R as Root3, T as Trigger$3, a as Portal$2, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
@@ -276,7 +276,7 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.14.0";
+const version = "1.14.2";
 const packageJson = {
   version
 };
@@ -2861,13 +2861,13 @@ function SelectScrollDownButton({
     }
   );
 }
-const KNOWN_PROVIDER_DOCS = {
-  deepseek: "https://api-docs.deepseek.com/zh-cn/"
-};
 function maskApiKey(apiKey) {
   if (apiKey.length <= 8) return "••••••••";
   return apiKey.slice(0, 4) + "••••••••" + apiKey.slice(-4);
 }
+const KNOWN_PROVIDER_DOCS = {
+  deepseek: "https://api-docs.deepseek.com/zh-cn/"
+};
 function hasSuccessField(result) {
   return Object.prototype.hasOwnProperty.call(result, "success");
 }
@@ -2984,6 +2984,19 @@ function TestStatus({ result }) {
     ] })
   ] });
 }
+function formatTimeAgo(isoString) {
+  const now = Date.now();
+  const then = new Date(isoString).getTime();
+  const diffMs = now - then;
+  const diffSec = Math.floor(diffMs / 1e3);
+  if (diffSec < 60) return "just now";
+  const diffMin = Math.floor(diffSec / 60);
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.floor(diffMin / 60);
+  if (diffHr < 24) return `${diffHr}h ago`;
+  const diffDay = Math.floor(diffHr / 24);
+  return `${diffDay}d ago`;
+}
 function ProviderCard({
   provider,
   testResults,
@@ -2995,6 +3008,34 @@ function ProviderCard({
   onTest
 }) {
   const [showApiKey, setShowApiKey] = reactExports.useState(false);
+  const [copied, setCopied] = reactExports.useState(false);
+  const [showModelResults, setShowModelResults] = reactExports.useState(false);
+  const hasLoggedRef = reactExports.useRef(null);
+  const lastTestedAtRef = reactExports.useRef(void 0);
+  if (testResults?.testedAt !== void 0 && testResults.testedAt !== lastTestedAtRef.current) {
+    lastTestedAtRef.current = testResults.testedAt;
+    hasLoggedRef.current = null;
+  }
+  const handleToggleModelResults = reactExports.useCallback(() => {
+    setShowModelResults((v) => {
+      const next = !v;
+      if (next && hasLoggedRef.current === null && testResults?.models !== void 0) {
+        hasLoggedRef.current = testResults.testedAt ?? "";
+        void fetch(`/api/providers/${provider.id}/test/log`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(testResults)
+        });
+      }
+      return next;
+    });
+  }, [provider.id, testResults]);
+  function handleCopy() {
+    navigator.clipboard.writeText(provider.apiKey).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }
   const docsUrl = provider.apiDocsUrl ?? Object.entries(KNOWN_PROVIDER_DOCS).find(
     ([keyword]) => provider.name.toLowerCase().includes(keyword)
   )?.[1];
@@ -3004,7 +3045,11 @@ function ProviderCard({
       className: `border rounded-lg p-4 flex flex-col gap-3 bg-card transition-all duration-500 ${isHighlighted === true ? "ring-2 ring-primary shadow-md" : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium truncate", children: provider.model !== void 0 && provider.model !== "" ? `${provider.model} (${provider.name})` : provider.name }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium truncate", children: provider.name }),
+            provider.source === "company" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs px-1.5 py-0.5 rounded bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400 shrink-0", children: "公司" }),
+            provider.source === "personal" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs px-1.5 py-0.5 rounded bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400 shrink-0", children: "个人" })
+          ] }),
           docsUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "a",
             {
@@ -3020,6 +3065,7 @@ function ProviderCard({
             }
           )
         ] }),
+        provider.models !== void 0 && provider.models.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1", children: provider.models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground", children: m }, m)) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-xs text-muted-foreground bg-muted px-2 py-1 rounded flex-1 truncate", children: showApiKey ? provider.apiKey : maskApiKey(provider.apiKey) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -3031,6 +3077,16 @@ function ProviderCard({
               "aria-label": showApiKey ? "Hide API key" : "Show API key",
               children: showApiKey ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
             }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "text-muted-foreground hover:text-foreground transition-colors p-1",
+              "aria-label": "Copy API key",
+              children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" })
+            }
           )
         ] }),
         provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -3049,6 +3105,41 @@ function ProviderCard({
           ] }),
           testResults && /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: testResults.openai.nonStreaming })
         ] }),
+        testResults?.testedAt !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "Tested ",
+            formatTimeAgo(testResults.testedAt)
+          ] })
+        ] }),
+        testResults?.models !== void 0 && Object.keys(testResults.models).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t pt-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: handleToggleModelResults,
+              className: "text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: showModelResults ? "▾" : "▸" }),
+                "Model Test Results (",
+                Object.keys(testResults.models).length,
+                ")"
+              ]
+            }
+          ),
+          showModelResults && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full text-xs border-collapse", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "Model" }),
+              provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "Anthropic" }),
+              provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "text-left py-1 px-2 font-medium text-muted-foreground", children: "OpenAI" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(testResults.models).map(([modelName, modelResult]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border/50 last:border-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2 font-medium", children: modelName }),
+              provider.anthropicBaseUrl !== void 0 && provider.anthropicBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: modelResult.anthropic.nonStreaming }) }),
+              provider.openaiBaseUrl !== void 0 && provider.openaiBaseUrl !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 px-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TestStatus, { result: modelResult.openai.nonStreaming }) })
+            ] }, modelName)) })
+          ] }) })
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 pt-1 border-t", children: [
           onTest !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             Button,
@@ -3124,42 +3215,59 @@ const ALIBABA_MODELS = ["glm-5", "glm-5.1", "qwen3.6-plus", "qwen3.7-max"];
 function ProviderForm({ provider, onSubmit, onCancel }) {
   const [name, setName] = reactExports.useState(provider?.name ?? "Provider Name");
   const [apiKey, setApiKey] = reactExports.useState(provider?.apiKey ?? "");
-  const [model, setModel] = reactExports.useState(provider?.model ?? "");
-  const [format, setFormat] = reactExports.useState(provider?.format ?? "anthropic");
-  const [baseUrl, setBaseUrl] = reactExports.useState(provider?.baseUrl ?? "");
+  const [showApiKey, setShowApiKey] = reactExports.useState(false);
+  const [copied, setCopied] = reactExports.useState(false);
+  const initialModels = provider?.models;
+  const [models, setModels] = reactExports.useState(
+    initialModels !== void 0 && initialModels.length > 0 ? initialModels : [""]
+  );
+  const [activeTab, setActiveTab] = reactExports.useState("anthropic");
+  const [anthropicBaseUrl, setAnthropicBaseUrl] = reactExports.useState(provider?.anthropicBaseUrl ?? "");
+  const [openaiBaseUrl, setOpenaiBaseUrl] = reactExports.useState(provider?.openaiBaseUrl ?? "");
   const [apiDocsUrl, setApiDocsUrl] = reactExports.useState(provider?.apiDocsUrl ?? "");
+  const [source, setSource] = reactExports.useState(provider?.source);
   const [errors, setErrors] = reactExports.useState({});
   const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
-  const [manualBaseUrlOverride, setManualBaseUrlOverride] = reactExports.useState(false);
+  const [manualAnthropicUrlOverride, setManualAnthropicUrlOverride] = reactExports.useState(false);
+  const [manualOpenaiUrlOverride, setManualOpenaiUrlOverride] = reactExports.useState(false);
   const isMiniMax = name.toLowerCase().includes("minimax");
   const isAlibaba = name.toLowerCase().includes("alibaba");
+  function handleCopy() {
+    navigator.clipboard.writeText(apiKey).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }
   reactExports.useEffect(() => {
     if (provider) {
       setName(provider.name);
       setApiKey(provider.apiKey);
-      setModel(provider.model ?? "");
-      setFormat(provider.format ?? "anthropic");
-      setBaseUrl(provider.baseUrl ?? "");
+      setModels((provider.models?.length ?? 0) > 0 ? provider.models : [""]);
+      setAnthropicBaseUrl(provider.anthropicBaseUrl ?? "");
+      setOpenaiBaseUrl(provider.openaiBaseUrl ?? "");
       setApiDocsUrl(provider.apiDocsUrl ?? "");
-      setManualBaseUrlOverride(false);
+      setSource(provider.source);
+      setManualAnthropicUrlOverride(false);
+      setManualOpenaiUrlOverride(false);
     }
   }, [provider]);
   reactExports.useEffect(() => {
     const lowerName = name.toLowerCase();
     for (const [keyword, preset] of Object.entries(KNOWN_PROVIDER_PRESETS)) {
       if (lowerName.includes(keyword)) {
-        if (!manualBaseUrlOverride) {
-          setFormat(preset.format);
-          setBaseUrl(preset.baseUrl);
+        if (preset.format === "anthropic" && !manualAnthropicUrlOverride) {
+          setAnthropicBaseUrl(preset.baseUrl);
+        } else if (preset.format === "openai" && !manualOpenaiUrlOverride) {
+          setOpenaiBaseUrl(preset.baseUrl);
         }
         if (preset.apiDocsUrl !== void 0 && !apiDocsUrl) {
           setApiDocsUrl(preset.apiDocsUrl);
         }
-        if (keyword === "minimax" && !model) {
-          setModel(MINIMAX_MODELS[0] ?? "");
+        if (keyword === "minimax" && models.length === 1 && models[0] === "") {
+          setModels([MINIMAX_MODELS[0] ?? ""]);
         }
-        if (keyword === "alibaba" && !model) {
-          setModel(ALIBABA_MODELS[0] ?? "");
+        if (keyword === "alibaba" && models.length === 1 && models[0] === "") {
+          setModels([ALIBABA_MODELS[0] ?? ""]);
         }
         break;
       }
@@ -3173,13 +3281,17 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     if (!apiKey.trim()) {
       newErrors.apiKey = "API key is required";
     }
-    if (!model.trim()) {
-      newErrors.model = "Model is required";
+    if (models.length === 0 || models.every((m) => !m.trim())) {
+      newErrors.models = "At least one model is required";
+    }
+    if (anthropicBaseUrl.trim() && !isValidUrl(anthropicBaseUrl.trim())) {
+      newErrors.anthropicBaseUrl = "Invalid URL format";
     }
-    if (!baseUrl.trim()) {
-      newErrors.baseUrl = "Base URL is required";
-    } else if (!isValidUrl(baseUrl.trim())) {
-      newErrors.baseUrl = "Invalid URL format";
+    if (openaiBaseUrl.trim() && !isValidUrl(openaiBaseUrl.trim())) {
+      newErrors.openaiBaseUrl = "Invalid URL format";
+    }
+    if (!anthropicBaseUrl.trim() && !openaiBaseUrl.trim()) {
+      newErrors.format = "At least one format URL (Anthropic or OpenAI) is required";
     }
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
@@ -3200,10 +3312,11 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       onSubmit({
         name: name.trim(),
         apiKey: apiKey.trim(),
-        model: model.trim() || void 0,
-        format,
-        baseUrl: baseUrl.trim() || void 0,
-        apiDocsUrl: apiDocsUrl.trim() || void 0
+        models: models.map((m) => m.trim()).filter((m) => m !== ""),
+        anthropicBaseUrl: anthropicBaseUrl.trim() || void 0,
+        openaiBaseUrl: openaiBaseUrl.trim() || void 0,
+        apiDocsUrl: apiDocsUrl.trim() || void 0,
+        source
       });
     } finally {
       setIsSubmitting(false);
@@ -3228,92 +3341,194 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       ),
       errors.name !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.name })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "provider-source", className: "text-sm font-medium", children: "Token Source" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "select",
+        {
+          id: "provider-source",
+          value: source ?? "",
+          onChange: (e) => setSource(
+            e.target.value === "company" || e.target.value === "personal" ? e.target.value : void 0
+          ),
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "—" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "personal", children: "个人 (Personal)" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "company", children: "公司 (Company)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Label whether this API key is company-provided or personal." })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-apikey", className: "text-sm font-medium", children: [
         "API Key ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          id: "provider-apikey",
-          type: "password",
-          value: apiKey,
-          onChange: (e) => setApiKey(e.target.value),
-          placeholder: "sk-ant-...",
-          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
-        }
-      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            id: "provider-apikey",
+            type: "text",
+            value: showApiKey || apiKey.length === 0 ? apiKey : maskApiKey(apiKey),
+            onChange: (e) => setApiKey(e.target.value),
+            onFocus: () => {
+              if (!showApiKey && apiKey.length > 0) setShowApiKey(true);
+            },
+            placeholder: "sk-ant-...",
+            readOnly: !showApiKey && apiKey.length > 0,
+            className: "flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowApiKey((s) => !s),
+            className: "text-muted-foreground hover:text-foreground transition-colors p-1 shrink-0",
+            "aria-label": showApiKey ? "Hide API key" : "Show API key",
+            children: showApiKey ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            className: "text-muted-foreground hover:text-foreground transition-colors p-1 shrink-0",
+            "aria-label": "Copy API key",
+            children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" })
+          }
+        )
+      ] }),
       errors.apiKey !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.apiKey })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-model", className: "text-sm font-medium", children: [
-        "Model ",
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-sm font-medium", children: [
+        "Models ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
       ] }),
-      isMiniMax || isAlibaba ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "select",
-        {
-          id: "provider-model",
-          value: model,
-          onChange: (e) => setModel(e.target.value),
-          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-          children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m, children: m }, m))
-        }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
+      (isMiniMax || isAlibaba) && /* @__PURE__ */ jsxRuntimeExports.jsx("datalist", { id: "model-suggestions", children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: opt }, opt)) }),
+      models.map((m, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            type: "text",
+            value: m,
+            onChange: (e) => {
+              setModels((prev) => {
+                const next = [...prev];
+                next[i] = e.target.value;
+                return next;
+              });
+            },
+            placeholder: isMiniMax || isAlibaba ? "Type or select a model..." : "Model name",
+            list: isMiniMax || isAlibaba ? "model-suggestions" : void 0,
+            className: "flex-1 rounded-md border border-input bg-background px-4 py-3 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+          }
+        ),
+        models.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setModels((prev) => prev.filter((_, idx) => idx !== i)),
+            className: "text-muted-foreground hover:text-destructive transition-colors p-1 shrink-0",
+            "aria-label": "Remove model",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 6h18" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+                ]
+              }
+            )
+          }
+        )
+      ] }, i)),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
         {
-          id: "provider-model",
-          type: "text",
-          value: model,
-          onChange: (e) => setModel(e.target.value),
-          placeholder: "",
-          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
+          type: "button",
+          onClick: () => setModels((prev) => [...prev, ""]),
+          className: "text-xs text-primary hover:underline flex items-center gap-1",
+          children: "+ Add Model"
         }
       ),
-      errors.model !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.model })
+      errors.models !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.models })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-format", className: "text-sm font-medium", children: [
-        "API Format ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1 border-b border-border", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveTab("anthropic"),
+            className: `px-3 py-2 text-sm font-medium border-b-2 transition-colors ${activeTab === "anthropic" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+            children: "Anthropic Format"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveTab("openai"),
+            className: `px-3 py-2 text-sm font-medium border-b-2 transition-colors ${activeTab === "openai" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+            children: "OpenAI Format"
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "select",
+      errors.format !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.format })
+    ] }),
+    activeTab === "anthropic" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "provider-anthropic-base-url", className: "text-sm font-medium", children: "Anthropic Base URL" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
         {
-          id: "provider-format",
-          value: format,
-          onChange: (e) => setFormat(e.target.value === "anthropic" ? "anthropic" : "openai"),
-          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "anthropic", children: "Anthropic (/v1/messages)" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "openai", children: "OpenAI (/v1/chat/completions)" })
-          ]
+          id: "provider-anthropic-base-url",
+          type: "text",
+          value: anthropicBaseUrl,
+          onChange: (e) => {
+            setManualAnthropicUrlOverride(true);
+            setAnthropicBaseUrl(e.target.value);
+          },
+          placeholder: "https://api.anthropic.com",
+          className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: format === "anthropic" ? "Use Anthropic format for /v1/messages endpoint" : "Use OpenAI format for /v1/chat/completions endpoint" })
+      errors.anthropicBaseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.anthropicBaseUrl }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Anthropic-compatible endpoint URL. Leave empty if this provider does not support Anthropic format." })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: "provider-base-url", className: "text-sm font-medium", children: [
-        "Base URL ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
-      ] }),
+    activeTab === "openai" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "provider-openai-base-url", className: "text-sm font-medium", children: "OpenAI Base URL" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
-          id: "provider-base-url",
+          id: "provider-openai-base-url",
           type: "text",
-          value: baseUrl,
+          value: openaiBaseUrl,
           onChange: (e) => {
-            setManualBaseUrlOverride(true);
-            setBaseUrl(e.target.value);
+            setManualOpenaiUrlOverride(true);
+            setOpenaiBaseUrl(e.target.value);
           },
-          placeholder: format === "anthropic" ? "https://api.anthropic.com" : "https://api.openai.com/v1",
+          placeholder: "https://api.openai.com/v1",
           className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50"
         }
       ),
-      errors.baseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.baseUrl }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Base URL for the provider API." })
+      errors.openaiBaseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.openaiBaseUrl }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "OpenAI-compatible endpoint URL. Leave empty if this provider does not support OpenAI format." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "provider-api-docs-url", className: "text-sm font-medium", children: "API Docs URL" }),
@@ -3330,89 +3545,12 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Optional API documentation URL. If not set, uses known provider docs." })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 justify-end pt-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sticky bottom-0 bg-card border-t flex gap-2 justify-end pt-2 pb-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : provider ? "Update Provider" : "Add Provider" })
     ] })
   ] });
 }
-const ProviderTestErrorTypeSchema = _enum([
-  "timeout",
-  "network_unreachable",
-  "connection_refused",
-  "auth_failed",
-  "rate_limited",
-  "server_error",
-  "invalid_response",
-  "unknown"
-]);
-const ProviderTestErrorSchema = object({
-  message: string(),
-  type: ProviderTestErrorTypeSchema,
-  details: string().optional(),
-  hint: string().optional()
-});
-const ProviderTestContentSchema = object({
-  type: _enum(["text", "thinking"]),
-  text: string().optional(),
-  thinking: string().optional()
-});
-const ProviderTestResultSchema = object({
-  success: boolean(),
-  error: ProviderTestErrorSchema.optional(),
-  model: string().optional(),
-  inputTokens: number().optional(),
-  outputTokens: number().optional(),
-  cacheCreationInputTokens: number().optional(),
-  cacheReadInputTokens: number().optional(),
-  latencyMs: number().optional(),
-  content: array(ProviderTestContentSchema).optional(),
-  rawResponse: string().optional(),
-  streaming: boolean().optional(),
-  streamingChunks: object({
-    chunks: array(StreamingChunkSchema$1),
-    truncated: boolean().default(false)
-  }).optional(),
-  requestHeaders: record(string(), string()).optional()
-});
-const ProviderTestStateSchema = union([
-  ProviderTestResultSchema,
-  object({ notConfigured: literal(true) }),
-  object({ testing: literal(true) })
-]);
-const ProviderFormatTestResultsSchema = object({
-  nonStreaming: ProviderTestStateSchema,
-  streaming: ProviderTestStateSchema
-});
-const ProviderTestResultsSchema = object({
-  anthropic: ProviderFormatTestResultsSchema,
-  openai: ProviderFormatTestResultsSchema
-});
-function createPendingProviderTestResults() {
-  return {
-    anthropic: {
-      nonStreaming: { testing: true },
-      streaming: { testing: true }
-    },
-    openai: {
-      nonStreaming: { testing: true },
-      streaming: { testing: true }
-    }
-  };
-}
-function createFailedProviderTestResults(message, type) {
-  const createFormatResult = () => ({
-    nonStreaming: {
-      success: false,
-      error: { message, type }
-    },
-    streaming: { notConfigured: true }
-  });
-  return {
-    anthropic: createFormatResult(),
-    openai: createFormatResult()
-  };
-}
 const ConfigPathsResponseSchema = object({
   providerConfig: string()
 });
@@ -3428,10 +3566,11 @@ function createProviderPayload(data) {
   return {
     name: data.name,
     apiKey: data.apiKey,
-    model: data.model,
-    format: data.format,
-    anthropicBaseUrl: data.format === "anthropic" ? data.baseUrl : void 0,
-    openaiBaseUrl: data.format === "openai" ? data.baseUrl : void 0
+    models: data.models,
+    anthropicBaseUrl: (data.anthropicBaseUrl?.length ?? 0) > 0 ? data.anthropicBaseUrl : void 0,
+    openaiBaseUrl: (data.openaiBaseUrl?.length ?? 0) > 0 ? data.openaiBaseUrl : void 0,
+    apiDocsUrl: (data.apiDocsUrl?.length ?? 0) > 0 ? data.apiDocsUrl : void 0,
+    source: data.source
   };
 }
 function ProvidersPanel({
@@ -3456,9 +3595,11 @@ function ProvidersPanel({
   const [configPath, setConfigPath] = reactExports.useState(null);
   const [configPathCopied, setConfigPathCopied] = reactExports.useState(false);
   const [highlightedProviderId, setHighlightedProviderId] = reactExports.useState(null);
+  const [sourceFilter, setSourceFilter] = reactExports.useState("all");
   const listScrollRef = reactExports.useRef(null);
   const highlightTimeoutRef = reactExports.useRef(null);
   const providers = externalProviders ?? [];
+  const filteredProviders = sourceFilter === "all" ? providers : providers.filter((p) => p.source === sourceFilter);
   const testResults = externalTestResults ?? internalTestResults;
   const testingProviders = externalTestingProviders ?? internalTestingProviders;
   const testingTimeLeft = externalTestingTimeLeft ?? internalTestingTimeLeft;
@@ -3586,51 +3727,50 @@ function ProvidersPanel({
   );
   function handleAddProvider(data) {
     void (async () => {
-      let res;
       try {
-        res = await fetch("/api/providers", {
+        const res = await fetch("/api/providers", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(createProviderPayload(data))
         });
+        if (!res.ok) {
+          setError(await readApiError(res, "Failed to add provider"));
+          return;
+        }
+        const newProvider = await parseJsonResponse(res, ProviderConfigSchema);
+        setShowForm(false);
+        triggerHighlight(newProvider.id);
+        refreshProviders();
+        await runTest(newProvider.id);
       } catch {
         setError(NETWORK_ERROR_MESSAGE);
-        return;
-      }
-      if (!res.ok) {
-        setError(await readApiError(res, "Failed to add provider"));
-        return;
       }
-      const newProvider = await parseJsonResponse(res, ProviderConfigSchema);
-      setShowForm(false);
-      triggerHighlight(newProvider.id);
-      refreshProviders();
-      await runTest(newProvider.id);
     })();
   }
   function handleUpdateProvider(data) {
     if (!editingProvider) return;
     void (async () => {
-      let res;
       try {
-        res = await fetch(`/api/providers/${editingProvider.id}`, {
+        const res = await fetch(`/api/providers/${editingProvider.id}`, {
           method: "PUT",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(createProviderPayload(data))
         });
+        if (!res.ok) {
+          setError(await readApiError(res, "Failed to update provider"));
+          return;
+        }
+        const updated = await parseJsonResponse(res, ProviderConfigSchema);
+        setEditingProvider(void 0);
+        triggerHighlight(updated.id);
+        refreshProviders();
+        const criticalFieldsChanged = (data.apiKey ?? "") !== (editingProvider.apiKey ?? "") || JSON.stringify(data.models) !== JSON.stringify(editingProvider.models) || (data.anthropicBaseUrl ?? "") !== (editingProvider.anthropicBaseUrl ?? "") || (data.openaiBaseUrl ?? "") !== (editingProvider.openaiBaseUrl ?? "");
+        if (criticalFieldsChanged) {
+          await runTest(updated.id);
+        }
       } catch {
         setError(NETWORK_ERROR_MESSAGE);
-        return;
-      }
-      if (!res.ok) {
-        setError(await readApiError(res, "Failed to update provider"));
-        return;
       }
-      const updated = await parseJsonResponse(res, ProviderConfigSchema);
-      setEditingProvider(void 0);
-      triggerHighlight(updated.id);
-      refreshProviders();
-      await runTest(updated.id);
     })();
   }
   function handleDeleteProvider(providerId) {
@@ -3799,22 +3939,34 @@ function ProvidersPanel({
         /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
         "Add Your First Provider"
       ] })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: listScrollRef, className: "space-y-3", children: providers.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ProviderCard,
-      {
-        provider,
-        testResults: testResults[provider.id],
-        isTesting: testingProviders.has(provider.id),
-        testingTimeLeft: testingTimeLeft[provider.id],
-        isHighlighted: provider.id === highlightedProviderId,
-        onEdit: (p) => setEditingProvider(p),
-        onDelete: handleDeleteProvider,
-        onTest: (id) => {
-          void runTest(id);
-        }
-      },
-      provider.id
-    )) })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1 border-b border-border", children: ["all", "personal", "company"].map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setSourceFilter(tab),
+          className: `px-3 py-2 text-sm font-medium border-b-2 transition-colors ${sourceFilter === tab ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+          children: tab === "all" ? "All" : tab === "personal" ? "Personal" : "Company"
+        },
+        tab
+      )) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: listScrollRef, className: "space-y-3", children: filteredProviders.map((provider) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ProviderCard,
+        {
+          provider,
+          testResults: testResults[provider.id],
+          isTesting: testingProviders.has(provider.id),
+          testingTimeLeft: testingTimeLeft[provider.id],
+          isHighlighted: provider.id === highlightedProviderId,
+          onEdit: (p) => setEditingProvider(p),
+          onDelete: handleDeleteProvider,
+          onTest: (id) => {
+            void runTest(id);
+          }
+        },
+        provider.id
+      )) })
+    ] })
   ] });
 }
 async function fetcher(url) {