@tonyclaw/agent-inspector 2.1.13 → 2.1.15

package/.output/server/_ssr/{ReplayDialog-ChXL1t8H.mjs → ReplayDialog-Cc1dyDuK.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-BW2vVCBN.mjs";
-import { ResponseView } from "./ResponseView-B5I8drzc.mjs";
-import { C as CapturedLogSchema } from "./router-DhL9Wp3N.mjs";
+import { u as useProviders, D as Dialog, d as DialogContent, e as DialogHeader, h as DialogTitle, T as Tabs, i as TabsList, j as TabsTrigger, k as TabsContent, l as Button, m as TooltipProvider, n as Tooltip, o as TooltipTrigger, p as TooltipContent, q as dispatchLogFocusRequest } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import { ResponseView } from "./ResponseView-Cp10DM1D.mjs";
+import { C as CapturedLogSchema } from "./router-DVeuZFqI.mjs";
 import "../_libs/jszip.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
-import { a3 as RotateCcw, an as Braces, ao as Minimize2 } from "../_libs/lucide-react.mjs";
+import { a9 as RotateCcw, am as Braces, an as Minimize2 } from "../_libs/lucide-react.mjs";
 import { d as object, n as number, a as array, c as boolean, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
@@ -41,9 +41,9 @@ import "../_libs/use-sidecar.mjs";
 import "../_libs/use-callback-ref.mjs";
 import "../_libs/aria-hidden.mjs";
 import "../_libs/class-variance-authority.mjs";
-import "../_libs/diff.mjs";
 import "../_libs/tanstack__react-virtual.mjs";
 import "../_libs/tanstack__virtual-core.mjs";
+import "../_libs/diff.mjs";
 import "../_libs/radix-ui__react-select.mjs";
 import "../_libs/radix-ui__number.mjs";
 import "../_libs/radix-ui__react-collection.mjs";
@@ -57,60 +57,6 @@ import "../_libs/radix-ui__react-arrow.mjs";
 import "../_libs/radix-ui__react-use-size.mjs";
 import "../_libs/radix-ui__react-use-previous.mjs";
 import "../_libs/@radix-ui/react-visually-hidden+[...].mjs";
-import "../_libs/react-markdown.mjs";
-import "../_libs/devlop.mjs";
-import "../_libs/unified.mjs";
-import "../_libs/bail.mjs";
-import "../_libs/extend.mjs";
-import "../_libs/is-plain-obj.mjs";
-import "../_libs/trough.mjs";
-import "../_libs/vfile.mjs";
-import "../_libs/vfile-message.mjs";
-import "../_libs/unist-util-stringify-position.mjs";
-import "node:process";
-import "node:path";
-import "node:url";
-import "../_libs/remark-parse.mjs";
-import "../_libs/mdast-util-from-markdown.mjs";
-import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
-import "../_libs/micromark-util-decode-string.mjs";
-import "../_libs/decode-named-character-reference+[...].mjs";
-import "../_libs/character-entities.mjs";
-import "../_libs/micromark-util-normalize-identifier+[...].mjs";
-import "../_libs/micromark.mjs";
-import "../_libs/micromark-util-combine-extensions+[...].mjs";
-import "../_libs/micromark-util-chunked.mjs";
-import "../_libs/micromark-factory-space.mjs";
-import "../_libs/micromark-util-character.mjs";
-import "../_libs/micromark-core-commonmark.mjs";
-import "../_libs/micromark-util-classify-character+[...].mjs";
-import "../_libs/micromark-util-resolve-all.mjs";
-import "../_libs/micromark-util-subtokenize.mjs";
-import "../_libs/micromark-factory-destination.mjs";
-import "../_libs/micromark-factory-label.mjs";
-import "../_libs/micromark-factory-title.mjs";
-import "../_libs/micromark-factory-whitespace.mjs";
-import "../_libs/micromark-util-html-tag-name.mjs";
-import "../_libs/mdast-util-to-string.mjs";
-import "../_libs/remark-rehype.mjs";
-import "../_libs/mdast-util-to-hast.mjs";
-import "../_libs/ungap__structured-clone.mjs";
-import "../_libs/micromark-util-sanitize-uri.mjs";
-import "../_libs/unist-util-position.mjs";
-import "../_libs/trim-lines.mjs";
-import "../_libs/unist-util-visit.mjs";
-import "../_libs/unist-util-visit-parents.mjs";
-import "../_libs/unist-util-is.mjs";
-import "../_libs/hast-util-to-jsx-runtime.mjs";
-import "../_libs/comma-separated-tokens.mjs";
-import "../_libs/property-information.mjs";
-import "../_libs/space-separated-tokens.mjs";
-import "../_libs/style-to-js.mjs";
-import "../_libs/style-to-object.mjs";
-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";
 import "../_libs/radix-ui__react-tabs.mjs";
 import "../_libs/radix-ui__react-roving-focus.mjs";
 import "../_libs/radix-ui__react-tooltip.mjs";
@@ -132,10 +78,13 @@ import "node:fs";
 import "node:fs/promises";
 import "node:readline";
 import "node:buffer";
+import "node:path";
 import "node:crypto";
 import "node:child_process";
+import "node:url";
 import "../_libs/conf.mjs";
 import "node:util";
+import "node:process";
 import "node:assert";
 import "../_libs/dot-prop.mjs";
 import "../_libs/env-paths.mjs";
@@ -366,7 +315,12 @@ function ReplayComparisonTable({
     ))
   ] });
 }
-function ReplayDialog({ log, open, onOpenChange }) {
+function ReplayDialog({
+  log,
+  displayNumber,
+  open,
+  onOpenChange
+}) {
   const { providers } = useProviders();
   const originalBody = log.rawRequestBody ?? "{}";
   const [modifiedBody, setModifiedBody] = reactExports.useState(() => {
@@ -493,8 +447,10 @@ function ReplayDialog({ log, open, onOpenChange }) {
   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" }),
-      "Replay Request #",
-      log.id
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { title: `Log ID ${String(log.id)}`, children: [
+        "Replay Request #",
+        displayNumber
+      ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "modified", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [

package/.output/server/_ssr/{RequestAnatomy-DtKzIlfU.mjs → RequestAnatomy-CMGSsz5Z.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-BW2vVCBN.mjs";
-import "./router-DhL9Wp3N.mjs";
+import { u as useProviders, s as analyzeContextIntelligence, f as formatTokens, m as TooltipProvider, c as cn, n as Tooltip, o as TooltipTrigger, p as TooltipContent, S as SegmentBar, R as ROLE_COLOR_CLASSES, A as ANATOMY_ROLE_LABELS, t as formatContextWindowTokens, C as CONTEXT_USAGE_THRESHOLDS } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import "./router-DVeuZFqI.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { I as Info, C as ChevronDown, f as ChevronRight } from "../_libs/lucide-react.mjs";
@@ -39,9 +39,9 @@ import "../_libs/use-sidecar.mjs";
 import "../_libs/use-callback-ref.mjs";
 import "../_libs/aria-hidden.mjs";
 import "../_libs/class-variance-authority.mjs";
-import "../_libs/diff.mjs";
 import "../_libs/tanstack__react-virtual.mjs";
 import "../_libs/tanstack__virtual-core.mjs";
+import "../_libs/diff.mjs";
 import "../_libs/radix-ui__react-select.mjs";
 import "../_libs/radix-ui__number.mjs";
 import "../_libs/radix-ui__react-collection.mjs";
@@ -55,60 +55,6 @@ import "../_libs/radix-ui__react-arrow.mjs";
 import "../_libs/radix-ui__react-use-size.mjs";
 import "../_libs/radix-ui__react-use-previous.mjs";
 import "../_libs/@radix-ui/react-visually-hidden+[...].mjs";
-import "../_libs/react-markdown.mjs";
-import "../_libs/devlop.mjs";
-import "../_libs/unified.mjs";
-import "../_libs/bail.mjs";
-import "../_libs/extend.mjs";
-import "../_libs/is-plain-obj.mjs";
-import "../_libs/trough.mjs";
-import "../_libs/vfile.mjs";
-import "../_libs/vfile-message.mjs";
-import "../_libs/unist-util-stringify-position.mjs";
-import "node:process";
-import "node:path";
-import "node:url";
-import "../_libs/remark-parse.mjs";
-import "../_libs/mdast-util-from-markdown.mjs";
-import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
-import "../_libs/micromark-util-decode-string.mjs";
-import "../_libs/decode-named-character-reference+[...].mjs";
-import "../_libs/character-entities.mjs";
-import "../_libs/micromark-util-normalize-identifier+[...].mjs";
-import "../_libs/micromark.mjs";
-import "../_libs/micromark-util-combine-extensions+[...].mjs";
-import "../_libs/micromark-util-chunked.mjs";
-import "../_libs/micromark-factory-space.mjs";
-import "../_libs/micromark-util-character.mjs";
-import "../_libs/micromark-core-commonmark.mjs";
-import "../_libs/micromark-util-classify-character+[...].mjs";
-import "../_libs/micromark-util-resolve-all.mjs";
-import "../_libs/micromark-util-subtokenize.mjs";
-import "../_libs/micromark-factory-destination.mjs";
-import "../_libs/micromark-factory-label.mjs";
-import "../_libs/micromark-factory-title.mjs";
-import "../_libs/micromark-factory-whitespace.mjs";
-import "../_libs/micromark-util-html-tag-name.mjs";
-import "../_libs/mdast-util-to-string.mjs";
-import "../_libs/remark-rehype.mjs";
-import "../_libs/mdast-util-to-hast.mjs";
-import "../_libs/ungap__structured-clone.mjs";
-import "../_libs/micromark-util-sanitize-uri.mjs";
-import "../_libs/unist-util-position.mjs";
-import "../_libs/trim-lines.mjs";
-import "../_libs/unist-util-visit.mjs";
-import "../_libs/unist-util-visit-parents.mjs";
-import "../_libs/unist-util-is.mjs";
-import "../_libs/hast-util-to-jsx-runtime.mjs";
-import "../_libs/comma-separated-tokens.mjs";
-import "../_libs/property-information.mjs";
-import "../_libs/space-separated-tokens.mjs";
-import "../_libs/style-to-js.mjs";
-import "../_libs/style-to-object.mjs";
-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";
 import "../_libs/zod.mjs";
 import "../_libs/radix-ui__react-tabs.mjs";
 import "../_libs/radix-ui__react-roving-focus.mjs";
@@ -130,10 +76,13 @@ import "node:fs";
 import "node:fs/promises";
 import "node:readline";
 import "node:buffer";
+import "node:path";
 import "node:crypto";
 import "node:child_process";
+import "node:url";
 import "../_libs/conf.mjs";
 import "node:util";
+import "node:process";
 import "node:assert";
 import "../_libs/dot-prop.mjs";
 import "../_libs/env-paths.mjs";

package/.output/server/_ssr/{ResponseView-B5I8drzc.mjs → ResponseView-Cp10DM1D.mjs}

@@ -1,10 +1,9 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as JsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-BW2vVCBN.mjs";
-import "./router-DhL9Wp3N.mjs";
-import "../_libs/modelcontextprotocol__server.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, v as getStatusCategory, B as Badge, w as Collapsible, x as CollapsibleTrigger, y as CollapsibleContent, z as ScrollArea, E as LazyJsonViewer, F as safeJsonValue } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import { s as safeGetOwnProperty } from "./router-DVeuZFqI.mjs";
 import "../_libs/jszip.mjs";
-import { Z as Zap, r as TriangleAlert, ap as CircleStop, B as Brain, C as ChevronDown, f as ChevronRight, m as Terminal } from "../_libs/lucide-react.mjs";
-import { M as Markdown } from "../_libs/react-markdown.mjs";
+import "../_libs/modelcontextprotocol__server.mjs";
+import { Z as Zap, q as TriangleAlert, ao as CircleStop, B as Brain, C as ChevronDown, f as ChevronRight, m as Terminal } from "../_libs/lucide-react.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
@@ -41,9 +40,9 @@ import "../_libs/use-sidecar.mjs";
 import "../_libs/use-callback-ref.mjs";
 import "../_libs/aria-hidden.mjs";
 import "../_libs/class-variance-authority.mjs";
-import "../_libs/diff.mjs";
 import "../_libs/tanstack__react-virtual.mjs";
 import "../_libs/tanstack__virtual-core.mjs";
+import "../_libs/diff.mjs";
 import "../_libs/radix-ui__react-select.mjs";
 import "../_libs/radix-ui__number.mjs";
 import "../_libs/radix-ui__react-collection.mjs";
@@ -117,59 +116,16 @@ import "../_libs/lie.mjs";
 import "../_libs/immediate.mjs";
 import "../_libs/setimmediate.mjs";
 import "../_libs/pako.mjs";
-import "../_libs/devlop.mjs";
-import "../_libs/unified.mjs";
-import "../_libs/bail.mjs";
-import "../_libs/extend.mjs";
-import "../_libs/is-plain-obj.mjs";
-import "../_libs/trough.mjs";
-import "../_libs/vfile.mjs";
-import "../_libs/vfile-message.mjs";
-import "../_libs/unist-util-stringify-position.mjs";
-import "../_libs/remark-parse.mjs";
-import "../_libs/mdast-util-from-markdown.mjs";
-import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
-import "../_libs/micromark-util-decode-string.mjs";
-import "../_libs/decode-named-character-reference+[...].mjs";
-import "../_libs/character-entities.mjs";
-import "../_libs/micromark-util-normalize-identifier+[...].mjs";
-import "../_libs/micromark.mjs";
-import "../_libs/micromark-util-combine-extensions+[...].mjs";
-import "../_libs/micromark-util-chunked.mjs";
-import "../_libs/micromark-factory-space.mjs";
-import "../_libs/micromark-util-character.mjs";
-import "../_libs/micromark-core-commonmark.mjs";
-import "../_libs/micromark-util-classify-character+[...].mjs";
-import "../_libs/micromark-util-resolve-all.mjs";
-import "../_libs/micromark-util-subtokenize.mjs";
-import "../_libs/micromark-factory-destination.mjs";
-import "../_libs/micromark-factory-label.mjs";
-import "../_libs/micromark-factory-title.mjs";
-import "../_libs/micromark-factory-whitespace.mjs";
-import "../_libs/micromark-util-html-tag-name.mjs";
-import "../_libs/mdast-util-to-string.mjs";
-import "../_libs/remark-rehype.mjs";
-import "../_libs/mdast-util-to-hast.mjs";
-import "../_libs/ungap__structured-clone.mjs";
-import "../_libs/micromark-util-sanitize-uri.mjs";
-import "../_libs/unist-util-position.mjs";
-import "../_libs/trim-lines.mjs";
-import "../_libs/unist-util-visit.mjs";
-import "../_libs/unist-util-visit-parents.mjs";
-import "../_libs/unist-util-is.mjs";
-import "../_libs/hast-util-to-jsx-runtime.mjs";
-import "../_libs/comma-separated-tokens.mjs";
-import "../_libs/property-information.mjs";
-import "../_libs/space-separated-tokens.mjs";
-import "../_libs/style-to-js.mjs";
-import "../_libs/style-to-object.mjs";
-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 LazyReactMarkdown = reactExports.lazy(() => import("../_libs/react-markdown.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 }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: ANSWER_MARKDOWN_CLASS, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    reactExports.Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading Markdown..." }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyReactMarkdown, { children: text })
+    }
+  ) });
 }
 function Separator({
   className,
@@ -263,7 +219,13 @@ const ToolUseBlock = reactExports.memo(function ToolUseBlock2({
       /* @__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" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(input), defaultExpandDepth: 0 }) }) }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      reactExports.Suspense,
+      {
+        fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Loading JSON..." }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonViewer, { data: safeJsonValue(input), defaultExpandDepth: 0 })
+      }
+    ) }) }) })
   ] }) });
 });
 const ResponseContentBlockRenderer = reactExports.memo(function ResponseContentBlockRenderer2({
@@ -335,7 +297,7 @@ function parseToolArguments(raw) {
 function OpenAIToolCallBlock({ call }) {
   const [open, setOpen] = reactExports.useState(false);
   const name = call.function.name ?? "(unnamed tool)";
-  const parsed = parseToolArguments(call.function.arguments);
+  const parsed = open ? parseToolArguments(call.function.arguments) : {};
   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" }),
@@ -344,11 +306,78 @@ function OpenAIToolCallBlock({ call }) {
       /* @__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" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: parsed === null ? (
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: parsed === null ? (
       // JSON.parse failed — show the raw string so the user can
       // still see what the model tried to call.
       /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap break-words text-rose-300/90", children: call.function.arguments })
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(parsed), defaultExpandDepth: 0 }) }) }) })
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      reactExports.Suspense,
+      {
+        fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Loading JSON..." }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonViewer, { data: safeJsonValue(parsed), defaultExpandDepth: 0 })
+      }
+    ) }) }) })
+  ] }) });
+}
+function extractResponsesOutputText(response) {
+  if (response.output_text !== void 0 && response.output_text.length > 0) {
+    return response.output_text;
+  }
+  const parts = [];
+  for (const outputItem of response.output ?? []) {
+    if (safeGetOwnProperty(outputItem, "type") !== "message") continue;
+    const content = safeGetOwnProperty(outputItem, "content");
+    if (!Array.isArray(content)) continue;
+    for (const contentPart of content) {
+      const type = safeGetOwnProperty(contentPart, "type");
+      const text = safeGetOwnProperty(contentPart, "text");
+      if ((type === "output_text" || type === "text") && typeof text === "string") {
+        parts.push(text);
+      }
+    }
+  }
+  return parts.join("\n");
+}
+function extractResponsesFunctionCalls(response) {
+  const calls = [];
+  for (const outputItem of response.output ?? []) {
+    if (safeGetOwnProperty(outputItem, "type") !== "function_call") continue;
+    const name = safeGetOwnProperty(outputItem, "name");
+    if (typeof name !== "string" || name.length === 0) continue;
+    const id = safeGetOwnProperty(outputItem, "id");
+    const callId = safeGetOwnProperty(outputItem, "call_id");
+    const args = safeGetOwnProperty(outputItem, "arguments");
+    const status = safeGetOwnProperty(outputItem, "status");
+    calls.push({
+      id: typeof id === "string" && id.length > 0 ? id : null,
+      callId: typeof callId === "string" && callId.length > 0 ? callId : null,
+      name,
+      argumentsText: typeof args === "string" ? args : "",
+      status: typeof status === "string" && status.length > 0 ? status : null
+    });
+  }
+  return calls;
+}
+function ResponsesFunctionCallBlock({ call }) {
+  const [open, setOpen] = reactExports.useState(false);
+  const parsed = open ? parseToolArguments(call.argumentsText) : {};
+  const identity = call.callId ?? call.id;
+  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: call.name }),
+      identity !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-muted-foreground/60 truncate", children: identity }),
+      call.status !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-4 font-mono", children: call.status }),
+      /* @__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" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: parsed === null ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap break-words text-rose-300/90", children: call.argumentsText }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      reactExports.Suspense,
+      {
+        fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Loading JSON..." }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonViewer, { data: safeJsonValue(parsed), defaultExpandDepth: 0 })
+      }
+    ) }) }) })
   ] }) });
 }
 const OpenAIResponseView = reactExports.memo(function OpenAIResponseView2({
@@ -412,12 +441,58 @@ const OpenAIResponseView = reactExports.memo(function OpenAIResponseView2({
     ] })
   ] });
 });
+const OpenAIResponsesResponseView = reactExports.memo(function OpenAIResponsesResponseView2({
+  response
+}) {
+  const text = extractResponsesOutputText(response);
+  const calls = extractResponsesFunctionCalls(response);
+  const status = response.status ?? null;
+  const inputTokens = response.usage?.input_tokens ?? 0;
+  const outputTokens = response.usage?.output_tokens ?? 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      response.model !== void 0 && response.model.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-5 font-mono", children: response.model }),
+      status !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Badge,
+        {
+          variant: "outline",
+          className: "text-[10px] px-1.5 py-0 h-5 font-mono flex items-center gap-1",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleStop, { className: "size-2.5" }),
+            status
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+          formatTokens(inputTokens),
+          " in / ",
+          formatTokens(outputTokens),
+          " out"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { className: "opacity-50" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      text.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(AnswerMarkdown, { text }),
+      calls.map((call, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: response output order is stable
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ResponsesFunctionCallBlock, { call }, call.callId ?? call.id ?? `call-${i}`)
+      )),
+      text.length === 0 && calls.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
+    ] })
+  ] });
+});
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isOpenAIResponse(response) {
   return isRecord(response) && response.object === "chat.completion";
 }
+function isOpenAIResponsesResponse(response) {
+  return isRecord(response) && response.object === "response";
+}
 function isAnthropicResponse(response) {
   return isRecord(response) && response.type === "message" && Array.isArray(response.content);
 }
@@ -425,6 +500,9 @@ function formatViewFor(apiFormat, response) {
   if (apiFormat === "openai" && isOpenAIResponse(response)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIResponseView, { response });
   }
+  if (apiFormat === "openai" && isOpenAIResponsesResponse(response)) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIResponsesResponseView, { response });
+  }
   if (apiFormat === "anthropic" && isAnthropicResponse(response)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(StructuredResponseViewAnthropic, { response });
   }

package/.output/server/_ssr/{StreamingChunkSequence-DvwjQNcO.mjs → StreamingChunkSequence-B1VGxy3A.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as JsonViewer } from "./ProxyViewerContainer-BW2vVCBN.mjs";
-import "./router-DhL9Wp3N.mjs";
+import { m as TooltipProvider, n as Tooltip, o as TooltipTrigger, B as Badge, p as TooltipContent, E as LazyJsonViewer } from "./ProxyViewerContainer-CRBkqFlJ.mjs";
+import "./router-DVeuZFqI.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { C as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";
@@ -39,9 +39,9 @@ import "../_libs/use-sidecar.mjs";
 import "../_libs/use-callback-ref.mjs";
 import "../_libs/aria-hidden.mjs";
 import "../_libs/class-variance-authority.mjs";
-import "../_libs/diff.mjs";
 import "../_libs/tanstack__react-virtual.mjs";
 import "../_libs/tanstack__virtual-core.mjs";
+import "../_libs/diff.mjs";
 import "../_libs/radix-ui__react-select.mjs";
 import "../_libs/radix-ui__number.mjs";
 import "../_libs/radix-ui__react-collection.mjs";
@@ -55,60 +55,6 @@ import "../_libs/radix-ui__react-arrow.mjs";
 import "../_libs/radix-ui__react-use-size.mjs";
 import "../_libs/radix-ui__react-use-previous.mjs";
 import "../_libs/@radix-ui/react-visually-hidden+[...].mjs";
-import "../_libs/react-markdown.mjs";
-import "../_libs/devlop.mjs";
-import "../_libs/unified.mjs";
-import "../_libs/bail.mjs";
-import "../_libs/extend.mjs";
-import "../_libs/is-plain-obj.mjs";
-import "../_libs/trough.mjs";
-import "../_libs/vfile.mjs";
-import "../_libs/vfile-message.mjs";
-import "../_libs/unist-util-stringify-position.mjs";
-import "node:process";
-import "node:path";
-import "node:url";
-import "../_libs/remark-parse.mjs";
-import "../_libs/mdast-util-from-markdown.mjs";
-import "../_libs/micromark-util-decode-numeric-character-reference+[...].mjs";
-import "../_libs/micromark-util-decode-string.mjs";
-import "../_libs/decode-named-character-reference+[...].mjs";
-import "../_libs/character-entities.mjs";
-import "../_libs/micromark-util-normalize-identifier+[...].mjs";
-import "../_libs/micromark.mjs";
-import "../_libs/micromark-util-combine-extensions+[...].mjs";
-import "../_libs/micromark-util-chunked.mjs";
-import "../_libs/micromark-factory-space.mjs";
-import "../_libs/micromark-util-character.mjs";
-import "../_libs/micromark-core-commonmark.mjs";
-import "../_libs/micromark-util-classify-character+[...].mjs";
-import "../_libs/micromark-util-resolve-all.mjs";
-import "../_libs/micromark-util-subtokenize.mjs";
-import "../_libs/micromark-factory-destination.mjs";
-import "../_libs/micromark-factory-label.mjs";
-import "../_libs/micromark-factory-title.mjs";
-import "../_libs/micromark-factory-whitespace.mjs";
-import "../_libs/micromark-util-html-tag-name.mjs";
-import "../_libs/mdast-util-to-string.mjs";
-import "../_libs/remark-rehype.mjs";
-import "../_libs/mdast-util-to-hast.mjs";
-import "../_libs/ungap__structured-clone.mjs";
-import "../_libs/micromark-util-sanitize-uri.mjs";
-import "../_libs/unist-util-position.mjs";
-import "../_libs/trim-lines.mjs";
-import "../_libs/unist-util-visit.mjs";
-import "../_libs/unist-util-visit-parents.mjs";
-import "../_libs/unist-util-is.mjs";
-import "../_libs/hast-util-to-jsx-runtime.mjs";
-import "../_libs/comma-separated-tokens.mjs";
-import "../_libs/property-information.mjs";
-import "../_libs/space-separated-tokens.mjs";
-import "../_libs/style-to-js.mjs";
-import "../_libs/style-to-object.mjs";
-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";
 import "../_libs/zod.mjs";
 import "../_libs/radix-ui__react-tabs.mjs";
 import "../_libs/radix-ui__react-roving-focus.mjs";
@@ -130,10 +76,13 @@ import "node:fs";
 import "node:fs/promises";
 import "node:readline";
 import "node:buffer";
+import "node:path";
 import "node:crypto";
 import "node:child_process";
+import "node:url";
 import "../_libs/conf.mjs";
 import "node:util";
+import "node:process";
 import "node:assert";
 import "../_libs/dot-prop.mjs";
 import "../_libs/env-paths.mjs";
@@ -270,7 +219,13 @@ const StreamingChunkSequence = reactExports.memo(function StreamingChunkSequence
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground font-mono", children: chunk.type })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: chunk, defaultExpandDepth: 0, showCopy: true })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              reactExports.Suspense,
+              {
+                fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Loading JSON..." }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyJsonViewer, { data: chunk, defaultExpandDepth: 0, showCopy: true })
+              }
+            )
           ] }, chunk.index)) })
         ] }, group.index);
       })