@tonyclaw/llm-inspector 1.7.7 → 1.7.9

package/.output/server/_ssr/{index-DbpsE3Y4.mjs → index-CAIDMqNv.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, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-CZSteFqT.mjs";
+import { C as CapturedLogSchema, a as parseRequest, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-CsCLdrXq.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -7,9 +7,9 @@ import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { c as cva } from "../_libs/class-variance-authority.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 { D as Download, L as LayoutGrid, a as List, S as Settings, C as ChevronDown, b as Check, R as RotateCcw, X, 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, G as Globe, U as User, F as FileTerminal, i as Radio, E as ExternalLink, j as EyeOff, k as Eye, l as RotateCw, m as Pencil, T as Trash2, n as TriangleAlert, o as Minus, p as CircleCheckBig, q as CircleStop, r as CircleQuestionMark, s as Server, t as Gauge, u as Lock, v as Wifi, w as WifiOff, x as ChevronsUp, y as ChevronsDown, z as Terminal, B as Brain } from "../_libs/lucide-react.mjs";
+import { D as Download, L as LayoutGrid, a as List, S as Settings, C as ChevronDown, b as Check, R as RotateCcw, X, 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, G as Globe, i as User, F as FileTerminal, j as Radio, E as ExternalLink, k as EyeOff, l as Eye, m as RotateCw, n as Pencil, T as Trash2, o as TriangleAlert, p as Minus, q as CircleCheckBig, r as CircleStop, s as CircleQuestionMark, t as Server, u as Gauge, v as Lock, w as Wifi, x as WifiOff, y as ChevronsUp, z as ChevronsDown, A as Terminal, B as Brain } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
-import { a as array, s as string, u as union, o as object, l as literal, b as boolean, n as number } from "../_libs/zod.mjs";
+import { a as array, s as string, u as union, o as object, l as literal, n as number, b 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";
@@ -946,7 +946,7 @@ const STATUS_BADGE_CLASSES = {
   server_error: "",
   pending: "bg-muted text-muted-foreground border-border"
 };
-function LogEntryHeader({
+const LogEntryHeader = reactExports.memo(function LogEntryHeader2({
   log,
   parsedRequest,
   expanded,
@@ -1098,7 +1098,7 @@ function LogEntryHeader({
       ]
     }
   );
-}
+});
 function Dialog({
   ...props
 }) {
@@ -1832,7 +1832,10 @@ function CopyButton({
     }
   );
 }
-function LogEntry({ log, viewMode = "simple" }) {
+const LogEntry = reactExports.memo(function LogEntry2({
+  log,
+  viewMode = "simple"
+}) {
   const [expanded, setExpanded] = reactExports.useState(false);
   const [requestCopied, setRequestCopied] = reactExports.useState(false);
   const [responseCopied, setResponseCopied] = reactExports.useState(false);
@@ -1953,7 +1956,7 @@ function LogEntry({ log, viewMode = "simple" }) {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ReplayDialog, { log, open: replayOpen, onOpenChange: setReplayOpen })
   ] });
-}
+});
 function computeStats(logs) {
   let totalInput = 0;
   let totalOutput = 0;
@@ -1963,7 +1966,7 @@ function computeStats(logs) {
   }
   return { totalInputTokens: totalInput, totalOutputTokens: totalOutput };
 }
-function ConversationGroup({
+const ConversationGroup = reactExports.memo(function ConversationGroup2({
   group,
   viewMode = "simple"
 }) {
@@ -1988,7 +1991,7 @@ function ConversationGroup({
     ),
     expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 border-l-2 border-muted ml-3", children: group.logs.map((log) => /* @__PURE__ */ jsxRuntimeExports.jsx(LogEntry, { log, viewMode }, log.id)) })
   ] });
-}
+});
 function Select({
   ...props
 }) {
@@ -2562,11 +2565,21 @@ function ProvidersPanel({
   const TEST_TIMEOUT_SECONDS = 30;
   const runTest = reactExports.useCallback(
     async (providerId) => {
+      const resetResults = {
+        anthropic: { nonStreaming: { notConfigured: true }, streaming: { notConfigured: true } },
+        openai: { nonStreaming: { notConfigured: true }, streaming: { notConfigured: true } }
+      };
+      if (onTestResultsChange) {
+        onTestResultsChange(providerId, resetResults);
+      } else {
+        setInternalTestResults((prev) => ({ ...prev, [providerId]: resetResults }));
+      }
       if (onTestingProvidersChange) {
         onTestingProvidersChange(providerId, true);
       } else {
         setInternalTestingProviders((prev) => new Set(prev).add(providerId));
       }
+      const controller = new AbortController();
       let remaining = TEST_TIMEOUT_SECONDS;
       setTestingTimeLeft(providerId, remaining);
       const intervalId = setInterval(() => {
@@ -2574,10 +2587,14 @@ function ProvidersPanel({
         setTestingTimeLeft(providerId, remaining);
         if (remaining <= 0) {
           clearInterval(intervalId);
+          controller.abort();
         }
       }, 1e3);
       try {
-        const res = await fetch(`/api/providers/${providerId}/test`, { method: "POST" });
+        const res = await fetch(`/api/providers/${providerId}/test`, {
+          method: "POST",
+          signal: controller.signal
+        });
         if (res.ok) {
           const results = await res.json();
           if (onTestResultsChange) {
@@ -2585,18 +2602,68 @@ function ProvidersPanel({
           } else {
             setInternalTestResults((prev) => ({ ...prev, [providerId]: results }));
           }
+        } else {
+          const errorResult = {
+            anthropic: {
+              nonStreaming: {
+                success: false,
+                error: { message: `HTTP ${res.status}: ${res.statusText}`, type: "server_error" }
+              },
+              streaming: { notConfigured: true }
+            },
+            openai: {
+              nonStreaming: {
+                success: false,
+                error: { message: `HTTP ${res.status}: ${res.statusText}`, type: "server_error" }
+              },
+              streaming: { notConfigured: true }
+            }
+          };
+          if (onTestResultsChange) {
+            onTestResultsChange(providerId, errorResult);
+          } else {
+            setInternalTestResults((prev) => ({ ...prev, [providerId]: errorResult }));
+          }
+        }
+      } catch (err) {
+        const isAbort = err instanceof Error && err.name === "AbortError";
+        if (isAbort) {
+          const timeoutResult = {
+            anthropic: {
+              nonStreaming: {
+                success: false,
+                error: { message: "Request timed out", type: "timeout" }
+              },
+              streaming: { notConfigured: true }
+            },
+            openai: {
+              nonStreaming: {
+                success: false,
+                error: { message: "Request timed out", type: "timeout" }
+              },
+              streaming: { notConfigured: true }
+            }
+          };
+          if (onTestResultsChange) {
+            onTestResultsChange(providerId, timeoutResult);
+          } else {
+            setInternalTestResults((prev) => ({ ...prev, [providerId]: timeoutResult }));
+          }
         }
       } finally {
         clearInterval(intervalId);
         setTestingTimeLeft(providerId, void 0);
-        if (onTestingProvidersChange) {
-          onTestingProvidersChange(providerId, false);
-        } else {
-          setInternalTestingProviders((prev) => {
-            const next = new Set(prev);
-            next.delete(providerId);
-            return next;
-          });
+        try {
+          if (onTestingProvidersChange) {
+            onTestingProvidersChange(providerId, false);
+          } else {
+            setInternalTestingProviders((prev) => {
+              const next = new Set(prev);
+              next.delete(providerId);
+              return next;
+            });
+          }
+        } catch {
         }
       }
     },
@@ -2669,6 +2736,65 @@ function ProvidersPanel({
       await fetchProviders();
     })();
   }
+  const fileInputRef = reactExports.useRef(null);
+  function handleExport(includeKeys) {
+    const url = `/api/providers/export${""}`;
+    void (async () => {
+      try {
+        const res = await fetch(url);
+        if (!res.ok) {
+          setError("Failed to export providers");
+          return;
+        }
+        const blob = await res.blob();
+        const downloadUrl = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = downloadUrl;
+        a.download = res.headers.get("Content-Disposition")?.match(/filename="(.+)"/)?.[1] ?? "providers.json";
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        URL.revokeObjectURL(downloadUrl);
+      } catch {
+        setError("Failed to export providers");
+      }
+    })();
+  }
+  function handleImportClick() {
+    fileInputRef.current?.click();
+  }
+  function handleFileChange(e) {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    void (async () => {
+      try {
+        const text = await file.text();
+        const res = await fetch("/api/providers/import", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(text)
+        });
+        const ImportResponseSchema = object({
+          success: boolean().optional(),
+          imported: number().optional(),
+          message: string().optional(),
+          errors: array(string()).optional()
+        });
+        const data = ImportResponseSchema.parse(await res.json());
+        if (res.ok && data.imported !== void 0 && data.imported > 0) {
+          await fetchProviders();
+          setError(null);
+        } else if (data.errors && data.errors.length > 0) {
+          setError(data.errors.join("; "));
+        } else {
+          setError(data.message ?? "Import failed");
+        }
+      } catch {
+        setError("Failed to import providers");
+      }
+      e.target.value = "";
+    })();
+  }
   if (isLoading && providers.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading providers..." }) });
   }
@@ -2691,9 +2817,29 @@ function ProvidersPanel({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-lg font-medium", children: "Providers" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: () => setShowForm(true), size: "sm", className: "gap-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
-        "Add Provider"
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "sm", onClick: () => handleExport(), className: "gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3" }),
+          "Export"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "sm", onClick: handleImportClick, className: "gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Upload, { className: "size-3" }),
+          "Import"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            type: "file",
+            ref: fileInputRef,
+            accept: ".json",
+            onChange: handleFileChange,
+            style: { display: "none" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { onClick: () => setShowForm(true), size: "sm", className: "gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" }),
+          "Add Provider"
+        ] })
       ] })
     ] }),
     configPath !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground bg-muted/30 rounded-md px-3 py-2", children: [

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

@@ -197,7 +197,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DgsS3z4y.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-BF6ge6dS.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -766,7 +766,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-CZSteFqT.mjs").then((n) => n.r);
+  const routerEntry = await import("./router-CsCLdrXq.mjs").then((n) => n.r);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }