@tonyclaw/llm-inspector 1.9.5 → 1.9.7

package/.output/server/_ssr/empty-plugin-adapters-BFgPZ6_d.mjs

@@ -0,0 +1,6 @@
+var pluginSerializationAdapters = [];
+var hasPluginAdapters = false;
+export {
+  hasPluginAdapters,
+  pluginSerializationAdapters
+};

package/.output/server/_ssr/{index-Ou5OlbF7.mjs → index-Lxfn0bBE.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-pQnqiQaV.mjs";
+import { r as reactExports, j as jsxRuntimeExports, R as React } from "../_libs/react.mjs";
+import { C as CapturedLogSchema, a as parseRequest, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-CXva8nm-.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";
@@ -8,7 +8,7 @@ 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 { u as useSWR } from "../_libs/swr.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 { 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, B as Brain, A as Terminal } 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, 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";
@@ -18,11 +18,9 @@ import { R as Root$1 } from "../_libs/radix-ui__react-separator.mjs";
 import { R as Root$2, C as CollapsibleTrigger$1, a as CollapsibleContent$1 } from "../_libs/radix-ui__react-collapsible.mjs";
 import { R as Root$3, V as Viewport$1, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
 import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tiny-warning.mjs";
 import "../_libs/tanstack__router-core.mjs";
-import "../_libs/cookie-es.mjs";
 import "../_libs/tanstack__history.mjs";
-import "../_libs/tiny-invariant.mjs";
+import "../_libs/cookie-es.mjs";
 import "../_libs/seroval.mjs";
 import "../_libs/seroval-plugins.mjs";
 import "node:stream/web";
@@ -199,7 +197,7 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.9.5";
+const version = "1.9.7";
 const packageJson = {
   version
 };
@@ -1296,11 +1294,27 @@ function SystemReminderBlock({ text }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) }) }) })
   ] });
 }
+const THINKING_TAG_REGEX = /<think>([\s\S]*?)<\/think>/gi;
+const THINKING_TAG_REGEX_SINGLE = /<think>([\s\S]*?)<\/think>/i;
+function extractThinkingFromContent(text) {
+  const match = THINKING_TAG_REGEX_SINGLE.exec(text);
+  if (!match || match[1] === void 0) {
+    return { thinking: null, remainingText: text };
+  }
+  const thinking = match[1].trim();
+  const remainingText = text.replace(THINKING_TAG_REGEX, "").trim();
+  return { thinking, remainingText };
+}
 function TextBlock({ text }) {
   if (text.includes("<system-reminder>")) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(SystemReminderBlock, { text });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
+  const { thinking, remainingText } = extractThinkingFromContent(text);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+    thinking !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking }),
+    remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: remainingText }) }),
+    thinking === null && remainingText.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty text block" })
+  ] });
 }
 function ThinkingBlock({ thinking }) {
   const [open, setOpen] = reactExports.useState(false);
@@ -1427,11 +1441,15 @@ function OpenAIResponseView({ response }) {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { className: "opacity-50" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      message?.reasoning_content !== null && message?.reasoning_content !== void 0 && message.reasoning_content.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-purple-500/30 rounded-md p-3 bg-purple-500/5", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-purple-400 font-mono mb-1", children: "thinking" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-purple-200 whitespace-pre-wrap", children: message.reasoning_content })
-      ] }),
-      message?.content !== null && message?.content !== void 0 && message.content.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: message.content }) }),
+      message?.reasoning_content !== null && message?.reasoning_content !== void 0 && message.reasoning_content.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking: message.reasoning_content }),
+      message?.content !== null && message?.content !== void 0 && message.content.length > 0 && (() => {
+        const hasReasoningField = message.reasoning_content !== null && message.reasoning_content !== void 0 && message.reasoning_content.length > 0;
+        const { thinking, remainingText } = extractThinkingFromContent(message.content);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+          thinking !== null && !hasReasoningField && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking }),
+          remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: remainingText }) })
+        ] });
+      })(),
       message?.function_call !== null && message?.function_call !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-blue-500/30 rounded-md p-3 bg-blue-500/5", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-blue-400 font-mono mb-1", children: "function_call" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono text-xs", children: [
@@ -2190,6 +2208,7 @@ function getErrorIcon(type) {
   }
 }
 function TestStatus({ result }) {
+  const [showDetails, setShowDetails] = reactExports.useState(false);
   if (!hasSuccessField(result)) {
     if (isNotConfiguredState(result)) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground shrink-0", children: [
@@ -2211,19 +2230,28 @@ function TestStatus({ result }) {
   const error = result.error;
   const errorMessage = error?.message ?? "Connection failed";
   const errorHint = error?.hint;
+  const errorDetails = error?.details;
   const errorType = error?.type ?? "unknown";
-  const fullMessage = errorHint !== void 0 ? `${errorMessage} — ${errorHint}` : errorMessage;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: "flex items-center gap-1 text-xs text-red-600 shrink-0 max-w-[200px]",
-      title: error?.details ?? fullMessage,
-      children: [
-        getErrorIcon(errorType),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: errorMessage })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 shrink-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-red-600 max-w-[200px]", children: [
+      getErrorIcon(errorType),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: errorMessage }),
+      errorDetails !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowDetails(!showDetails),
+          className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors",
+          title: showDetails ? "Hide details" : "Show details",
+          children: showDetails ? /* @__PURE__ */ jsxRuntimeExports.jsx(EyeOff, { className: "size-3" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-3" })
+        }
+      )
+    ] }),
+    showDetails && errorDetails !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground bg-muted/50 rounded p-2 max-w-[300px]", children: [
+      errorHint !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1", children: errorHint }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono whitespace-pre-wrap break-all text-red-400/80", children: errorDetails })
+    ] })
+  ] });
 }
 function ProviderCard({
   provider,