@tonyclaw/llm-inspector 1.14.2 → 1.14.4

package/.output/server/_ssr/{index-DmLit8Ad.mjs → index-Cz6oxzsy.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, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, d as ProviderConfigSchema, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-BoeSXWHG.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-Bl3OCdGC.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 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 { 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, c as Scan, P as Plus, d as Copy, e as CircleAlert, f as ChevronUp, g as ChevronRight, h as Clock, M as MessageSquare, Z as Zap, i as LoaderCircle, W as Wrench, j as Globe, k as User, F as FileTerminal, l as Radio, m as Rows3, n as Columns2, o as Minus, p as Pencil, E as Equal, q as EyeOff, r as Eye, s as ExternalLink, t as RotateCw, T as Trash2, A as ArrowUp, u as ArrowDown, v as TriangleAlert, w as CircleCheckBig, x as CircleStop, y as CircleQuestionMark, z as Server, B as Gauge, H as Lock, I as Wifi, J as WifiOff, K as ChevronsUp, N as ChevronsDown, O as Brain, Q 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 } 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, _ as _enum } 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.2";
+const version = "1.14.4";
 const packageJson = {
   version
 };
@@ -2861,6 +2861,210 @@ function SelectScrollDownButton({
     }
   );
 }
+const ExternalProviderSchema = object({
+  name: string(),
+  apiKey: string(),
+  format: _enum(["anthropic", "openai"]),
+  anthropicBaseUrl: string(),
+  openaiBaseUrl: string(),
+  models: array(string()),
+  sourceTool: _enum(["claude-code", "opencode"]),
+  alreadyExists: boolean()
+});
+const ScanResponseSchema = object({
+  providers: array(ExternalProviderSchema),
+  warnings: array(string()).optional()
+});
+const ImportResponseSchema$1 = object({
+  success: boolean().optional(),
+  imported: number().optional(),
+  message: string().optional(),
+  errors: array(string()).optional()
+});
+function ImportWizardDialog({
+  open,
+  onOpenChange,
+  onImportComplete
+}) {
+  const [scanning, setScanning] = reactExports.useState(false);
+  const [scanError, setScanError] = reactExports.useState(null);
+  const [providers, setProviders] = reactExports.useState([]);
+  const [warnings, setWarnings] = reactExports.useState([]);
+  const [selected, setSelected] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [importing, setImporting] = reactExports.useState(false);
+  const [importResult, setImportResult] = reactExports.useState(null);
+  const [importError, setImportError] = reactExports.useState(null);
+  const scan = reactExports.useCallback(() => {
+    setScanning(true);
+    setScanError(null);
+    setWarnings([]);
+    setProviders([]);
+    setSelected(/* @__PURE__ */ new Set());
+    setImportResult(null);
+    setImportError(null);
+    fetch("/api/providers/scan").then((res) => {
+      if (!res.ok) {
+        return res.text().then((text) => {
+          setScanError(`Scan failed (${res.status}): ${text}`);
+        });
+      }
+      return res.json().then((data) => {
+        const parsed = ScanResponseSchema.safeParse(data);
+        if (!parsed.success) {
+          setScanError(`Invalid response: ${parsed.error.message}`);
+          return;
+        }
+        setProviders(parsed.data.providers);
+        setWarnings(parsed.data.warnings ?? []);
+        const indices = /* @__PURE__ */ new Set();
+        parsed.data.providers.forEach((p, i) => {
+          if (!p.alreadyExists) indices.add(i);
+        });
+        setSelected(indices);
+      });
+    }).catch((err) => {
+      setScanError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      setScanning(false);
+    });
+  }, []);
+  reactExports.useEffect(() => {
+    if (open) {
+      scan();
+    }
+  }, [open, scan]);
+  const toggleProvider = reactExports.useCallback((index) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(index)) {
+        next.delete(index);
+      } else {
+        next.add(index);
+      }
+      return next;
+    });
+  }, []);
+  const importSelected = reactExports.useCallback(() => {
+    const toImport = providers.filter((_, i) => selected.has(i));
+    if (toImport.length === 0) return;
+    setImporting(true);
+    setImportError(null);
+    setImportResult(null);
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const providersPayload = toImport.map((p) => ({
+      id: window.crypto.randomUUID(),
+      name: p.name,
+      apiKey: p.apiKey,
+      format: p.format,
+      anthropicBaseUrl: p.anthropicBaseUrl,
+      openaiBaseUrl: p.openaiBaseUrl,
+      models: p.models,
+      createdAt: now,
+      updatedAt: now
+    }));
+    fetch("/api/providers/import", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ providers: providersPayload })
+    }).then((res) => res.json()).then((data) => {
+      const parsed = ImportResponseSchema$1.safeParse(data);
+      if (!parsed.success) {
+        setImportError(`Invalid response: ${parsed.error.message}`);
+        return;
+      }
+      const result = parsed.data;
+      if (result.errors !== void 0 && result.errors.length > 0 && result.message !== void 0) {
+        setImportResult(result.message);
+      } else {
+        setImportResult(`Imported ${result.imported ?? toImport.length} provider(s)`);
+      }
+      onImportComplete();
+    }).catch((err) => {
+      setImportError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      setImporting(false);
+    });
+  }, [providers, selected, onImportComplete]);
+  const hasSelectable = providers.some((p) => !p.alreadyExists);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-xl max-h-[80vh] overflow-hidden flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Import from External Tools" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Detect provider configurations from Claude Code and OpenCode." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto space-y-3", children: [
+      scanning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center py-8 gap-2 text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: "Scanning for external providers..." })
+      ] }),
+      scanError !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-destructive text-sm py-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4" }),
+        scanError
+      ] }),
+      !scanning && scanError === null && providers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground py-8 text-center", children: [
+        "No external provider configurations found.",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "Supported tools: Claude Code (~/.claude/settings.json), OpenCode (~/.config/opencode/opencode.json)" })
+      ] }),
+      !scanning && providers.map((p, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "label",
+        {
+          className: "flex items-start gap-3 p-3 border rounded-md cursor-pointer hover:bg-muted/50 has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selected.has(i),
+                disabled: p.alreadyExists || importing,
+                onChange: () => toggleProvider(i),
+                className: "mt-0.5 size-4"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium truncate", children: p.name }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0", children: p.format }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0", children: p.sourceTool }),
+                p.alreadyExists && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Already added" })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground mt-1 truncate", children: [
+                p.models.slice(0, 4).join(", "),
+                p.models.length > 4 ? ` +${p.models.length - 4} more` : ""
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground mt-0.5 truncate", children: p.format === "anthropic" ? p.anthropicBaseUrl : p.openaiBaseUrl }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground mt-0.5 font-mono", children: p.apiKey.length > 8 ? `${p.apiKey.slice(0, 4)}••••${p.apiKey.slice(-4)}` : "••••" })
+            ] })
+          ]
+        },
+        `${p.sourceTool}-${p.name}`
+      )),
+      warnings.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground space-y-1 border-t pt-2", children: warnings.map((w, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
+        w
+      ] }, i)) }),
+      importResult !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-green-500 border-t pt-2", children: importResult }),
+      importError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-destructive border-t pt-2", children: importError })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between pt-3 border-t", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "sm", onClick: scan, disabled: scanning, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: `size-3 mr-1 ${scanning ? "animate-spin" : ""}` }),
+        "Rescan"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          size: "sm",
+          onClick: importSelected,
+          disabled: !hasSelectable || selected.size === 0 || importing,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3 mr-1" }),
+            importing ? "Importing..." : `Import Selected (${selected.size})`
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
 function maskApiKey(apiKey) {
   if (apiKey.length <= 8) return "••••••••";
   return apiKey.slice(0, 4) + "••••••••" + apiKey.slice(-4);
@@ -3162,6 +3366,7 @@ function ProviderCard({
               size: "sm",
               onClick: () => onEdit(provider),
               className: "text-xs h-7 gap-1",
+              disabled: isTesting ?? false,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-3" }),
                 "Edit"
@@ -3175,6 +3380,7 @@ function ProviderCard({
               size: "sm",
               onClick: () => onDelete(provider.id),
               className: "text-xs h-7 gap-1 text-destructive hover:text-destructive",
+              disabled: isTesting ?? false,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3" }),
                 "Delete"
@@ -3213,7 +3419,7 @@ 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);
@@ -3228,6 +3434,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");
@@ -3335,7 +3556,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"
         }
       ),
@@ -3410,54 +3631,93 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         "Models ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-destructive", children: "*" })
       ] }),
-      (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",
+      models.map((m, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          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",
               {
-                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" })
-                ]
+                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)),
+          ]
+        },
+        i
+      )),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
@@ -3595,11 +3855,21 @@ function ProvidersPanel({
   const [configPath, setConfigPath] = reactExports.useState(null);
   const [configPathCopied, setConfigPathCopied] = reactExports.useState(false);
   const [highlightedProviderId, setHighlightedProviderId] = reactExports.useState(null);
+  const [showImportWizard, setShowImportWizard] = reactExports.useState(false);
   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 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;
@@ -3850,7 +4120,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,
         {
@@ -3904,6 +4174,19 @@ function ProvidersPanel({
             style: { display: "none" }
           }
         ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => setShowImportWizard(true),
+            className: "gap-1",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Scan, { className: "size-3" }),
+              "Scan"
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: () => setShowForm(true), size: "sm", className: "gap-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
           "Add Provider"
@@ -3966,7 +4249,19 @@ function ProvidersPanel({
         },
         provider.id
       )) })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ImportWizardDialog,
+      {
+        open: showImportWizard,
+        onOpenChange: setShowImportWizard,
+        onImportComplete: () => {
+          if (onProvidersMutate !== void 0) {
+            void onProvidersMutate();
+          }
+        }
+      }
+    )
   ] });
 }
 async function fetcher(url) {
@@ -4042,7 +4337,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-B6idtbmL.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-Oekf1osO.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-BoeSXWHG.mjs").then((n) => n.r);
+  const routerEntry = await import("./router-Bl3OCdGC.mjs").then((n) => n.r);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }