@tonyclaw/llm-inspector 1.14.3 → 1.14.4

package/.output/server/_ssr/{index-BbJkYeb-.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-Cz7UcQ5N.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.3";
+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"
@@ -3649,6 +3855,7 @@ 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);
@@ -3967,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"
@@ -4029,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) {

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-DxqMZv-B.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-Cz7UcQ5N.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 };
 }