@tonyclaw/llm-inspector 1.14.1 → 1.14.3

package/.output/server/_ssr/{index-Cso39vJc.mjs → index-BbJkYeb-.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-B8X3GXM2.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-Cz7UcQ5N.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";
@@ -12,7 +12,7 @@ import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Cont
 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 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.1";
+const version = "1.14.3";
 const packageJson = {
   version
 };
@@ -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,
@@ -2996,6 +3009,27 @@ function ProviderCard({
 }) {
   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(() => {
     });
@@ -3012,7 +3046,7 @@ function ProviderCard({
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("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.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: "个人" })
           ] }),
@@ -3031,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(
@@ -3070,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,
@@ -3143,11 +3213,14 @@ const MINIMAX_MODELS = [
 ];
 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 [name, setName] = reactExports.useState(provider?.name ?? "");
   const [apiKey, setApiKey] = reactExports.useState(provider?.apiKey ?? "");
   const [showApiKey, setShowApiKey] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
-  const [model, setModel] = reactExports.useState(provider?.model ?? "");
+  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 ?? "");
@@ -3155,6 +3228,21 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
   const [source, setSource] = reactExports.useState(provider?.source);
   const [errors, setErrors] = reactExports.useState({});
   const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
+  const [openModelDropdown, setOpenModelDropdown] = reactExports.useState(null);
+  const modelRowRefs = reactExports.useRef([]);
+  reactExports.useEffect(() => {
+    if (openModelDropdown === null) return;
+    const index = openModelDropdown;
+    function handleClick(e) {
+      if (!(e.target instanceof Node)) return;
+      const ref = modelRowRefs.current[index];
+      if (ref !== null && ref !== void 0 && !ref.contains(e.target)) {
+        setOpenModelDropdown(null);
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [openModelDropdown]);
   const [manualAnthropicUrlOverride, setManualAnthropicUrlOverride] = reactExports.useState(false);
   const [manualOpenaiUrlOverride, setManualOpenaiUrlOverride] = reactExports.useState(false);
   const isMiniMax = name.toLowerCase().includes("minimax");
@@ -3169,7 +3257,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     if (provider) {
       setName(provider.name);
       setApiKey(provider.apiKey);
-      setModel(provider.model ?? "");
+      setModels((provider.models?.length ?? 0) > 0 ? provider.models : [""]);
       setAnthropicBaseUrl(provider.anthropicBaseUrl ?? "");
       setOpenaiBaseUrl(provider.openaiBaseUrl ?? "");
       setApiDocsUrl(provider.apiDocsUrl ?? "");
@@ -3190,11 +3278,11 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         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;
       }
@@ -3208,8 +3296,8 @@ 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";
@@ -3239,7 +3327,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       onSubmit({
         name: name.trim(),
         apiKey: apiKey.trim(),
-        model: model.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,
@@ -3262,7 +3350,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
           type: "text",
           value: name,
           onChange: (e) => setName(e.target.value),
-          placeholder: "Model Name",
+          placeholder: "Provider Name",
           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"
         }
       ),
@@ -3333,31 +3421,107 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       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",
+      models.map((m, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
         {
-          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",
+          ref: (el) => {
+            modelRowRefs.current[i] = el;
+          },
+          className: "flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1", 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",
+                  className: "w-full rounded-md border border-input bg-background px-4 py-3 pr-8 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"
+                }
+              ),
+              (isMiniMax || isAlibaba) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setOpenModelDropdown(openModelDropdown === i ? null : i),
+                    className: "absolute right-1 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors p-1 z-10",
+                    "aria-label": "Show model suggestions",
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" })
+                  }
+                ),
+                openModelDropdown === i && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute left-0 right-0 top-full mt-1 z-50 bg-popover border border-border rounded-md shadow-md max-h-48 overflow-y-auto", children: (isMiniMax ? MINIMAX_MODELS : ALIBABA_MODELS).map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      setModels((prev) => {
+                        const next = [...prev];
+                        next[i] = opt;
+                        return next;
+                      });
+                      setOpenModelDropdown(null);
+                    },
+                    className: "w-full text-left px-3 py-2 text-sm hover:bg-muted transition-colors",
+                    children: opt
+                  },
+                  opt
+                )) })
+              ] })
+            ] }),
+            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("div", { className: "flex gap-1 border-b border-border", children: [
@@ -3441,83 +3605,6 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
     ] })
   ] });
 }
-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()
 });
@@ -3533,7 +3620,7 @@ function createProviderPayload(data) {
   return {
     name: data.name,
     apiKey: data.apiKey,
-    model: data.model,
+    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,
@@ -3566,7 +3653,16 @@ function ProvidersPanel({
   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 filteredProviders = reactExports.useMemo(() => {
+    const filtered = sourceFilter === "all" ? providers : providers.filter((p) => p.source === sourceFilter);
+    if (sourceFilter === "all") {
+      return [...filtered].sort((a, b) => {
+        const order = { personal: 0, company: 1 };
+        return (order[a.source ?? ""] ?? 2) - (order[b.source ?? ""] ?? 2);
+      });
+    }
+    return filtered;
+  }, [providers, sourceFilter]);
   const testResults = externalTestResults ?? internalTestResults;
   const testingProviders = externalTestingProviders ?? internalTestingProviders;
   const testingTimeLeft = externalTestingTimeLeft ?? internalTestingTimeLeft;
@@ -3731,7 +3827,7 @@ function ProvidersPanel({
         setEditingProvider(void 0);
         triggerHighlight(updated.id);
         refreshProviders();
-        const criticalFieldsChanged = (data.apiKey ?? "") !== (editingProvider.apiKey ?? "") || (data.model ?? "") !== (editingProvider.model ?? "") || (data.anthropicBaseUrl ?? "") !== (editingProvider.anthropicBaseUrl ?? "") || (data.openaiBaseUrl ?? "") !== (editingProvider.openaiBaseUrl ?? "");
+        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);
         }
@@ -3817,7 +3913,7 @@ function ProvidersPanel({
   }
   if (showForm || editingProvider) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: editingProvider ? "Edit Provider" : "Add New Provider" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-between sticky top-0 bg-background z-10 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: editingProvider ? "Edit Provider" : "Add New Provider" }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ProviderForm,
         {
@@ -4009,7 +4105,7 @@ function SettingsDialog() {
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "providers", children: "Providers" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "proxy", children: "Proxy" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 overflow-y-auto flex-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 overflow-y-auto flex-1 pr-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "providers", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             ProvidersPanel,
             {

package/.output/server/_ssr/index.mjs

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-vO4aM6jK.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DxqMZv-B.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -767,7 +767,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-B8X3GXM2.mjs").then((n) => n.r);
+  const routerEntry = await import("./router-Cz7UcQ5N.mjs").then((n) => n.r);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }