@tonyclaw/agent-inspector 3.0.45 → 3.0.46

package/.output/server/_ssr/ResponseView-qrTaEIM8.mjs

@@ -1,757 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { x as formatTokens, m as cn, z as getStatusCategory, s as safeGetOwnProperty } from "./router-BJ_ltLim.mjs";
-import { g as getLogFormatAdapter, q as AnswerMarkdown, B as Badge, s as Collapsible, t as CollapsibleTrigger, v as CollapsibleContent, w as ScrollArea, x as LazyJsonViewer, y as safeJsonValue } from "./ProxyViewerContainer-DVPlwfkt.mjs";
-import "./publicBasePathContext-5264L3rX.mjs";
-import "node:crypto";
-import "node:path";
-import "node:fs";
-import "node:child_process";
-import "node:buffer";
-import "node:url";
-import "crypto";
-import "node:util";
-import "node:net";
-import "../_libs/modelcontextprotocol__server.mjs";
-import "../_libs/jszip.mjs";
-import "node:os";
-import { ac as Zap, T as TriangleAlert, v as CircleStop, ae as Brain, c as ChevronDown, t as ChevronRight, l as Terminal } from "../_libs/lucide-react.mjs";
-import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
-import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream";
-import "../_libs/tanstack__history.mjs";
-import "node:stream/web";
-import "../_libs/react-dom.mjs";
-import "util";
-import "async_hooks";
-import "stream";
-import "../_libs/isbot.mjs";
-import "../_libs/swr.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/dequal.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/tailwind-merge.mjs";
-import "node:fs/promises";
-import "node:worker_threads";
-import "node:readline";
-import "../_libs/conf.mjs";
-import "node:process";
-import "node:assert";
-import "../_libs/dot-prop.mjs";
-import "../_libs/env-paths.mjs";
-import "../_libs/atomically.mjs";
-import "node:events";
-import "../_libs/stubborn-fs.mjs";
-import "../_libs/stubborn-utils.mjs";
-import "../_libs/when-exit.mjs";
-import "../_libs/ajv.mjs";
-import "../_libs/fast-deep-equal.mjs";
-import "../_libs/json-schema-traverse.mjs";
-import "../_libs/fast-uri.mjs";
-import "../_libs/ajv-formats.mjs";
-import "../_libs/debounce-fn.mjs";
-import "../_libs/mimic-function.mjs";
-import "../_libs/semver.mjs";
-import "../_libs/uint8array-extras.mjs";
-import "node:dns/promises";
-import "node:assert/strict";
-import "../_libs/zod.mjs";
-import "node:async_hooks";
-import "../_libs/modelcontextprotocol__core.mjs";
-import "../_libs/readable-stream.mjs";
-import "events";
-import "node:string_decoder";
-import "../_libs/process-nextick-args.mjs";
-import "../_libs/isarray.mjs";
-import "../_libs/safe-buffer.mjs";
-import "buffer";
-import "../_libs/core-util-is.mjs";
-import "../_libs/inherits.mjs";
-import "../_libs/util-deprecate.mjs";
-import "../_libs/lie.mjs";
-import "../_libs/immediate.mjs";
-import "../_libs/setimmediate.mjs";
-import "../_libs/pako.mjs";
-import "../_libs/tanstack__react-virtual.mjs";
-import "../_libs/tanstack__virtual-core.mjs";
-import "../_libs/diff.mjs";
-import "../_libs/radix-ui__react-dialog.mjs";
-import "../_libs/radix-ui__primitive.mjs";
-import "../_libs/radix-ui__react-compose-refs.mjs";
-import "../_libs/radix-ui__react-context.mjs";
-import "../_libs/radix-ui__react-id.mjs";
-import "../_libs/@radix-ui/react-use-layout-effect+[...].mjs";
-import "../_libs/@radix-ui/react-use-controllable-state+[...].mjs";
-import "../_libs/@radix-ui/react-dismissable-layer+[...].mjs";
-import "../_libs/radix-ui__react-primitive.mjs";
-import "../_libs/radix-ui__react-slot.mjs";
-import "../_libs/@radix-ui/react-use-callback-ref+[...].mjs";
-import "../_libs/radix-ui__react-focus-scope.mjs";
-import "../_libs/radix-ui__react-portal.mjs";
-import "../_libs/radix-ui__react-presence.mjs";
-import "../_libs/radix-ui__react-focus-guards.mjs";
-import "../_libs/react-remove-scroll.mjs";
-import "tslib";
-import "../_libs/react-remove-scroll-bar.mjs";
-import "../_libs/react-style-singleton.mjs";
-import "../_libs/get-nonce.mjs";
-import "../_libs/use-sidecar.mjs";
-import "../_libs/use-callback-ref.mjs";
-import "../_libs/aria-hidden.mjs";
-import "../_libs/radix-ui__react-tabs.mjs";
-import "../_libs/radix-ui__react-roving-focus.mjs";
-import "../_libs/radix-ui__react-collection.mjs";
-import "../_libs/radix-ui__react-direction.mjs";
-import "../_libs/@radix-ui/react-use-is-hydrated+[...].mjs";
-import "../_libs/radix-ui__react-select.mjs";
-import "../_libs/radix-ui__number.mjs";
-import "../_libs/radix-ui__react-popper.mjs";
-import "../_libs/floating-ui__react-dom.mjs";
-import "../_libs/floating-ui__dom.mjs";
-import "../_libs/floating-ui__core.mjs";
-import "../_libs/floating-ui__utils.mjs";
-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/radix-ui__react-tooltip.mjs";
-import "../_libs/radix-ui__react-collapsible.mjs";
-import "../_libs/radix-ui__react-scroll-area.mjs";
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-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 assertNever(_value) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-}
-function SystemReminderBlock({ text }) {
-  const [open, setOpen] = reactExports.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Collapsible, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 py-0.5 cursor-pointer hover:opacity-80 transition-opacity group", children: [
-      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(AnswerMarkdown, { text }) }) })
-  ] });
-}
-const TextBlock = reactExports.memo(function TextBlock2({ text }) {
-  if (text.includes("<system-reminder>")) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SystemReminderBlock, { 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(AnswerMarkdown, { text: remainingText }),
-    thinking === null && remainingText.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty text block" })
-  ] });
-});
-const ThinkingBlock = reactExports.memo(function ThinkingBlock2({
-  thinking
-}) {
-  const [open, setOpen] = reactExports.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-purple-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-purple-500/5 transition-colors rounded-r-sm group", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Brain, { className: "size-3.5 text-purple-400 shrink-0" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-purple-400", children: "Thinking" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Badge,
-        {
-          variant: "ghost",
-          className: "text-[10px] text-muted-foreground px-1.5 py-0 h-4 font-mono",
-          children: [
-            thinking.length.toLocaleString(),
-            " chars"
-          ]
-        }
-      ),
-      /* @__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("pre", { className: "text-xs text-muted-foreground whitespace-pre-wrap font-mono leading-relaxed", children: thinking }) }) }) })
-  ] }) });
-});
-const ToolUseBlock = reactExports.memo(function ToolUseBlock2({
-  name,
-  input,
-  toolIndex,
-  toolFocus
-}) {
-  const [open, setOpen] = reactExports.useState(false);
-  const triggerRef = reactExports.useRef(null);
-  const shouldFocus = toolFocus?.focusedToolIndex === toolIndex;
-  reactExports.useEffect(() => {
-    if (!shouldFocus || toolFocus === void 0 || toolFocus.toolFocusNonce <= 0) return void 0;
-    setOpen(true);
-    const timer = window.setTimeout(() => {
-      const trigger = triggerRef.current;
-      if (trigger === null) return;
-      trigger.scrollIntoView({ block: "center", behavior: "smooth" });
-      trigger.focus({ preventScroll: true });
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [shouldFocus, toolFocus, toolFocus?.toolFocusNonce]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", "data-response-tool-index": toolIndex, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      CollapsibleTrigger,
-      {
-        ref: triggerRef,
-        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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        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" })
-        ]
-      }
-    ),
-    /* @__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({
-  block,
-  toolIndex,
-  toolFocus
-}) {
-  switch (block.type) {
-    case "text":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TextBlock, { text: block.text });
-    case "thinking":
-    case "think":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingBlock, { thinking: block.thinking });
-    case "tool_use":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ToolUseBlock,
-        {
-          name: block.name,
-          input: block.input,
-          toolIndex: toolIndex ?? 0,
-          toolFocus
-        }
-      );
-    default:
-      return assertNever();
-  }
-});
-const StructuredResponseViewAnthropic = reactExports.memo(function StructuredResponseViewAnthropic2({
-  response,
-  toolFocus
-}) {
-  let toolIndex = 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-5 font-mono", children: response.model }),
-      response.stop_reason !== 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" }),
-            response.stop_reason
-          ]
-        }
-      ),
-      /* @__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(response.usage.input_tokens ?? 0),
-          " in /",
-          " ",
-          formatTokens(response.usage.output_tokens ?? 0),
-          " 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: [
-          "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: [
-          "KV Cache ~",
-          formatTokens(response.usage.cache_read_input_tokens)
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, { className: "opacity-50" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      response.content.map((block, i) => {
-        const currentToolIndex = block.type === "tool_use" ? toolIndex : void 0;
-        if (block.type === "tool_use") toolIndex += 1;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResponseContentBlockRenderer,
-          {
-            block,
-            toolIndex: currentToolIndex,
-            toolFocus
-          },
-          i
-        );
-      }),
-      response.content.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
-    ] })
-  ] });
-});
-function parseToolArguments(raw) {
-  if (raw === void 0 || raw === "") return {};
-  try {
-    return JSON.parse(raw);
-  } catch {
-    return null;
-  }
-}
-function useToolFocus({
-  toolIndex,
-  toolFocus,
-  setOpen
-}) {
-  const triggerRef = reactExports.useRef(null);
-  const shouldFocus = toolFocus?.focusedToolIndex === toolIndex;
-  reactExports.useEffect(() => {
-    if (!shouldFocus || toolFocus === void 0 || toolFocus.toolFocusNonce <= 0) return void 0;
-    setOpen(true);
-    const timer = window.setTimeout(() => {
-      const trigger = triggerRef.current;
-      if (trigger === null) return;
-      trigger.scrollIntoView({ block: "center", behavior: "smooth" });
-      trigger.focus({ preventScroll: true });
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [setOpen, shouldFocus, toolFocus, toolFocus?.toolFocusNonce]);
-  return triggerRef;
-}
-function OpenAIFunctionCallBlock({
-  name,
-  argumentsText,
-  toolIndex,
-  toolFocus
-}) {
-  const blockRef = reactExports.useRef(null);
-  const shouldFocus = toolFocus?.focusedToolIndex === toolIndex;
-  reactExports.useEffect(() => {
-    if (!shouldFocus || toolFocus === void 0 || toolFocus.toolFocusNonce <= 0) return void 0;
-    const timer = window.setTimeout(() => {
-      const block = blockRef.current;
-      if (block === null) return;
-      block.scrollIntoView({ block: "center", behavior: "smooth" });
-      block.focus({ preventScroll: true });
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [shouldFocus, toolFocus, toolFocus?.toolFocusNonce]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      ref: blockRef,
-      tabIndex: -1,
-      className: "border border-sky-400/20 rounded-md p-3 bg-muted/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-      "data-response-tool-index": toolIndex,
-      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-foreground/80", children: name }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
-            "(",
-            argumentsText,
-            ")"
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function OpenAIToolCallBlock({
-  call,
-  toolIndex,
-  toolFocus
-}) {
-  const [open, setOpen] = reactExports.useState(false);
-  const name = call.function.name ?? "(unnamed tool)";
-  const parsed = open ? parseToolArguments(call.function.arguments) : {};
-  const triggerRef = useToolFocus({ toolIndex, toolFocus, setOpen });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", "data-response-tool-index": toolIndex, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      CollapsibleTrigger,
-      {
-        ref: triggerRef,
-        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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        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" }),
-          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 ? (
-      // 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(
-      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,
-  toolIndex,
-  toolFocus
-}) {
-  const [open, setOpen] = reactExports.useState(false);
-  const parsed = open ? parseToolArguments(call.argumentsText) : {};
-  const identity = call.callId ?? call.id;
-  const triggerRef = useToolFocus({ toolIndex, toolFocus, setOpen });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-sky-400/25 my-1", "data-response-tool-index": toolIndex, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      CollapsibleTrigger,
-      {
-        ref: triggerRef,
-        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 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        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({
-  response,
-  toolFocus
-}) {
-  const choice = response.choices[0];
-  const message = choice?.message;
-  const toolCalls = message?.tool_calls ?? [];
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-5 font-mono", children: response.model }),
-      choice?.finish_reason !== null && choice?.finish_reason !== void 0 && /* @__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" }),
-            choice.finish_reason
-          ]
-        }
-      ),
-      /* @__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(response.usage.prompt_tokens ?? 0),
-          " in /",
-          " ",
-          formatTokens(response.usage.completion_tokens ?? 0),
-          " out"
-        ] })
-      ] })
-    ] }),
-    /* @__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.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(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,
-            toolIndex: i,
-            toolFocus
-          },
-          call.id ?? `tc-${i}`
-        )
-      )),
-      message?.function_call !== null && message?.function_call !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        OpenAIFunctionCallBlock,
-        {
-          name: message.function_call.name,
-          argumentsText: message.function_call.arguments,
-          toolIndex: toolCalls.length,
-          toolFocus
-        }
-      ),
-      (message?.content === null || message?.content === void 0 || message.content.length === 0) && (message?.reasoning_content === null || message?.reasoning_content === void 0 || message.reasoning_content.length === 0) && (message?.function_call === null || message?.function_call === void 0) && toolCalls.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
-    ] })
-  ] });
-});
-const OpenAIResponsesResponseView = reactExports.memo(function OpenAIResponsesResponseView2({
-  response,
-  toolFocus
-}) {
-  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,
-            toolIndex: i,
-            toolFocus
-          },
-          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);
-}
-function formatViewFor(apiFormat, response, toolFocus) {
-  if (apiFormat === "openai" && isOpenAIResponse(response)) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIResponseView, { response, toolFocus });
-  }
-  if (apiFormat === "openai" && isOpenAIResponsesResponse(response)) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(OpenAIResponsesResponseView, { response, toolFocus });
-  }
-  if (apiFormat === "anthropic" && isAnthropicResponse(response)) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(StructuredResponseViewAnthropic, { response, toolFocus });
-  }
-  return null;
-}
-function getStatusClasses(category) {
-  switch (category) {
-    case "success":
-      return "text-emerald-400";
-    case "client_error":
-      return "text-amber-400";
-    case "server_error":
-      return "text-red-400";
-    case "pending":
-      return "text-muted-foreground";
-  }
-}
-function StatusIndicator({ status }) {
-  const category = getStatusCategory(status);
-  const classes = getStatusClasses(category);
-  if (status === null) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground italic", children: "pending" });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: cn("flex items-center gap-1 text-xs font-mono font-semibold", classes), children: [
-    category === "server_error" && /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3" }),
-    status
-  ] });
-}
-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(AnswerMarkdown, { text });
-}
-const ResponseView = reactExports.memo(function ResponseView2({
-  responseText,
-  responseStatus,
-  streaming,
-  inputTokens,
-  outputTokens,
-  cacheCreationInputTokens,
-  cacheReadInputTokens,
-  apiFormat,
-  error,
-  focusedToolIndex = null,
-  toolFocusNonce = 0
-}) {
-  const resolvedFormat = apiFormat ?? "unknown";
-  const parsed = reactExports.useMemo(
-    () => getLogFormatAdapter(resolvedFormat).analyzeResponse(responseText).parsed,
-    [resolvedFormat, responseText]
-  );
-  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 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 ?? "" }),
-      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 }) })
-    ] });
-  }
-  if (parsed !== null) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
-      formatViewFor(resolvedFormat, parsed, { focusedToolIndex, toolFocusNonce })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIndicator, { status: responseStatus }),
-      streaming && (inputTokens !== null || outputTokens !== null) && /* @__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: [
-          inputTokens !== null ? formatTokens(inputTokens) : "—",
-          " in /",
-          " ",
-          outputTokens !== null ? formatTokens(outputTokens) : "—",
-          " out"
-        ] }),
-        cacheCreationInputTokens !== null && cacheCreationInputTokens !== void 0 && cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
-          "KV Cache +",
-          formatTokens(cacheCreationInputTokens)
-        ] }),
-        cacheReadInputTokens !== null && cacheReadInputTokens !== void 0 && cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
-          "KV Cache ~",
-          formatTokens(cacheReadInputTokens)
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownFallbackView, { text: responseText ?? "" })
-  ] });
-});
-export {
-  ResponseView
-};