@tonyclaw/llm-inspector 1.8.0 → 1.9.1

package/.output/server/_ssr/{index-HkueJ4Un.mjs → index-D0d6QxPt.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-DTswxb7l.mjs";
+import { C as CapturedLogSchema, a as parseRequest, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-D9uLXa9A.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";
@@ -199,7 +199,7 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.8.0";
+const version = "1.9.1";
 const packageJson = {
   version
 };
@@ -1509,22 +1509,37 @@ function ResponseView({
   outputTokens,
   cacheCreationInputTokens,
   cacheReadInputTokens,
-  apiFormat
+  apiFormat,
+  error
 }) {
-  if (responseText === null) {
+  if (responseText === null && error === void 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 py-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground italic", children: "No response" })
     ] });
   }
-  const isError = responseStatus !== null && responseStatus >= 400;
-  if (isError) {
+  const isHttpError = responseStatus !== null && responseStatus >= 400;
+  if (isHttpError) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorResponseView, { text: responseText })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorResponseView, { text: responseText ?? "" }),
+      error !== void 0 && error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-destructive/50 bg-destructive/10 p-3 text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-destructive mb-1", children: "SSE Error" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground font-mono", children: error })
+      ] })
+    ] });
+  }
+  if (error !== void 0 && error !== null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-destructive/50 bg-destructive/10 p-3 text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-destructive mb-1", children: "SSE Error" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground font-mono", children: error })
+      ] }),
+      responseText !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorResponseView, { text: responseText }) })
     ] });
   }
-  const parsed = parseResponse(responseText, apiFormat);
+  const parsed = responseText !== null ? parseResponse(responseText, apiFormat) : null;
   if (parsed !== null) {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
@@ -1553,7 +1568,7 @@ function ResponseView({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownFallbackView, { text: responseText })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownFallbackView, { text: responseText ?? "" })
   ] });
 }
 const ReplayResultSchema = object({
@@ -1711,6 +1726,7 @@ function StreamingChunkSequence({
   const [expandedIndices, setExpandedIndices] = reactExports.useState(/* @__PURE__ */ new Set());
   reactExports.useEffect(() => {
     if (!containerExpanded || chunkState.status !== "idle") return;
+    let cancelled = false;
     setChunkState({ status: "loading" });
     fetch(`/api/logs/${logId}/chunks`).then((res) => {
       if (!res.ok) {
@@ -1718,11 +1734,18 @@ function StreamingChunkSequence({
       }
       return res.json();
     }).then((data) => {
-      setChunkState({ status: "success", chunks: data.chunks });
+      if (!cancelled) {
+        setChunkState({ status: "success", chunks: data.chunks });
+      }
     }).catch(() => {
-      setChunkState({ status: "error", message: "Chunk data unavailable" });
+      if (!cancelled) {
+        setChunkState({ status: "error", message: "Chunk data unavailable" });
+      }
     });
-  }, [containerExpanded, logId, chunkState.status]);
+    return () => {
+      cancelled = true;
+    };
+  }, [containerExpanded, logId]);
   const groups = reactExports.useMemo(() => {
     if (chunkState.status !== "success") return [];
     const map = /* @__PURE__ */ new Map();
@@ -1936,6 +1959,10 @@ const LogEntry = reactExports.memo(function LogEntry2({
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
         ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No raw headers captured" }) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 space-y-3", children: [
+          log.error !== void 0 && log.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-destructive/50 bg-destructive/10 p-3 text-xs", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-destructive mb-1", children: "SSE Error" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground font-mono", children: log.error })
+          ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             CopyButton,
             {
@@ -1964,7 +1991,8 @@ const LogEntry = reactExports.memo(function LogEntry2({
             outputTokens: log.outputTokens,
             cacheCreationInputTokens: log.cacheCreationInputTokens,
             cacheReadInputTokens: log.cacheReadInputTokens,
-            apiFormat: log.apiFormat
+            apiFormat: log.apiFormat,
+            error: log.error
           }
         ) }) })
       ] }) })
@@ -2207,25 +2235,25 @@ function ProviderCard({
   onTest
 }) {
   const [showApiKey, setShowApiKey] = reactExports.useState(false);
+  const docsUrl = provider.apiDocsUrl ?? Object.entries(KNOWN_PROVIDER_DOCS).find(
+    ([keyword]) => provider.name.toLowerCase().includes(keyword)
+  )?.[1];
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border rounded-lg p-4 flex flex-col gap-3 bg-card", 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 }) }),
-      Object.entries(KNOWN_PROVIDER_DOCS).map(
-        ([keyword, url]) => provider.name.toLowerCase().includes(keyword) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "a",
-          {
-            href: url,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1 text-xs",
-            title: "View API documentation",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Docs" })
-            ]
-          },
-          keyword
-        ) : null
+      docsUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "a",
+        {
+          href: docsUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1 text-xs",
+          title: "View API documentation",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Docs" })
+          ]
+        }
       )
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -2331,6 +2359,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
   const [model, setModel] = reactExports.useState(provider?.model ?? "");
   const [format, setFormat] = reactExports.useState(provider?.format ?? "anthropic");
   const [baseUrl, setBaseUrl] = reactExports.useState(provider?.baseUrl ?? "");
+  const [apiDocsUrl, setApiDocsUrl] = reactExports.useState(provider?.apiDocsUrl ?? "");
   const [errors, setErrors] = reactExports.useState({});
   const [isSubmitting, setIsSubmitting] = reactExports.useState(false);
   const [manualBaseUrlOverride, setManualBaseUrlOverride] = reactExports.useState(false);
@@ -2343,6 +2372,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       setModel(provider.model ?? "");
       setFormat(provider.format ?? "anthropic");
       setBaseUrl(provider.baseUrl ?? "");
+      setApiDocsUrl(provider.apiDocsUrl ?? "");
       setManualBaseUrlOverride(false);
     }
   }, [provider]);
@@ -2401,7 +2431,8 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
         apiKey: apiKey.trim(),
         model: model.trim() || void 0,
         format,
-        baseUrl: baseUrl.trim() || void 0
+        baseUrl: baseUrl.trim() || void 0,
+        apiDocsUrl: apiDocsUrl.trim() || void 0
       });
     } finally {
       setIsSubmitting(false);
@@ -2513,6 +2544,21 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       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." })
     ] }),
+    /* @__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" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: "provider-api-docs-url",
+          type: "text",
+          value: apiDocsUrl,
+          onChange: (e) => setApiDocsUrl(e.target.value),
+          placeholder: "https://api.example.com/docs",
+          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: "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.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" })
@@ -3291,6 +3337,7 @@ function ProxyViewerContainer() {
   const [viewMode, setViewMode] = reactExports.useState("simple");
   const [error, setError] = reactExports.useState(null);
   const eventSourceRef = reactExports.useRef(null);
+  const reconnectTimeoutRef = reactExports.useRef(null);
   const fetchSessionsAndModels = reactExports.useCallback(async () => {
     try {
       const [sessionsRes, modelsRes] = await Promise.all([
@@ -3365,7 +3412,10 @@ function ProxyViewerContainer() {
     es.onerror = () => {
       setError("SSE connection lost, reconnecting...");
       es.close();
-      setTimeout(connectSSE, 3e3);
+      if (reconnectTimeoutRef.current !== null) {
+        clearTimeout(reconnectTimeoutRef.current);
+      }
+      reconnectTimeoutRef.current = setTimeout(connectSSE, 3e3);
     };
     void fetchSessionsAndModels();
   }, [selectedSession, selectedModel, fetchSessionsAndModels]);
@@ -3376,6 +3426,10 @@ function ProxyViewerContainer() {
         eventSourceRef.current.close();
         eventSourceRef.current = null;
       }
+      if (reconnectTimeoutRef.current !== null) {
+        clearTimeout(reconnectTimeoutRef.current);
+        reconnectTimeoutRef.current = null;
+      }
     };
   }, [connectSSE]);
   const handleClearAll = reactExports.useCallback(() => {

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-DhUuivt-.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-ByfnNZV_.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-DTswxb7l.mjs").then((n) => n.r);
+  const routerEntry = await import("./router-D9uLXa9A.mjs").then((n) => n.r);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }