@tonyclaw/agent-inspector 2.0.6 → 2.0.8

package/.output/server/_ssr/{ProxyViewerContainer-CYm2Dw19.mjs → ProxyViewerContainer-DiZjOTQT.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, r as requestFormatForPath, e as createPendingProviderTestResults, P as ProviderTestResultsSchema, f as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, h as ProviderConfigSchema, K as KnowledgeCandidateSchema, s as stripClaudeCodeBillingHeader, d as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-DGPt3MUc.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, a as DEFAULT_TIME_DISPLAY_FORMAT, b as RuntimeConfigSchema, r as requestFormatForPath, e as createPendingProviderTestResults, P as ProviderTestResultsSchema, f as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, h as ProviderConfigSchema, K as KnowledgeCandidateSchema, d as stripClaudeCodeBillingHeader, s as safeGetOwnProperty, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, c as AnthropicRequestSchema } from "./router-Bf0m6F0G.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -9,11 +9,14 @@ import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as P
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
-import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, i as Trash2, W as Wrench, j as TriangleAlert, B as Brain, k as EyeOff, l as Eye, R as RotateCw, m as Pencil, n as Minus, o as CircleCheckBig, p as CircleX, q as ShieldCheck, r as RefreshCw, s as Save, F as FileSearch, t as CircleCheck, u as CloudUpload, O as OctagonAlert, G as Globe, v as FileTerminal, w as Radio, x as ChevronsUp, y as ChevronsDown, z as FileDiff, H as History, I as RotateCcw, J as GitCompareArrows, K as CircleQuestionMark, N as Server, Q as Gauge, V as Lock, Y as Wifi, _ as WifiOff, $ as ArrowUp, a0 as ArrowDown, a1 as Rows3, a2 as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, i as Trash2, W as Wrench, j as TriangleAlert, B as Brain, k as EyeOff, l as Eye, R as RotateCw, m as Pencil, n as Minus, o as CircleCheckBig, p as CircleX, q as ShieldCheck, r as RefreshCw, s as Save, F as FileSearch, t as CircleCheck, u as CloudUpload, O as OctagonAlert, G as Globe, v as FileTerminal, w as Radio, x as ChevronsUp, y as ChevronsDown, z as FileDiff, H as History, I as RotateCcw, J as Search, K as GitCompareArrows, N as CircleQuestionMark, Q as Server, V as Gauge, Y as Lock, _ as Wifi, $ as WifiOff, a0 as ArrowUp, a1 as ArrowDown, a2 as Ellipsis, a3 as CodeXml, a4 as Blocks, a5 as MousePointerClick, a6 as FileText, a7 as Rows3, a8 as Columns2 } from "../_libs/lucide-react.mjs";
+import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
 import { R as Root2$1, L as List, T as Trigger$3, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
+import { R as Root$1, C as CollapsibleContent$1, a as CollapsibleTrigger$1 } from "../_libs/radix-ui__react-collapsible.mjs";
+import { R as Root$2, V as Viewport$1, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
 const ApiErrorSchema = object({
   error: string()
 });
@@ -295,7 +298,7 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
-const version = "2.0.6";
+const version = "2.0.8";
 const packageJson = {
   version
 };
@@ -1356,27 +1359,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-BQVNsAY2.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-C5NBvE2e.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-CaMQBc79.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-EpvTwFvp.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy--P5arRH2.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-DaQjhixp.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-RtFwNvgD.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-D8tGHCGY.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-B5HPkzab.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-DGQnb1QE.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-d4obyRaA.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => Promise.resolve().then(() => jsonViewer).then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-d4obyRaA.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => Promise.resolve().then(() => jsonViewer).then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -2041,6 +2044,642 @@ const LogEntryHeader = reactExports.memo(function({
     }
   ) });
 });
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Root$1, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleTrigger$1, { "data-slot": "collapsible-trigger", ...props });
+}
+function CollapsibleContent({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent$1, { "data-slot": "collapsible-content", ...props });
+}
+function classifyValue(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "array";
+  switch (typeof value) {
+    case "string":
+      return "string";
+    case "number":
+      return "number";
+    case "boolean":
+      return "boolean";
+    case "object":
+      return "object";
+    case "bigint":
+    case "symbol":
+    case "undefined":
+    case "function":
+      return "object";
+  }
+}
+function isExpandable(value) {
+  return value !== null && (Array.isArray(value) || typeof value === "object");
+}
+function getEntries(value) {
+  if (Array.isArray(value)) {
+    return value.map((item, index) => [String(index), item]);
+  }
+  if (typeof value === "object" && value !== null) {
+    return Object.entries(value);
+  }
+  return [];
+}
+const STRING_TRUNCATE_LIMIT = 120;
+function StringValue({ text }) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const isLong = text.length > STRING_TRUNCATE_LIMIT;
+  if (!isLong) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400 break-all", children: [
+      '"',
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "prose prose-sm dark:prose-invert inline max-w-none [&_p]:inline [&_p]:my-0 [&_code]:text-emerald-300 [&_a]:text-emerald-300", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) }),
+      '"'
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400 break-all", children: [
+    '"',
+    expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "span",
+      {
+        className: "cursor-pointer prose prose-sm dark:prose-invert inline max-w-none [&_p]:inline [&_p]:my-0 [&_code]:text-emerald-300 [&_a]:text-emerald-300",
+        onClick: (e) => {
+          e.stopPropagation();
+          setExpanded(false);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.stopPropagation();
+            setExpanded(false);
+          }
+        },
+        role: "button",
+        tabIndex: 0,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text })
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { delayDuration: 300, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        TooltipTrigger,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            setExpanded(true);
+          },
+          className: "text-left cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: text.slice(0, STRING_TRUNCATE_LIMIT) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-emerald-400/50", children: "…" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        TooltipContent,
+        {
+          side: "bottom",
+          className: "max-w-md text-xs p-2 break-words whitespace-pre-wrap",
+          children: [
+            text.slice(0, 500),
+            text.length > 500 ? "…" : ""
+          ]
+        }
+      )
+    ] }),
+    '"'
+  ] });
+}
+function PrimitiveValue({ value }) {
+  if (value === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-rose-400 italic", children: "null" });
+  }
+  switch (typeof value) {
+    case "string":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StringValue, { text: value });
+    case "number":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: value });
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: value ? "true" : "false" });
+    case "object":
+    case "bigint":
+    case "symbol":
+    case "undefined":
+    case "function":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: JSON.stringify(value) });
+  }
+}
+function CopyValueButton({ value }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  function handleCopy(e) {
+    e.stopPropagation();
+    void window.navigator.clipboard.writeText(JSON.stringify(value, null, 2)).then(() => {
+      setCopied(true);
+      setTimeout(() => {
+        setCopied(false);
+      }, 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "inline-flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground transition-colors",
+      title: "Copy JSON",
+      children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
+    }
+  );
+}
+function CopyButton({ value }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  function handleCopy(e) {
+    e.stopPropagation();
+    void window.navigator.clipboard.writeText(JSON.stringify(value, null, 2)).then(() => {
+      setCopied(true);
+      setTimeout(() => {
+        setCopied(false);
+      }, 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleCopy,
+      className: "opacity-0 group-hover/row:opacity-100 hover:bg-muted p-0.5 rounded transition-opacity shrink-0",
+      title: "Copy to clipboard",
+      children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-green-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3 text-muted-foreground" })
+    }
+  );
+}
+function ExpandCollapseButton({
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "opacity-0 group-hover/row:opacity-100 hover:bg-muted p-0.5 rounded transition-opacity shrink-0",
+      title: "Expand all descendants",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsDown, { className: "size-3.5 text-muted-foreground" })
+    }
+  );
+}
+const JsonNode = reactExports.memo(function JsonNode2({
+  name,
+  value,
+  level,
+  defaultExpandDepth,
+  isArrayItem,
+  path,
+  expandTargetPath,
+  anatomyPaths
+}) {
+  const isAncestorOfTarget = reactExports.useMemo(() => {
+    if (expandTargetPath === null) return false;
+    if (path === "") return expandTargetPath.length > 0;
+    return expandTargetPath === path || expandTargetPath.startsWith(`${path}/`);
+  }, [expandTargetPath, path]);
+  const initialExpanded = level < defaultExpandDepth || isAncestorOfTarget && isExpandable(value);
+  const [expanded, setExpanded] = reactExports.useState(initialExpanded);
+  reactExports.useEffect(() => {
+    if (isAncestorOfTarget && isExpandable(value) && !expanded) {
+      setExpanded(true);
+    }
+  }, [expandTargetPath]);
+  const [childResetKey, setChildResetKey] = reactExports.useState(0);
+  const [childDepthOverride, setChildDepthOverride] = reactExports.useState(null);
+  const expandable = isExpandable(value);
+  const fullyExpanded = childDepthOverride === Number.POSITIVE_INFINITY;
+  const entries = reactExports.useMemo(() => getEntries(value), [value]);
+  const hasExpandableChild = reactExports.useMemo(
+    () => entries.some(([, child]) => isExpandable(child)),
+    [entries]
+  );
+  const dataType = classifyValue(value);
+  const openBracket = dataType === "array" ? "[" : "{";
+  const closeBracket = dataType === "array" ? "]" : "}";
+  const hasAnatomyPath = anatomyPaths !== null && anatomyPaths.has(path);
+  function expandAllDeep() {
+    setExpanded(true);
+    setChildDepthOverride(Number.POSITIVE_INFINITY);
+    setChildResetKey((k) => k + 1);
+  }
+  function collapseToDefault() {
+    setExpanded(false);
+    setChildDepthOverride(0);
+    setChildResetKey((k) => k + 1);
+  }
+  function handleRowToggle() {
+    if (fullyExpanded) {
+      collapseToDefault();
+    } else {
+      setExpanded(!expanded);
+    }
+  }
+  function handleExpandAll(e) {
+    e.stopPropagation();
+    expandAllDeep();
+  }
+  const effectiveChildDepth = childDepthOverride ?? defaultExpandDepth;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(level > 0 && "border-l border-border/50 ml-2"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-start gap-1 py-0.5 px-1 -ml-1 rounded-sm group/row",
+          expandable && "cursor-pointer hover:bg-muted/50"
+        ),
+        "data-anatomy-path": hasAnatomyPath ? path : void 0,
+        onClick: expandable ? handleRowToggle : void 0,
+        onKeyDown: expandable ? (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleRowToggle();
+          }
+        } : void 0,
+        onDoubleClick: expandable && hasExpandableChild ? () => expandAllDeep() : void 0,
+        role: expandable ? "button" : void 0,
+        tabIndex: expandable ? 0 : void 0,
+        children: [
+          expandable ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-4 h-5 flex items-center justify-center shrink-0", children: expanded ? /* @__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: "w-4 shrink-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("shrink-0", isArrayItem ? "text-muted-foreground" : "text-cyan-400"), children: isArrayItem ? name : `"${name}"` }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground shrink-0", children: expandable ? "" : ":" }),
+          expandable ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
+            openBracket,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground/60 text-xs", children: [
+              " ",
+              entries.length,
+              " ",
+              entries.length === 1 ? "item" : "items",
+              " ",
+              closeBracket
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PrimitiveValue, { value }) }),
+          expandable && hasExpandableChild && !fullyExpanded && /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandCollapseButton, { onClick: handleExpandAll }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { value })
+        ]
+      }
+    ),
+    expandable && expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pl-4", children: [
+      entries.map(([key, childValue]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        JsonNode2,
+        {
+          name: key,
+          value: childValue,
+          level: level + 1,
+          defaultExpandDepth: effectiveChildDepth,
+          isArrayItem: dataType === "array",
+          path: path === "" ? `/${key}` : `${path}/${key}`,
+          expandTargetPath,
+          anatomyPaths
+        },
+        key
+      )),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground py-0.5 px-1", children: closeBracket })
+    ] }, childResetKey)
+  ] });
+});
+function JsonViewer({
+  data,
+  defaultExpandDepth = 0,
+  className,
+  showCopy = false,
+  bulkDepth: controlledBulkDepth,
+  bulkRevision: controlledBulkRevision,
+  anatomyPaths = null,
+  expandToPath = null
+}) {
+  const expandable = isExpandable(data);
+  const entries = reactExports.useMemo(() => getEntries(data), [data]);
+  const bulkDepth = controlledBulkDepth ?? defaultExpandDepth;
+  const bulkRevision = controlledBulkRevision ?? 0;
+  if (!expandable) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("font-mono text-xs leading-relaxed", className), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PrimitiveValue, { value: data }),
+      showCopy && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyValueButton, { value: data })
+    ] }) }) });
+  }
+  const dataType = classifyValue(data);
+  const isArray = dataType === "array";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("font-mono text-xs leading-relaxed", className), children: [
+    showCopy && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex items-center justify-end gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyValueButton, { value: data }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: entries.map(([key, childValue]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      JsonNode,
+      {
+        name: key,
+        value: childValue,
+        level: 0,
+        defaultExpandDepth: bulkDepth,
+        isArrayItem: isArray,
+        path: `/${key}`,
+        expandTargetPath: expandToPath,
+        anatomyPaths
+      },
+      key
+    )) }, bulkRevision)
+  ] }) });
+}
+const JsonViewerFromString = reactExports.memo(function JsonViewerFromString2({
+  text,
+  defaultExpandDepth = 0,
+  className,
+  bulkDepth,
+  bulkRevision
+}) {
+  const parsed = reactExports.useMemo(() => parseJsonText(text), [text]);
+  if (parsed.kind === "json") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      JsonViewer,
+      {
+        data: parsed.data,
+        defaultExpandDepth,
+        className,
+        bulkDepth,
+        bulkRevision
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: cn("font-mono text-xs whitespace-pre-wrap break-words", className), children: text });
+});
+const jsonViewer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  JsonViewer,
+  JsonViewerFromString
+}, Symbol.toStringTag, { value: "Module" }));
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Root$2,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Viewport$1,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+const CATEGORY_LABELS = {
+  file: "file",
+  shell: "shell",
+  browser: "browser",
+  web: "web",
+  mcp: "MCP",
+  code: "code",
+  other: "other"
+};
+const CATEGORY_CLASSES = {
+  file: "border-blue-400/20 bg-blue-400/5 text-blue-300",
+  shell: "border-teal-400/20 bg-teal-400/5 text-teal-300",
+  browser: "border-cyan-400/20 bg-cyan-400/5 text-cyan-300",
+  web: "border-sky-400/20 bg-sky-400/5 text-sky-300",
+  mcp: "border-violet-400/20 bg-violet-400/5 text-violet-300",
+  code: "border-emerald-400/20 bg-emerald-400/5 text-emerald-300",
+  other: "border-muted-foreground/20 bg-muted/30 text-muted-foreground"
+};
+function CategoryIcon({ category }) {
+  switch (category) {
+    case "file":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(FileText, { className: "size-3.5" });
+    case "shell":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5" });
+    case "browser":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(MousePointerClick, { className: "size-3.5" });
+    case "web":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-3.5" });
+    case "mcp":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Blocks, { className: "size-3.5" });
+    case "code":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeXml, { className: "size-3.5" });
+    case "other":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { className: "size-3.5" });
+  }
+}
+function RequiredParameters({ names }) {
+  if (names.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: "required" }),
+    names.slice(0, 4).map((name) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Badge,
+      {
+        variant: "outline",
+        className: "h-5 max-w-36 truncate rounded-md px-1.5 py-0 font-mono text-[10px]",
+        children: name
+      },
+      name
+    )),
+    names.length > 4 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-[10px] text-muted-foreground", children: [
+      "+",
+      names.length - 4
+    ] })
+  ] });
+}
+function ToolRow({ tool, called }) {
+  const [open, setOpen] = reactExports.useState(false);
+  const nameCopy = useCopyFeedback(tool.name);
+  const hasDetails = tool.description !== null || tool.requiredParameters.length > 0 || tool.schema !== null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border/60 bg-background/40", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2 px-2.5 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "flex min-w-0 flex-1 items-center gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          onClick: () => setOpen((value) => !value),
+          "aria-expanded": open,
+          disabled: !hasDetails,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CategoryIcon, { category: tool.category }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono text-xs font-semibold text-foreground/90", children: tool.name }),
+            called && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "h-5 rounded-md border-emerald-400/20 bg-emerald-400/5 px-1.5 py-0 text-[10px] text-emerald-300",
+                children: "called"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-[10px] text-muted-foreground", children: [
+              tool.parameterCount,
+              " params"
+            ] }),
+            tool.descriptionPreview !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden min-w-0 truncate text-xs text-muted-foreground md:inline", children: tool.descriptionPreview }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1" }),
+            hasDetails && (open ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground" }))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex size-7 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          onClick: nameCopy.copy,
+          "aria-label": nameCopy.copied ? "Copied tool name" : "Copy tool name",
+          children: nameCopy.copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-border/60 px-2.5 py-2", children: [
+      tool.description !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: tool.description }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredParameters, { names: tool.requiredParameters }),
+      tool.schema !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-64 rounded-md border border-border/60 bg-muted/20 p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(tool.schema), defaultExpandDepth: 0 }) })
+    ] }) })
+  ] }) });
+}
+function matchesQuery(tool, query) {
+  if (query.length === 0) return true;
+  const haystack = `${tool.name} ${tool.description ?? ""} ${CATEGORY_LABELS[tool.category]}`.toLowerCase().trim();
+  return haystack.includes(query);
+}
+const RequestTools = reactExports.memo(function RequestTools2({
+  summary,
+  calledToolNames
+}) {
+  const [expanded, setExpanded] = reactExports.useState(false);
+  const [query, setQuery] = reactExports.useState("");
+  const calledNames = reactExports.useMemo(() => new Set(calledToolNames), [calledToolNames]);
+  const normalizedQuery = query.trim().toLowerCase();
+  const visibleTools = reactExports.useMemo(
+    () => summary === null ? [] : summary.tools.filter((tool) => matchesQuery(tool, normalizedQuery)),
+    [normalizedQuery, summary]
+  );
+  if (summary === null) return null;
+  const previewTools = summary.tools.slice(0, 6);
+  const hiddenPreviewCount = summary.tools.length - previewTools.length;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mb-3 rounded-lg border border-border/70 bg-muted/20", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-4 shrink-0 text-sky-300/80" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground", children: "Request Tools" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "h-5 rounded-md px-1.5 py-0 font-mono text-[10px]", children: summary.tools.length }),
+            summary.toolChoiceLabel !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Badge,
+              {
+                variant: "outline",
+                className: "h-5 rounded-md px-1.5 py-0 font-mono text-[10px] text-muted-foreground",
+                children: [
+                  "tool_choice: ",
+                  summary.toolChoiceLabel
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 flex min-w-0 flex-wrap gap-1", children: summary.categories.map((category) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Badge,
+            {
+              variant: "outline",
+              className: cn(
+                "h-5 rounded-md px-1.5 py-0 font-mono text-[10px]",
+                CATEGORY_CLASSES[category.category]
+              ),
+              children: [
+                category.count,
+                " ",
+                CATEGORY_LABELS[category.category]
+              ]
+            },
+            category.category
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          className: "h-7 px-2",
+          onClick: () => setExpanded((value) => !value),
+          "aria-expanded": expanded,
+          children: [
+            expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5" }),
+            expanded ? "Hide" : "Show"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap gap-1.5 border-t border-border/60 px-3 py-2", children: [
+      previewTools.map((tool) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Badge,
+        {
+          variant: "outline",
+          className: cn(
+            "h-5 max-w-44 truncate rounded-md px-1.5 py-0 font-mono text-[10px]",
+            calledNames.has(tool.name) && "border-emerald-400/20 text-emerald-300"
+          ),
+          children: tool.name
+        },
+        tool.name
+      )),
+      hiddenPreviewCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono text-[10px] leading-5 text-muted-foreground", children: [
+        "+",
+        hiddenPreviewCount
+      ] })
+    ] }),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-border/60 px-3 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex h-8 items-center gap-2 rounded-md border border-border/70 bg-background/50 px-2 text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            value: query,
+            onChange: (event) => setQuery(event.target.value),
+            placeholder: "Filter tools",
+            className: "min-w-0 flex-1 bg-transparent font-mono text-xs outline-none placeholder:text-muted-foreground/70"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-1.5", children: visibleTools.length > 0 ? visibleTools.map((tool) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolRow, { tool, called: calledNames.has(tool.name) }, tool.name)) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "py-2 text-xs text-muted-foreground", children: "No matching tools" }) })
+    ] })
+  ] });
+});
 function forEachCodePoint(text, visit) {
   for (const ch of Array.from(text)) {
     visit(ch);
@@ -2356,6 +2995,169 @@ function shouldShowHeadersDiffButton(viewMode, hasRawHeaders) {
 function shouldShowRequestDiffButton(apiFormat, viewMode, strip, hasRawRequest) {
   return apiFormat === "anthropic" && viewMode === "full" && strip && hasRawRequest;
 }
+const CATEGORY_ORDER = [
+  "file",
+  "shell",
+  "browser",
+  "web",
+  "mcp",
+  "code",
+  "other"
+];
+function firstTextSlice(value) {
+  const normalized = value.replace(/\s+/g, " ").trim();
+  if (normalized.length <= 120) return normalized;
+  return `${normalized.slice(0, 119)}...`;
+}
+function previewDescription(description) {
+  if (description === null) return null;
+  const normalized = description.replace(/\s+/g, " ").trim();
+  if (normalized.length === 0) return null;
+  const sentenceEnd = normalized.search(/[.!?。！？]/);
+  if (sentenceEnd >= 24) return firstTextSlice(normalized.slice(0, sentenceEnd + 1));
+  return firstTextSlice(normalized);
+}
+function lowerHaystack(name, description) {
+  return `${name} ${description ?? ""}`.toLowerCase();
+}
+function includesAny(value, needles) {
+  return needles.some((needle) => value.includes(needle));
+}
+function categorizeTool(name, description) {
+  const haystack = lowerHaystack(name, description);
+  if (name.startsWith("mcp__") || name.startsWith("inspector_") || includesAny(haystack, [" mcp", "model context protocol"])) {
+    return "mcp";
+  }
+  if (includesAny(haystack, ["bash", "shell", "terminal", "command", "powershell", "exec", "process"])) {
+    return "shell";
+  }
+  if (includesAny(haystack, [
+    "browser",
+    "playwright",
+    "screenshot",
+    "click",
+    "navigate",
+    "page",
+    "tab"
+  ])) {
+    return "browser";
+  }
+  if (includesAny(haystack, [
+    "read",
+    "write",
+    "edit",
+    "file",
+    "glob",
+    "grep",
+    "patch",
+    "filesystem",
+    "directory"
+  ])) {
+    return "file";
+  }
+  if (includesAny(haystack, ["web", "search", "http", "url", "fetch"])) {
+    return "web";
+  }
+  if (includesAny(haystack, ["code", "typescript", "javascript", "python", "repl"])) {
+    return "code";
+  }
+  return "other";
+}
+function parameterNames(schema) {
+  const properties = safeGetOwnProperty(schema, "properties");
+  if (properties === null || typeof properties !== "object" || Array.isArray(properties)) {
+    return [];
+  }
+  return Object.keys(properties).sort((a, b) => a.localeCompare(b));
+}
+function requiredParameterNames(schema) {
+  const required = safeGetOwnProperty(schema, "required");
+  if (!Array.isArray(required)) return [];
+  const names = [];
+  for (const item of required) {
+    if (typeof item === "string" && item.length > 0) names.push(item);
+  }
+  return names.sort((a, b) => a.localeCompare(b));
+}
+function parseAnthropicTool(tool) {
+  const name = safeGetOwnProperty(tool, "name");
+  if (typeof name !== "string" || name.length === 0) return null;
+  const description = safeGetOwnProperty(tool, "description");
+  const schema = safeGetOwnProperty(tool, "input_schema") ?? null;
+  const normalizedDescription = typeof description === "string" ? description : null;
+  return {
+    name,
+    description: normalizedDescription,
+    descriptionPreview: previewDescription(normalizedDescription),
+    category: categorizeTool(name, normalizedDescription),
+    parameterCount: parameterNames(schema).length,
+    requiredParameters: requiredParameterNames(schema),
+    schema
+  };
+}
+function parseOpenAITool(tool) {
+  const fn = safeGetOwnProperty(tool, "function");
+  const name = safeGetOwnProperty(fn, "name");
+  if (typeof name !== "string" || name.length === 0) return null;
+  const description = safeGetOwnProperty(fn, "description");
+  const schema = safeGetOwnProperty(fn, "parameters") ?? null;
+  const normalizedDescription = typeof description === "string" ? description : null;
+  return {
+    name,
+    description: normalizedDescription,
+    descriptionPreview: previewDescription(normalizedDescription),
+    category: categorizeTool(name, normalizedDescription),
+    parameterCount: parameterNames(schema).length,
+    requiredParameters: requiredParameterNames(schema),
+    schema
+  };
+}
+function parseTool(tool) {
+  const openAITool = parseOpenAITool(tool);
+  if (openAITool !== null) return openAITool;
+  return parseAnthropicTool(tool);
+}
+function formatToolChoice(choice) {
+  if (choice === void 0 || choice === null) return null;
+  if (typeof choice === "string") return choice;
+  const type = safeGetOwnProperty(choice, "type");
+  const name = safeGetOwnProperty(choice, "name");
+  const fnName = safeGetOwnProperty(safeGetOwnProperty(choice, "function"), "name");
+  if (typeof type === "string" && typeof fnName === "string" && fnName.length > 0) {
+    return `${type}: ${fnName}`;
+  }
+  if (typeof type === "string" && typeof name === "string" && name.length > 0) {
+    return `${type}: ${name}`;
+  }
+  if (typeof type === "string") return type;
+  const encoded = JSON.stringify(choice);
+  return encoded === void 0 ? null : firstTextSlice(encoded);
+}
+function summarizeCategories(tools) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const tool of tools) {
+    counts.set(tool.category, (counts.get(tool.category) ?? 0) + 1);
+  }
+  return CATEGORY_ORDER.flatMap((category) => {
+    const count = counts.get(category) ?? 0;
+    return count > 0 ? [{ category, count }] : [];
+  });
+}
+function parseRequestTools(parsed) {
+  const rawTools = safeGetOwnProperty(parsed, "tools");
+  if (!Array.isArray(rawTools) || rawTools.length === 0) return null;
+  const tools = [];
+  for (const rawTool of rawTools) {
+    const tool = parseTool(rawTool);
+    if (tool !== null) tools.push(tool);
+  }
+  if (tools.length === 0) return null;
+  return {
+    tools,
+    toolChoiceLabel: formatToolChoice(safeGetOwnProperty(parsed, "tool_choice")),
+    categories: summarizeCategories(tools)
+  };
+}
 function TabFallback() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1", "aria-hidden": "true" });
 }
@@ -2422,6 +3224,10 @@ const LogEntry = reactExports.memo(function({
     () => adapter.analyzeRequest(log.rawRequestBody),
     [adapter, log.rawRequestBody]
   );
+  const responseAnalysis = reactExports.useMemo(
+    () => adapter.analyzeResponse(log.responseText),
+    [adapter, log.responseText]
+  );
   const strippedRequestBody = reactExports.useMemo(() => {
     if (!strip || resolvedFormat !== "anthropic" || log.rawRequestBody === null) {
       return null;
@@ -2533,6 +3339,10 @@ const LogEntry = reactExports.memo(function({
     () => requestExpansion.parsedData !== null ? adapter.anatomySegments(requestExpansion.parsedData) : null,
     [adapter, requestExpansion.parsedData]
   );
+  const requestTools = reactExports.useMemo(
+    () => parseRequestTools(requestExpansion.parsedData),
+    [requestExpansion.parsedData]
+  );
   const anatomyPaths = reactExports.useMemo(() => {
     if (anatomySegments === null) return void 0;
     return new Set(anatomySegments.map((s) => s.path));
@@ -2568,9 +3378,9 @@ const LogEntry = reactExports.memo(function({
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "mx-4 mt-2", children: [
           viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw-headers", children: "Raw Headers" }),
           viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "headers", children: "Headers" }),
+          anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "anatomy", children: "Context" }),
           shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw-request", children: "Raw Request" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "request", children: "Request" }),
-          anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "anatomy", children: "Context" }),
           viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" })
         ] }),
@@ -2582,28 +3392,38 @@ const LogEntry = reactExports.memo(function({
             bulkRevision: rawRequestExpansion.bulkRevision
           }
         ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap break-words", children: log.rawRequestBody }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: activeTab === "request" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pt-1 pb-3", children: requestDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          RequestDiffContent,
-          {
-            rawBody: log.rawRequestBody,
-            displayedBody: displayedRequestBody,
-            emptyLabel: "No transformation applied; raw and sent request bodies are identical."
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: requestJsonRef, children: displayedRequestBody === null ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" }) : requestExpansion.parsedData !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          LazyJsonViewer,
-          {
-            data: requestExpansion.parsedData,
-            bulkDepth: requestExpansion.bulkDepth,
-            bulkRevision: requestExpansion.bulkRevision,
-            anatomyPaths,
-            expandToPath
-          }
-        ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap break-words", children: displayedRequestBody }) }) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: activeTab === "request" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pt-1 pb-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            RequestTools,
+            {
+              summary: requestTools,
+              calledToolNames: responseAnalysis.toolNames ?? []
+            }
+          ),
+          requestDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            RequestDiffContent,
+            {
+              rawBody: log.rawRequestBody,
+              displayedBody: displayedRequestBody,
+              emptyLabel: "No transformation applied; raw and sent request bodies are identical."
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: requestJsonRef, children: displayedRequestBody === null ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" }) : requestExpansion.parsedData !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            LazyJsonViewer,
+            {
+              data: requestExpansion.parsedData,
+              bulkDepth: requestExpansion.bulkDepth,
+              bulkRevision: requestExpansion.bulkRevision,
+              anatomyPaths,
+              expandToPath
+            }
+          ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap break-words", children: displayedRequestBody }) })
+        ] }) }),
         anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "anatomy", children: activeTab === "anatomy" && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           LazyRequestAnatomy,
           {
-            parsed: null,
+            parsed: requestExpansion.parsedData,
             inputTokens: log.inputTokens ?? null,
+            model: log.model,
             segments: anatomySegments,
             onSegmentActivate: jumpToAnatomySegment
           }
@@ -7014,8 +7834,11 @@ function ProxyViewerContainer({
 }
 export {
   Badge as B,
+  Collapsible as C,
   Dialog as D,
+  JsonViewerFromString as J,
   ProxyViewerContainer as P,
+  ScrollArea as S,
   Tabs as T,
   getConversationId as a,
   DialogContent as b,
@@ -7033,8 +7856,10 @@ export {
   TooltipContent as n,
   Button as o,
   getStatusCategory as p,
-  parseJsonText as q,
+  CollapsibleTrigger as q,
   resolveLogFormat as r,
-  safeJsonValue as s,
-  useProviders as u
+  CollapsibleContent as s,
+  JsonViewer as t,
+  useProviders as u,
+  safeJsonValue as v
 };