@tonyclaw/agent-inspector 2.0.3 → 2.0.5

package/.output/server/_ssr/{ReplayDialog-CPDo9_G5.mjs → ReplayDialog-BQT_ygxC.mjs}

@@ -1,11 +1,11 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import { ResponseView } from "./ResponseView-DXaL7nY3.mjs";
-import "./router-BemxgIg7.mjs";
+import { u as useProviders, D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./ProxyViewerContainer-DRl51s_n.mjs";
+import { ResponseView } from "./ResponseView-e0kL2C3x.mjs";
+import "./router-Dl7oh0zx.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import "./json-viewer-Ci6kkjde.mjs";
-import { s as RotateCcw } from "../_libs/lucide-react.mjs";
+import "./json-viewer-DDU55MLK.mjs";
+import { I as RotateCcw } from "../_libs/lucide-react.mjs";
 import { d as object, c as boolean, n as number, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
@@ -168,17 +168,174 @@ import "../_libs/lie.mjs";
 import "../_libs/immediate.mjs";
 import "../_libs/setimmediate.mjs";
 import "../_libs/pako.mjs";
+function isJsonObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function byteLength(value) {
+  if (value === null || value === void 0) return null;
+  return new TextEncoder().encode(value).length;
+}
+function readRequestModel(body) {
+  try {
+    const parsed = JSON.parse(body);
+    if (!isJsonObject(parsed)) return null;
+    const model = parsed["model"];
+    return typeof model === "string" && model.length > 0 ? model : null;
+  } catch {
+    return null;
+  }
+}
+function replaceRequestModel(body, model) {
+  try {
+    const parsed = JSON.parse(body);
+    if (!isJsonObject(parsed)) {
+      return { body, error: "Request body must be a JSON object." };
+    }
+    return {
+      body: JSON.stringify({ ...parsed, model }, null, 2),
+      error: null
+    };
+  } catch {
+    return { body, error: "Request body must be valid JSON before changing the replay model." };
+  }
+}
+function buildReplayMetrics(input) {
+  return {
+    status: input.status ?? null,
+    elapsedMs: input.elapsedMs ?? null,
+    inputTokens: input.inputTokens ?? null,
+    outputTokens: input.outputTokens ?? null,
+    responseBytes: byteLength(input.responseText),
+    streaming: input.streaming === true
+  };
+}
+function numericDelta(original, replay) {
+  if (original === null || replay === null) return null;
+  return replay - original;
+}
+function buildReplayComparisons(original, replay) {
+  return [
+    {
+      id: "status",
+      label: "Status",
+      original: original.status,
+      replay: replay.status,
+      delta: numericDelta(original.status, replay.status)
+    },
+    {
+      id: "elapsed",
+      label: "Elapsed",
+      original: original.elapsedMs,
+      replay: replay.elapsedMs,
+      delta: numericDelta(original.elapsedMs, replay.elapsedMs)
+    },
+    {
+      id: "input",
+      label: "Input",
+      original: original.inputTokens,
+      replay: replay.inputTokens,
+      delta: numericDelta(original.inputTokens, replay.inputTokens)
+    },
+    {
+      id: "output",
+      label: "Output",
+      original: original.outputTokens,
+      replay: replay.outputTokens,
+      delta: numericDelta(original.outputTokens, replay.outputTokens)
+    },
+    {
+      id: "bytes",
+      label: "Bytes",
+      original: original.responseBytes,
+      replay: replay.responseBytes,
+      delta: numericDelta(original.responseBytes, replay.responseBytes)
+    },
+    {
+      id: "streaming",
+      label: "Stream",
+      original: original.streaming,
+      replay: replay.streaming,
+      delta: null
+    }
+  ];
+}
 const ReplayResultSchema = object({
   success: boolean(),
   error: string().optional(),
-  responseStatus: number().optional(),
-  responseText: string().optional(),
-  inputTokens: number().optional(),
-  outputTokens: number().optional(),
-  elapsedMs: number().optional(),
+  responseStatus: number().nullable().optional(),
+  responseText: string().nullable().optional(),
+  inputTokens: number().nullable().optional(),
+  outputTokens: number().nullable().optional(),
+  elapsedMs: number().nullable().optional(),
   streaming: boolean().optional()
 });
+function formatElapsed(ms) {
+  if (ms < 1e3) return `${String(ms)}ms`;
+  return `${(ms / 1e3).toFixed(1)}s`;
+}
+function formatMetricValue(value, metricId) {
+  if (value === null) return "-";
+  if (typeof value === "boolean") return value ? "stream" : "non-stream";
+  switch (metricId) {
+    case "elapsed":
+      return formatElapsed(value);
+    case "input":
+    case "output":
+    case "bytes":
+      return value.toLocaleString();
+    case "status":
+      return String(value);
+    case "streaming":
+      return value ? "stream" : "non-stream";
+  }
+}
+function formatDelta(delta, metricId) {
+  if (delta === null) return "-";
+  const sign = delta > 0 ? "+" : "";
+  switch (metricId) {
+    case "elapsed":
+      return `${sign}${formatElapsed(delta)}`;
+    case "input":
+    case "output":
+    case "bytes":
+    case "status":
+      return `${sign}${delta.toLocaleString()}`;
+    case "streaming":
+      return "-";
+  }
+}
+function deltaToneClass(delta) {
+  if (delta === null || delta === 0) return "text-muted-foreground";
+  if (delta > 0) return "text-amber-400";
+  return "text-emerald-400";
+}
+function ReplayComparisonTable({
+  comparisons
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-[1fr_1fr_1fr_1fr] bg-muted/40 px-3 py-2 text-[11px] font-medium text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Metric" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Original" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Replay" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Delta" })
+    ] }),
+    comparisons.map((comparison) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "grid grid-cols-[1fr_1fr_1fr_1fr] border-t border-border px-3 py-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: comparison.label }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: formatMetricValue(comparison.original, comparison.id) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: formatMetricValue(comparison.replay, comparison.id) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono ${deltaToneClass(comparison.delta)}`, children: formatDelta(comparison.delta, comparison.id) })
+        ]
+      },
+      comparison.id
+    ))
+  ] });
+}
 function ReplayDialog({ log, open, onOpenChange }) {
+  const { providers } = useProviders();
   const [modifiedBody, setModifiedBody] = reactExports.useState(() => {
     return log.rawRequestBody ?? "{}";
   });
@@ -218,6 +375,48 @@ function ReplayDialog({ log, open, onOpenChange }) {
     setError(null);
     onOpenChange(false);
   }
+  const replayModelOptions = reactExports.useMemo(() => {
+    const options = [];
+    for (const provider of providers) {
+      for (const model of provider.models) {
+        if (model.trim().length === 0) continue;
+        options.push({
+          key: `${provider.id}:${model}`,
+          providerName: provider.name,
+          model
+        });
+      }
+    }
+    return options;
+  }, [providers]);
+  const currentReplayModel = readRequestModel(modifiedBody) ?? log.model ?? "";
+  function handleReplayModelChange(model) {
+    const result = replaceRequestModel(modifiedBody, model);
+    if (result.error !== null) {
+      setError(result.error);
+      return;
+    }
+    setModifiedBody(result.body);
+    setReplayResult(null);
+    setError(null);
+  }
+  const originalMetrics = buildReplayMetrics({
+    status: log.responseStatus,
+    elapsedMs: log.elapsedMs,
+    inputTokens: log.inputTokens,
+    outputTokens: log.outputTokens,
+    responseText: log.responseText,
+    streaming: log.streaming
+  });
+  const replayMetrics = replayResult === null ? null : buildReplayMetrics({
+    status: replayResult.responseStatus,
+    elapsedMs: replayResult.elapsedMs,
+    inputTokens: replayResult.inputTokens,
+    outputTokens: replayResult.outputTokens,
+    responseText: replayResult.responseText,
+    streaming: replayResult.streaming
+  });
+  const replayComparisons = replayMetrics === null ? [] : buildReplayComparisons(originalMetrics, replayMetrics);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-4xl max-h-[85vh] overflow-auto", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
@@ -228,9 +427,31 @@ function ReplayDialog({ log, open, onOpenChange }) {
       /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "modified", children: "Modified Request" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "original", children: "Original Response" }),
-        replayResult && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "replay", children: "Replay Response" })
+        replayResult && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "replay", children: "Replay Response" }),
+        replayResult && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "compare", children: "Compare" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "modified", className: "space-y-4", children: [
+        replayModelOptions.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: `replay-model-${String(log.id)}`, className: "text-sm font-medium", children: "Replay target" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "select",
+            {
+              id: `replay-model-${String(log.id)}`,
+              value: currentReplayModel,
+              onChange: (event) => handleReplayModelChange(event.currentTarget.value),
+              className: "h-8 rounded-md border border-input bg-background px-2 text-sm",
+              children: [
+                currentReplayModel === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Select model" }),
+                currentReplayModel !== "" && !replayModelOptions.some((option) => option.model === currentReplayModel) && /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: currentReplayModel, children: currentReplayModel }),
+                replayModelOptions.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: option.model, children: [
+                  option.providerName,
+                  " / ",
+                  option.model
+                ] }, option.key))
+              ]
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium mb-2 block", children: "Request Body (JSON)" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
@@ -257,6 +478,7 @@ function ReplayDialog({ log, open, onOpenChange }) {
             children: loading ? "Replaying..." : "Replay"
           }
         ) }),
+        replayResult !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ReplayComparisonTable, { comparisons: replayComparisons.slice(0, 4) }),
         replayResult && replayResult.success && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" }),
@@ -296,7 +518,7 @@ function ReplayDialog({ log, open, onOpenChange }) {
         ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap bg-muted p-3 rounded-md max-h-96 overflow-auto", children: log.responseText }) })
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground italic", children: "No original response" }) }),
-      replayResult && replayResult.success && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "replay", children: replayResult.responseText !== null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
+      replayResult && replayResult.success && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "replay", children: (replayResult.responseText ?? null) !== null ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "parsed", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" })
@@ -312,8 +534,12 @@ function ReplayDialog({ log, open, onOpenChange }) {
             apiFormat: log.apiFormat
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap bg-muted p-3 rounded-md max-h-96 overflow-auto", children: replayResult.responseText }) })
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground italic", children: "No replay response" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap bg-muted p-3 rounded-md max-h-96 overflow-auto", children: replayResult.responseText ?? "" }) })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground italic", children: "No replay response" }) }),
+      replayResult && /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "compare", className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ReplayComparisonTable, { comparisons: replayComparisons }),
+        replayResult.success ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: replayResult.error ?? "Replay failed" })
+      ] })
     ] })
   ] }) });
 }

package/.output/server/_ssr/{RequestAnatomy-D9wt_K1E.mjs → RequestAnatomy-DS2tZOgq.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, f as formatTokens, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import "./router-BemxgIg7.mjs";
+import { k as TooltipProvider, f as formatTokens, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-DRl51s_n.mjs";
+import "./router-Dl7oh0zx.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { V as Info } from "../_libs/lucide-react.mjs";
+import { a4 as Info } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";
@@ -116,14 +116,14 @@ const ROLE_COLOR_CLASSES = {
   system: "bg-sky-500/70",
   user: "bg-emerald-500/70",
   assistant: "bg-violet-500/70",
-  tool: "bg-amber-500/70",
+  tool: "bg-sky-400/55",
   tools: "bg-slate-500/70"
 };
 const ROLE_FOCUS_RING = {
   system: "focus-visible:ring-sky-300",
   user: "focus-visible:ring-emerald-300",
   assistant: "focus-visible:ring-violet-300",
-  tool: "focus-visible:ring-amber-300",
+  tool: "focus-visible:ring-sky-300",
   tools: "focus-visible:ring-slate-300"
 };
 const MAX_VISIBLE_SEGMENTS = 12;

package/.output/server/_ssr/{ResponseView-DXaL7nY3.mjs → ResponseView-e0kL2C3x.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, s as safeJsonValue } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import { JsonViewer } from "./json-viewer-Ci6kkjde.mjs";
-import "./router-BemxgIg7.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, s as safeJsonValue } from "./ProxyViewerContainer-DRl51s_n.mjs";
+import { JsonViewer } from "./json-viewer-DDU55MLK.mjs";
+import "./router-Dl7oh0zx.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { Z as Zap, i as TriangleAlert, Y as CircleStop, B as Brain, b as ChevronDown, f as ChevronRight, _ as Terminal } from "../_libs/lucide-react.mjs";
+import { Z as Zap, j as TriangleAlert, a5 as CircleStop, B as Brain, b as ChevronDown, f as ChevronRight, T as Terminal } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import { R as Root$1, C as CollapsibleTrigger$1, a as CollapsibleContent$1 } from "../_libs/radix-ui__react-collapsible.mjs";
@@ -167,6 +167,10 @@ import "../_libs/inline-style-parser.mjs";
 import "../_libs/hast-util-whitespace.mjs";
 import "../_libs/estree-util-is-identifier-name.mjs";
 import "../_libs/html-url-attributes.mjs";
+const ANSWER_MARKDOWN_CLASS = "prose prose-sm dark:prose-invert max-w-none text-[13px] leading-[1.65] [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_p]:leading-[1.65] [&_ul]:my-1 [&_ol]:my-1 [&_li]:my-0.5 [&_li]:leading-[1.6]";
+function AnswerMarkdown({ text }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ANSWER_MARKDOWN_CLASS, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
+}
 function Separator({
   className,
   orientation = "horizontal",
@@ -276,7 +280,7 @@ function SystemReminderBlock({ text }) {
       open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-xs italic select-none opacity-60", children: "[system-reminder]" })
     ] }),
-    /* @__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 }) }) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pl-4 pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text }) }) })
   ] });
 }
 const TextBlock = reactExports.memo(function TextBlock2({ text }) {
@@ -286,7 +290,7 @@ const TextBlock = reactExports.memo(function TextBlock2({ 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 }) }),
+    remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: remainingText }),
     thinking === null && remainingText.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty text block" })
   ] });
 });
@@ -320,9 +324,9 @@ const ToolUseBlock = reactExports.memo(function ToolUseBlock2({
   input
 }) {
   const [open, setOpen] = reactExports.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-blue-500/40 my-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-blue-500/5 transition-colors rounded-r-sm group", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-blue-400 shrink-0" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-sky-400/[0.04] transition-colors rounded-r-sm group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-sky-400/70 shrink-0" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-[10px] font-mono px-1.5 py-0 h-4", children: name }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
       open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3 text-muted-foreground" })
@@ -372,11 +376,11 @@ const StructuredResponseViewAnthropic = reactExports.memo(function StructuredRes
           " out"
         ] }),
         response.usage.cache_creation_input_tokens !== void 0 && response.usage.cache_creation_input_tokens !== null && response.usage.cache_creation_input_tokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
-          "Cache +",
+          "KV Cache +",
           formatTokens(response.usage.cache_creation_input_tokens)
         ] }),
         response.usage.cache_read_input_tokens !== void 0 && response.usage.cache_read_input_tokens !== null && response.usage.cache_read_input_tokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
-          "Cache ~",
+          "KV Cache ~",
           formatTokens(response.usage.cache_read_input_tokens)
         ] })
       ] })
@@ -400,9 +404,9 @@ function OpenAIToolCallBlock({ call }) {
   const [open, setOpen] = reactExports.useState(false);
   const name = call.function.name ?? "(unnamed tool)";
   const parsed = parseToolArguments(call.function.arguments);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-blue-500/40 my-1", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-blue-500/5 transition-colors rounded-r-sm group", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-blue-400 shrink-0" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-sky-400/[0.04] transition-colors rounded-r-sm group", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5 text-sky-400/70 shrink-0" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "text-[10px] font-mono px-1.5 py-0 h-4", children: name }),
       call.id !== void 0 && call.id !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-muted-foreground/60 truncate", children: call.id }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
@@ -454,17 +458,17 @@ const OpenAIResponseView = reactExports.memo(function OpenAIResponseView2({
         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 }) })
+          remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text: remainingText })
         ] });
       })(),
       toolCalls.map((call, i) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: tool_calls is the positionally stable list from the response
         /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIToolCallBlock, { call }, call.id ?? `tc-${i}`)
       )),
-      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" }),
+      message?.function_call !== null && message?.function_call !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-sky-400/20 rounded-md p-3 bg-muted/20", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-sky-400/80 font-mono mb-1", children: "function_call" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "font-mono text-xs", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-300", children: message.function_call.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground/80", children: message.function_call.name }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
             "(",
             message.function_call.arguments,
@@ -521,7 +525,7 @@ function ErrorResponseView({ text }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-500/30 bg-red-500/5 p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-red-300 whitespace-pre-wrap font-mono leading-relaxed overflow-auto max-h-[60vh]", children: text }) });
 }
 function MarkdownFallbackView({ 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 }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text });
 }
 const ResponseView = reactExports.memo(function ResponseView2({
   responseText,
@@ -585,11 +589,11 @@ const ResponseView = reactExports.memo(function ResponseView2({
           " out"
         ] }),
         cacheCreationInputTokens !== null && cacheCreationInputTokens !== void 0 && cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
-          "Cache +",
+          "KV Cache +",
           formatTokens(cacheCreationInputTokens)
         ] }),
         cacheReadInputTokens !== null && cacheReadInputTokens !== void 0 && cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
-          "Cache ~",
+          "KV Cache ~",
           formatTokens(cacheReadInputTokens)
         ] })
       ] })

package/.output/server/_ssr/{StreamingChunkSequence-B_hudZyb.mjs → StreamingChunkSequence-BJG-m7xs.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import { JsonViewer } from "./json-viewer-Ci6kkjde.mjs";
-import "./router-BemxgIg7.mjs";
+import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent } from "./ProxyViewerContainer-DRl51s_n.mjs";
+import { JsonViewer } from "./json-viewer-DDU55MLK.mjs";
+import "./router-Dl7oh0zx.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { b as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-CuE_BN86.mjs → index-Dea3OeRw.mjs}

@@ -1,6 +1,6 @@
-import { P as ProxyViewerContainer } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
+import { P as ProxyViewerContainer } from "./ProxyViewerContainer-DRl51s_n.mjs";
 import "../_libs/react.mjs";
-import "./router-BemxgIg7.mjs";
+import "./router-Dl7oh0zx.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/swr.mjs";

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--L1_b4sd.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-m-FJNBVf.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-BemxgIg7.mjs").then((n) => n.h);
+  const routerEntry = await import("./router-Dl7oh0zx.mjs").then((n) => n.i);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{json-viewer-Ci6kkjde.mjs → json-viewer-DDU55MLK.mjs}

@@ -1,9 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { q as parseJsonText, c as cn, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-CMWl3Ijy.mjs";
-import "./router-BemxgIg7.mjs";
+import { q as parseJsonText, c as cn, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./ProxyViewerContainer-DRl51s_n.mjs";
+import "./router-Dl7oh0zx.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { C as Check, a as Copy, b as ChevronDown, f as ChevronRight, q as ChevronsDown } from "../_libs/lucide-react.mjs";
+import { C as Check, a as Copy, b as ChevronDown, f as ChevronRight, y as ChevronsDown } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";