@tonyclaw/agent-inspector 2.0.35 → 2.0.37

package/.output/server/_ssr/{ProxyViewerContainer-DtQxtOpi.mjs → ProxyViewerContainer-D6xM8A0S.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_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, v as packageJson, h as GroupEvidenceExportResultSchema, i as DeleteInspectorGroupResponseSchema, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, l as createPendingProviderTestResults, n as ProviderTestResultsSchema, o as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, q as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, j as providerHasContextMetadata, k as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, t as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, u as isPlainRecord, G as GroupEvidenceReadResponseSchema, I as InspectorGroupsListResponseSchema } from "./router-aVeuM_1d.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, v as packageJson, h as GroupEvidenceExportResultSchema, i as DeleteInspectorGroupResponseSchema, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, l as createPendingProviderTestResults, n as ProviderTestResultsSchema, o as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, q as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, j as providerHasContextMetadata, k as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, t as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, u as isPlainRecord, G as GroupEvidenceReadResponseSchema, I as InspectorGroupsListResponseSchema } from "./router-Ca2MCyUX.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,7 +9,7 @@ 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 useWindowVirtualizer, a 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, L as Layers, a as LoaderCircle, R as RefreshCw, S as Settings, A as ArrowLeft, b as Copy, c as ChevronDown, T as Trash2, U as Upload, d as Scan, e as CircleAlert, f as Terminal, g as ChevronUp, E as EyeOff, h as Eye, i as ExternalLink, j as RotateCw, k as Clock, l as ChevronRight, m as Pencil, n as ArrowUpRight, o as ArrowDownRight, p as User, M as MessageSquare, Z as Zap, W as Wrench, q as TriangleAlert, B as Brain, r as Minus, s as CircleCheckBig, t as CircleX, u as ShieldCheck, v as Save, F as FileSearch, w as CircleCheck, x as CloudUpload, O as OctagonAlert, y as Radio, G as Gauge, z as Globe, H as FileTerminal, I as ChevronsUp, J as ChevronsDown, K as FileDiff, N as History, Q as RotateCcw, V as Search, Y as GitCompareArrows, _ as CircleQuestionMark, $ as Server, a0 as Lock, a1 as Wifi, a2 as WifiOff, a3 as ArrowUp, a4 as ArrowDown, a5 as Ellipsis, a6 as CodeXml, a7 as Blocks, a8 as MousePointerClick, a9 as FileText, aa as Rows3, ab as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, F as FileBraces, T as Trash2, L as Layers, a as LoaderCircle, R as RefreshCw, S as Settings, A as ArrowLeft, b as Copy, c as ChevronDown, U as Upload, d as Scan, e as CircleAlert, f as Terminal, g as ChevronUp, E as EyeOff, h as Eye, i as ExternalLink, j as RotateCw, k as Clock, l as ChevronRight, m as Pencil, n as ArrowUpRight, o as ArrowDownRight, p as User, M as MessageSquare, Z as Zap, W as Wrench, q as TriangleAlert, B as Brain, r as Minus, s as CircleCheckBig, t as CircleX, u as ShieldCheck, v as Save, w as FileSearch, x as CircleCheck, y as CloudUpload, O as OctagonAlert, z as Radio, G as Gauge, H as Globe, I as FileTerminal, J as ChevronsUp, K as ChevronsDown, N as FileDiff, Q as History, V as RotateCcw, Y as Search, _ as GitCompareArrows, $ as CircleQuestionMark, a0 as Server, a1 as Lock, a2 as Wifi, a3 as WifiOff, a4 as ArrowUp, a5 as ArrowDown, a6 as Ellipsis, a7 as CodeXml, a8 as Blocks, a9 as MousePointerClick, aa as FileText, ab as Rows3, ac 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";
@@ -700,264 +700,573 @@ function ConfirmDialog({
     ] })
   ] }) });
 }
-const API_FORMAT_LABELS = {
-  anthropic: "Anthropic",
-  openai: "OpenAI",
-  unknown: "Unknown"
-};
-function ConversationHeader({
-  conversationId,
-  startTime,
-  endTime,
-  totalCalls,
-  totalInputTokens,
-  totalOutputTokens,
-  apiFormat,
-  expanded,
-  onToggle,
-  hideApiFormat = false,
-  isLoading = false,
-  userAgent,
-  timeDisplayFormat,
-  onClear
-}) {
-  const [confirmOpen, setConfirmOpen] = reactExports.useState(false);
-  const handleClearClick = (e) => {
-    e.stopPropagation();
-    if (onClear === void 0) return;
-    setConfirmOpen(true);
+function forEachCodePoint(text, visit) {
+  for (const ch of Array.from(text)) {
+    visit(ch);
+  }
+}
+const CJK_REGEX = /[\u3000-\u9FFF\uAC00-\uD7FF\uF900-\uFAFF\uFF00-\uFFEF\u{1F300}-\u{1FAFF}]/u;
+function estimateTokens(text) {
+  if (text.length === 0) return 0;
+  let cjk = 0;
+  let other = 0;
+  forEachCodePoint(text, (ch) => {
+    if (CJK_REGEX.test(ch)) {
+      cjk += 1;
+    } else {
+      other += 1;
+    }
+  });
+  return Math.ceil(cjk * 1) + Math.ceil(other / 4);
+}
+function countCharacters(text) {
+  if (text.length === 0) return 0;
+  let n = 0;
+  forEachCodePoint(text, () => {
+    n += 1;
+  });
+  return n;
+}
+function emptyRequestAnalysis(rawBody) {
+  return {
+    parsed: null,
+    comparisonValue: rawBody,
+    messageCount: null,
+    toolCount: null
   };
-  const handleOpenInNewTab = reactExports.useCallback(
-    (e) => {
-      e.stopPropagation();
-      window.open(getSessionPath(conversationId), "_blank", "noopener,noreferrer");
-    },
-    [conversationId]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      "data-nav-id": `conv-${conversationId}`,
-      "data-nav-action": expanded ? "collapse" : "expand",
-      className: cn(
-        "flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors",
-        "hover:bg-muted/50",
-        "select-none",
-        "border border-border rounded-lg mb-2 bg-background sticky top-0 z-10",
-        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none"
-      ),
-      onClick: onToggle,
-      onKeyDown: (e) => {
-        if (e.target !== e.currentTarget) return;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onToggle();
-        }
-      },
-      children: [
-        expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 text-muted-foreground shrink-0" }) : isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 text-muted-foreground shrink-0" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            className: "text-purple-400/90 font-mono text-xs font-semibold shrink-0",
-            title: conversationId,
-            children: conversationId.startsWith("PID:") || conversationId.includes("|") ? conversationId : conversationId.length > 24 ? conversationId.slice(0, 12) + "..." + conversationId.slice(-12) : conversationId
-          }
-        ),
-        userAgent !== null && userAgent !== void 0 && userAgent !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "span",
-          {
-            className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0",
-            title: userAgent,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(User, { className: "size-3" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[120px]", children: userAgent })
-            ]
-          }
-        ),
-        !hideApiFormat && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Badge,
-          {
-            variant: "outline",
-            className: cn(
-              "text-[10px] px-1.5 py-0 h-5 font-mono shrink-0",
-              apiFormat === "openai" && "border-blue-500/40 text-blue-400",
-              apiFormat === "anthropic" && "border-orange-500/40 text-orange-400",
-              apiFormat === "unknown" && "border-muted text-muted-foreground"
-            ),
-            children: API_FORMAT_LABELS[apiFormat]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatTimestampRange(startTime, endTime, timeDisplayFormat) })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
-            totalCalls,
-            " call",
-            totalCalls !== 1 ? "s" : ""
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: formatTokens(totalInputTokens) }),
-            " / ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: formatTokens(totalOutputTokens) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleOpenInNewTab,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                handleOpenInNewTab(e);
-              }
-            },
-            "aria-label": `Open session ${conversationId} in a new tab`,
-            title: "Open this session in a new tab",
-            className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 inline-flex items-center justify-center size-8 rounded hover:bg-muted cursor-pointer",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3.5" })
-          }
-        ),
-        onClear !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleClearClick,
-            "aria-label": `Clear group (${totalCalls} request${totalCalls !== 1 ? "s" : ""})`,
-            title: "Clear this group",
-            className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 inline-flex items-center justify-center size-8 rounded hover:bg-muted cursor-pointer",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ConfirmDialog,
-          {
-            open: confirmOpen,
-            onOpenChange: setConfirmOpen,
-            title: "Clear this group?",
-            description: `This will remove ${totalCalls} request${totalCalls !== 1 ? "s" : ""} from this conversation. This action cannot be undone.`,
-            confirmLabel: "Clear",
-            variant: "destructive",
-            onConfirm: () => {
-              onClear?.();
+}
+const EMPTY_RESPONSE_ANALYSIS = {
+  parsed: null,
+  toolNames: null
+};
+function contentToText$1(content) {
+  if (typeof content === "string") return content;
+  if (!Array.isArray(content)) return "";
+  const parts = [];
+  for (const block of content) {
+    if (block === null || typeof block !== "object") continue;
+    const b = block;
+    const type = b.type;
+    switch (type) {
+      case "text":
+        if (typeof b.text === "string") parts.push(b.text);
+        break;
+      case "thinking":
+      case "think":
+        if (typeof b.thinking === "string") parts.push(b.thinking);
+        break;
+      case "tool_use": {
+        const name = typeof b.name === "string" ? b.name : "";
+        const input = b.input !== void 0 ? JSON.stringify(b.input) : "";
+        parts.push(`${name} ${input}`.trim());
+        break;
+      }
+      case "tool_result": {
+        const inner = b.content;
+        if (typeof inner === "string") {
+          parts.push(inner);
+        } else if (Array.isArray(inner)) {
+          for (const item of inner) {
+            if (item !== null && typeof item === "object") {
+              const t = item.text;
+              if (typeof t === "string") parts.push(t);
             }
           }
-        )
-      ]
+        }
+        break;
+      }
+      case "image":
+        parts.push("[image]");
+        break;
     }
-  );
+  }
+  return parts.join("\n");
 }
-function getGroupApiFormat(logs) {
-  const firstNonUnknown = logs.find((l) => l.apiFormat !== "unknown");
-  if (firstNonUnknown !== void 0) {
-    return firstNonUnknown.apiFormat;
+function systemToText(system) {
+  if (typeof system === "string") return system;
+  if (!Array.isArray(system)) return "";
+  const parts = [];
+  for (const block of system) {
+    if (block !== null && typeof block === "object") {
+      const t = block.text;
+      const type = block.type;
+      if (type === "text" && typeof t === "string") parts.push(t);
+    }
   }
-  return logs[0]?.apiFormat ?? "unknown";
+  return parts.join("\n");
 }
-function hasMixedApiFormat(logs) {
-  let hasAnthropic = false;
-  let hasOpenai = false;
-  for (const log of logs) {
-    if (log.apiFormat === "anthropic") hasAnthropic = true;
-    else if (log.apiFormat === "openai") hasOpenai = true;
-    if (hasAnthropic && hasOpenai) return true;
+function toolsToText$1(tools) {
+  if (!Array.isArray(tools)) return "";
+  const parts = [];
+  for (const tool of tools) {
+    if (tool === null || typeof tool !== "object") continue;
+    const t = tool;
+    if (typeof t.name === "string") parts.push(t.name);
+    if (typeof t.description === "string") parts.push(t.description);
+    if (t.input_schema !== void 0) parts.push(JSON.stringify(t.input_schema));
   }
-  return false;
+  return parts.join("\n");
 }
-function getConversationId(log) {
-  if (log.isTest === true) return "provider-test";
-  if (log.sessionId !== null && log.sessionId !== "" && log.sessionId !== void 0) {
-    return log.sessionId;
+function segment$1(role, label, text, path) {
+  return {
+    role,
+    label,
+    text,
+    size: estimateTokens(text),
+    characters: countCharacters(text),
+    path
+  };
+}
+const anthropicLogFormatAdapter = {
+  format: "anthropic",
+  analyzeRequest(rawBody) {
+    if (rawBody === null) return emptyRequestAnalysis(rawBody);
+    try {
+      const result = AnthropicRequestSchema.safeParse(JSON.parse(rawBody));
+      if (!result.success) return emptyRequestAnalysis(rawBody);
+      return {
+        parsed: result.data,
+        comparisonValue: result.data,
+        messageCount: result.data.messages.length,
+        toolCount: result.data.tools !== void 0 && result.data.tools.length > 0 ? result.data.tools.length : null
+      };
+    } catch {
+      return emptyRequestAnalysis(rawBody);
+    }
+  },
+  analyzeResponse(responseText) {
+    if (responseText === null) return EMPTY_RESPONSE_ANALYSIS;
+    try {
+      let json = JSON.parse(responseText);
+      if (typeof json === "string") json = JSON.parse(json);
+      const result = AnthropicResponseSchema$1.safeParse(json);
+      if (!result.success) return EMPTY_RESPONSE_ANALYSIS;
+      const toolNames = result.data.content.filter((block) => block.type === "tool_use").map((block) => block.name);
+      return {
+        parsed: result.data,
+        toolNames: toolNames.length > 0 ? toolNames : null
+      };
+    } catch {
+      return EMPTY_RESPONSE_ANALYSIS;
+    }
+  },
+  anatomySegments(parsed) {
+    if (parsed === null || typeof parsed !== "object") return null;
+    const body = parsed;
+    const segments = [];
+    if (body.system !== void 0) {
+      const text = systemToText(body.system);
+      if (text.length > 0) {
+        segments.push(segment$1("system", "system", text, "/system"));
+      }
+    }
+    if (Array.isArray(body.messages)) {
+      body.messages.forEach((message, index) => {
+        if (message === null || typeof message !== "object") return;
+        const m = message;
+        const role = m.role === "user" || m.role === "assistant" ? m.role : "user";
+        const text = contentToText$1(m.content);
+        segments.push(segment$1(role, `[${index}] ${role}`, text, `/messages/${index}`));
+      });
+    }
+    if (Array.isArray(body.tools) && body.tools.length > 0) {
+      const text = toolsToText$1(body.tools);
+      segments.push(segment$1("tools", "tools", text, "/tools"));
+    }
+    return segments.length > 0 ? segments : null;
   }
-  const hasPid = log.clientPid !== null && log.clientPid !== void 0;
-  const hasFolder = log.clientProjectFolder !== null && log.clientProjectFolder !== void 0;
-  if (!hasPid && !hasFolder) return "default";
-  const pid = hasPid ? `PID:${log.clientPid}` : "unknown";
-  const folder = hasFolder ? log.clientProjectFolder : "no-folder";
-  return `${pid}|${folder}`;
+};
+function contentToText(content) {
+  if (typeof content === "string") return content;
+  if (!Array.isArray(content)) return "";
+  const parts = [];
+  for (const block of content) {
+    if (block === null || typeof block !== "object") continue;
+    const b = block;
+    const type = b.type;
+    if (type === "text" && typeof b.text === "string") {
+      parts.push(b.text);
+    } else if (type === "image_url") {
+      parts.push("[image]");
+    }
+  }
+  return parts.join("\n");
 }
-function groupLogsByConversation(logs) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const log of logs) {
-    const convId = getConversationId(log);
-    const existing = groups.get(convId);
-    if (existing !== void 0) {
-      existing.push(log);
-    } else {
-      groups.set(convId, [log]);
+function messageToText(message) {
+  const parts = [];
+  const text = contentToText(message.content);
+  if (text.length > 0) parts.push(text);
+  const reasoning = typeof message.reasoning_content === "string" ? message.reasoning_content : typeof message.thinking === "string" ? message.thinking : typeof message.think === "string" ? message.think : "";
+  if (reasoning.length > 0) parts.push(reasoning);
+  const toolCalls = message.tool_calls;
+  if (Array.isArray(toolCalls)) {
+    for (const call of toolCalls) {
+      if (call === null || typeof call !== "object") continue;
+      const fn = call.function;
+      if (fn === void 0) continue;
+      const name = typeof fn.name === "string" ? fn.name : "";
+      const args = typeof fn.arguments === "string" ? fn.arguments : "";
+      parts.push(`${name} ${args}`.trim());
     }
   }
-  const result = [];
-  for (const [conversationId, groupLogs] of groups) {
-    const sorted = [...groupLogs].sort((a, b) => a.timestamp.localeCompare(b.timestamp));
-    result.push({
-      id: conversationId,
-      conversationId,
-      logs: sorted
-    });
+  return parts.join("\n");
+}
+function toolsToText(tools) {
+  if (!Array.isArray(tools)) return "";
+  const parts = [];
+  for (const tool of tools) {
+    if (tool === null || typeof tool !== "object") continue;
+    const t = tool;
+    const fn = t.function;
+    if (fn === void 0) continue;
+    if (typeof fn.name === "string") parts.push(fn.name);
+    if (typeof fn.description === "string") parts.push(fn.description);
+    if (fn.parameters !== void 0) parts.push(JSON.stringify(fn.parameters));
   }
-  result.sort((a, b) => (a.logs[0]?.timestamp ?? "").localeCompare(b.logs[0]?.timestamp ?? ""));
-  return result;
+  return parts.join("\n");
 }
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
+function segment(role, label, text, path) {
+  return {
+    role,
+    label,
+    text,
+    size: estimateTokens(text),
+    characters: countCharacters(text),
+    path
+  };
 }
-function extractStopReason(log) {
-  if (log.responseText === null) return null;
-  try {
-    let json = JSON.parse(log.responseText);
-    if (typeof json === "string") {
-      json = JSON.parse(json);
+const openAILogFormatAdapter = {
+  format: "openai",
+  analyzeRequest(rawBody) {
+    if (rawBody === null) return emptyRequestAnalysis(rawBody);
+    try {
+      const result = OpenAIRequestSchema.safeParse(JSON.parse(rawBody));
+      if (!result.success) return emptyRequestAnalysis(rawBody);
+      return {
+        parsed: result.data,
+        comparisonValue: result.data,
+        messageCount: result.data.messages.length,
+        toolCount: result.data.tools !== void 0 && result.data.tools.length > 0 ? result.data.tools.length : null
+      };
+    } catch {
+      return emptyRequestAnalysis(rawBody);
     }
-    if (!isRecord(json)) return null;
-    if (typeof json.stop_reason === "string") {
-      if (json.stop_reason === "end_turn" || json.stop_reason === "tool_use") {
-        return json.stop_reason;
-      }
-      return null;
+  },
+  analyzeResponse(responseText) {
+    if (responseText === null) return EMPTY_RESPONSE_ANALYSIS;
+    const parsed = parseOpenAIResponse(responseText);
+    if (parsed === null) return EMPTY_RESPONSE_ANALYSIS;
+    const toolNames = parsed.choices[0]?.message?.tool_calls?.map((toolCall) => toolCall.function?.name ?? "").filter((name) => name !== "") ?? [];
+    return {
+      parsed,
+      toolNames: toolNames.length > 0 ? toolNames : null
+    };
+  },
+  anatomySegments(parsed) {
+    if (parsed === null || typeof parsed !== "object") return null;
+    const body = parsed;
+    const segments = [];
+    if (Array.isArray(body.messages)) {
+      body.messages.forEach((message, index) => {
+        if (message === null || typeof message !== "object") return;
+        const m = message;
+        const role = m.role === "user" || m.role === "assistant" || m.role === "system" || m.role === "tool" ? m.role : "user";
+        const text = messageToText(m);
+        segments.push(segment(role, `[${index}] ${role}`, text, `/messages/${index}`));
+      });
     }
-    if (Array.isArray(json.choices) && json.choices.length > 0 && isRecord(json.choices[0]) && typeof json.choices[0].finish_reason === "string" && json.choices[0].finish_reason === "stop") {
-      return "stop";
+    if (Array.isArray(body.tools) && body.tools.length > 0) {
+      const text = toolsToText(body.tools);
+      segments.push(segment("tools", "tools", text, "/tools"));
     }
-    return null;
-  } catch {
+    return segments.length > 0 ? segments : null;
+  }
+};
+const unknownLogFormatAdapter = {
+  format: "unknown",
+  analyzeRequest(rawBody) {
+    return emptyRequestAnalysis(rawBody);
+  },
+  analyzeResponse() {
+    return EMPTY_RESPONSE_ANALYSIS;
+  },
+  anatomySegments() {
     return null;
   }
+};
+const ADAPTERS = {
+  anthropic: anthropicLogFormatAdapter,
+  openai: openAILogFormatAdapter,
+  unknown: unknownLogFormatAdapter
+};
+function getLogFormatAdapter(format) {
+  return ADAPTERS[format];
 }
-function isTurnBoundary(stopReason) {
-  return stopReason === "end_turn" || stopReason === "stop";
+function resolveLogFormat(log) {
+  const pathFormat = requestFormatForPath(log.path);
+  return pathFormat === "unknown" ? log.apiFormat : pathFormat;
 }
-function SvgShell({
-  className,
-  style,
-  d,
-  eyeStalks,
-  eyes,
-  legs,
-  extras
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      style,
-      className: cn("inline-block size-5", className),
-      children: [
+const API_FORMAT_LABELS = {
+  anthropic: "Anthropic",
+  openai: "OpenAI",
+  unknown: "Unknown"
+};
+function ConversationHeader({
+  conversationId,
+  startTime,
+  endTime,
+  totalCalls,
+  totalInputTokens,
+  totalOutputTokens,
+  apiFormat,
+  expanded,
+  onToggle,
+  hideApiFormat = false,
+  isLoading = false,
+  userAgent,
+  timeDisplayFormat,
+  onClear
+}) {
+  const [confirmOpen, setConfirmOpen] = reactExports.useState(false);
+  const handleClearClick = (e) => {
+    e.stopPropagation();
+    if (onClear === void 0) return;
+    setConfirmOpen(true);
+  };
+  const handleOpenInNewTab = reactExports.useCallback(
+    (e) => {
+      e.stopPropagation();
+      window.open(getSessionPath(conversationId), "_blank", "noopener,noreferrer");
+    },
+    [conversationId]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      "data-nav-id": `conv-${conversationId}`,
+      "data-nav-action": expanded ? "collapse" : "expand",
+      className: cn(
+        "flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors",
+        "hover:bg-muted/50",
+        "select-none",
+        "border border-border rounded-lg mb-2 bg-background sticky top-0 z-10",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none"
+      ),
+      onClick: onToggle,
+      onKeyDown: (e) => {
+        if (e.target !== e.currentTarget) return;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onToggle();
+        }
+      },
+      children: [
+        expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 text-muted-foreground shrink-0" }) : isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 text-muted-foreground shrink-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: "text-purple-400/90 font-mono text-xs font-semibold shrink-0",
+            title: conversationId,
+            children: conversationId.startsWith("PID:") || conversationId.includes("|") ? conversationId : conversationId.length > 24 ? conversationId.slice(0, 12) + "..." + conversationId.slice(-12) : conversationId
+          }
+        ),
+        userAgent !== null && userAgent !== void 0 && userAgent !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0",
+            title: userAgent,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(User, { className: "size-3" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[120px]", children: userAgent })
+            ]
+          }
+        ),
+        !hideApiFormat && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: cn(
+              "text-[10px] px-1.5 py-0 h-5 font-mono shrink-0",
+              apiFormat === "openai" && "border-blue-500/40 text-blue-400",
+              apiFormat === "anthropic" && "border-orange-500/40 text-orange-400",
+              apiFormat === "unknown" && "border-muted text-muted-foreground"
+            ),
+            children: API_FORMAT_LABELS[apiFormat]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatTimestampRange(startTime, endTime, timeDisplayFormat) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+            totalCalls,
+            " call",
+            totalCalls !== 1 ? "s" : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: formatTokens(totalInputTokens) }),
+            " / ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: formatTokens(totalOutputTokens) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleOpenInNewTab,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                handleOpenInNewTab(e);
+              }
+            },
+            "aria-label": `Open session ${conversationId} in a new tab`,
+            title: "Open this session in a new tab",
+            className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 inline-flex items-center justify-center size-8 rounded hover:bg-muted cursor-pointer",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3.5" })
+          }
+        ),
+        onClear !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleClearClick,
+            "aria-label": `Clear group (${totalCalls} request${totalCalls !== 1 ? "s" : ""})`,
+            title: "Clear this group",
+            className: "text-muted-foreground hover:text-foreground transition-colors shrink-0 inline-flex items-center justify-center size-8 rounded hover:bg-muted cursor-pointer",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ConfirmDialog,
+          {
+            open: confirmOpen,
+            onOpenChange: setConfirmOpen,
+            title: "Clear this group?",
+            description: `This will remove ${totalCalls} request${totalCalls !== 1 ? "s" : ""} from this conversation. This action cannot be undone.`,
+            confirmLabel: "Clear",
+            variant: "destructive",
+            onConfirm: () => {
+              onClear?.();
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function getGroupApiFormat(logs) {
+  for (const log of logs) {
+    const apiFormat = resolveLogFormat(log);
+    if (apiFormat !== "unknown") {
+      return apiFormat;
+    }
+  }
+  return "unknown";
+}
+function hasMixedApiFormat(logs) {
+  let hasAnthropic = false;
+  let hasOpenai = false;
+  for (const log of logs) {
+    const apiFormat = resolveLogFormat(log);
+    if (apiFormat === "anthropic") hasAnthropic = true;
+    else if (apiFormat === "openai") hasOpenai = true;
+    if (hasAnthropic && hasOpenai) return true;
+  }
+  return false;
+}
+function getConversationId(log) {
+  if (log.isTest === true) return "provider-test";
+  if (log.sessionId !== null && log.sessionId !== "" && log.sessionId !== void 0) {
+    return log.sessionId;
+  }
+  const hasPid = log.clientPid !== null && log.clientPid !== void 0;
+  const hasFolder = log.clientProjectFolder !== null && log.clientProjectFolder !== void 0;
+  if (!hasPid && !hasFolder) return "default";
+  const pid = hasPid ? `PID:${log.clientPid}` : "unknown";
+  const folder = hasFolder ? log.clientProjectFolder : "no-folder";
+  return `${pid}|${folder}`;
+}
+function groupLogsByConversation(logs) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const log of logs) {
+    const convId = getConversationId(log);
+    const existing = groups.get(convId);
+    if (existing !== void 0) {
+      existing.push(log);
+    } else {
+      groups.set(convId, [log]);
+    }
+  }
+  const result = [];
+  for (const [conversationId, groupLogs] of groups) {
+    const sorted = [...groupLogs].sort((a, b) => a.timestamp.localeCompare(b.timestamp));
+    result.push({
+      id: conversationId,
+      conversationId,
+      logs: sorted
+    });
+  }
+  result.sort((a, b) => (a.logs[0]?.timestamp ?? "").localeCompare(b.logs[0]?.timestamp ?? ""));
+  return result;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function extractStopReason(log) {
+  if (log.responseText === null) return null;
+  try {
+    let json = JSON.parse(log.responseText);
+    if (typeof json === "string") {
+      json = JSON.parse(json);
+    }
+    if (!isRecord(json)) return null;
+    if (typeof json.stop_reason === "string") {
+      if (json.stop_reason === "end_turn" || json.stop_reason === "tool_use") {
+        return json.stop_reason;
+      }
+      return null;
+    }
+    if (Array.isArray(json.choices) && json.choices.length > 0 && isRecord(json.choices[0]) && typeof json.choices[0].finish_reason === "string" && json.choices[0].finish_reason === "stop") {
+      return "stop";
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function isTurnBoundary(stopReason) {
+  return stopReason === "end_turn" || stopReason === "stop";
+}
+function SvgShell({
+  className,
+  style,
+  d,
+  eyeStalks,
+  eyes,
+  legs,
+  extras
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      style,
+      className: cn("inline-block size-5", className),
+      children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d }),
         eyeStalks,
         eyes,
@@ -1572,19 +1881,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-BbBPKdVc.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-Ce2590rK.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BU20cMGd.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-CB4KOlLe.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-a5ySAAG1.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-CsWV3W03.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-CA_QM1fM.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-BuCCV3LU.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DJjITqM7.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-C5dE7V1d.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -2688,542 +2997,236 @@ function ScrollBar({
         "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);
-  }
-}
-const CJK_REGEX = /[\u3000-\u9FFF\uAC00-\uD7FF\uF900-\uFAFF\uFF00-\uFFEF\u{1F300}-\u{1FAFF}]/u;
-function estimateTokens(text) {
-  if (text.length === 0) return 0;
-  let cjk = 0;
-  let other = 0;
-  forEachCodePoint(text, (ch) => {
-    if (CJK_REGEX.test(ch)) {
-      cjk += 1;
-    } else {
-      other += 1;
-    }
-  });
-  return Math.ceil(cjk * 1) + Math.ceil(other / 4);
-}
-function countCharacters(text) {
-  if (text.length === 0) return 0;
-  let n = 0;
-  forEachCodePoint(text, () => {
-    n += 1;
-  });
-  return n;
-}
-function emptyRequestAnalysis(rawBody) {
-  return {
-    parsed: null,
-    comparisonValue: rawBody,
-    messageCount: null,
-    toolCount: null
-  };
-}
-const EMPTY_RESPONSE_ANALYSIS = {
-  parsed: null,
-  toolNames: null
-};
-function contentToText$1(content) {
-  if (typeof content === "string") return content;
-  if (!Array.isArray(content)) return "";
-  const parts = [];
-  for (const block of content) {
-    if (block === null || typeof block !== "object") continue;
-    const b = block;
-    const type = b.type;
-    switch (type) {
-      case "text":
-        if (typeof b.text === "string") parts.push(b.text);
-        break;
-      case "thinking":
-      case "think":
-        if (typeof b.thinking === "string") parts.push(b.thinking);
-        break;
-      case "tool_use": {
-        const name = typeof b.name === "string" ? b.name : "";
-        const input = b.input !== void 0 ? JSON.stringify(b.input) : "";
-        parts.push(`${name} ${input}`.trim());
-        break;
-      }
-      case "tool_result": {
-        const inner = b.content;
-        if (typeof inner === "string") {
-          parts.push(inner);
-        } else if (Array.isArray(inner)) {
-          for (const item of inner) {
-            if (item !== null && typeof item === "object") {
-              const t = item.text;
-              if (typeof t === "string") parts.push(t);
-            }
-          }
-        }
-        break;
-      }
-      case "image":
-        parts.push("[image]");
-        break;
-    }
-  }
-  return parts.join("\n");
-}
-function systemToText(system) {
-  if (typeof system === "string") return system;
-  if (!Array.isArray(system)) return "";
-  const parts = [];
-  for (const block of system) {
-    if (block !== null && typeof block === "object") {
-      const t = block.text;
-      const type = block.type;
-      if (type === "text" && typeof t === "string") parts.push(t);
-    }
-  }
-  return parts.join("\n");
-}
-function toolsToText$1(tools) {
-  if (!Array.isArray(tools)) return "";
-  const parts = [];
-  for (const tool of tools) {
-    if (tool === null || typeof tool !== "object") continue;
-    const t = tool;
-    if (typeof t.name === "string") parts.push(t.name);
-    if (typeof t.description === "string") parts.push(t.description);
-    if (t.input_schema !== void 0) parts.push(JSON.stringify(t.input_schema));
-  }
-  return parts.join("\n");
-}
-function segment$1(role, label, text, path) {
-  return {
-    role,
-    label,
-    text,
-    size: estimateTokens(text),
-    characters: countCharacters(text),
-    path
-  };
-}
-const anthropicLogFormatAdapter = {
-  format: "anthropic",
-  analyzeRequest(rawBody) {
-    if (rawBody === null) return emptyRequestAnalysis(rawBody);
-    try {
-      const result = AnthropicRequestSchema.safeParse(JSON.parse(rawBody));
-      if (!result.success) return emptyRequestAnalysis(rawBody);
-      return {
-        parsed: result.data,
-        comparisonValue: result.data,
-        messageCount: result.data.messages.length,
-        toolCount: result.data.tools !== void 0 && result.data.tools.length > 0 ? result.data.tools.length : null
-      };
-    } catch {
-      return emptyRequestAnalysis(rawBody);
-    }
-  },
-  analyzeResponse(responseText) {
-    if (responseText === null) return EMPTY_RESPONSE_ANALYSIS;
-    try {
-      let json = JSON.parse(responseText);
-      if (typeof json === "string") json = JSON.parse(json);
-      const result = AnthropicResponseSchema$1.safeParse(json);
-      if (!result.success) return EMPTY_RESPONSE_ANALYSIS;
-      const toolNames = result.data.content.filter((block) => block.type === "tool_use").map((block) => block.name);
-      return {
-        parsed: result.data,
-        toolNames: toolNames.length > 0 ? toolNames : null
-      };
-    } catch {
-      return EMPTY_RESPONSE_ANALYSIS;
-    }
-  },
-  anatomySegments(parsed) {
-    if (parsed === null || typeof parsed !== "object") return null;
-    const body = parsed;
-    const segments = [];
-    if (body.system !== void 0) {
-      const text = systemToText(body.system);
-      if (text.length > 0) {
-        segments.push(segment$1("system", "system", text, "/system"));
-      }
-    }
-    if (Array.isArray(body.messages)) {
-      body.messages.forEach((message, index) => {
-        if (message === null || typeof message !== "object") return;
-        const m = message;
-        const role = m.role === "user" || m.role === "assistant" ? m.role : "user";
-        const text = contentToText$1(m.content);
-        segments.push(segment$1(role, `[${index}] ${role}`, text, `/messages/${index}`));
-      });
-    }
-    if (Array.isArray(body.tools) && body.tools.length > 0) {
-      const text = toolsToText$1(body.tools);
-      segments.push(segment$1("tools", "tools", text, "/tools"));
-    }
-    return segments.length > 0 ? segments : null;
-  }
-};
-function contentToText(content) {
-  if (typeof content === "string") return content;
-  if (!Array.isArray(content)) return "";
-  const parts = [];
-  for (const block of content) {
-    if (block === null || typeof block !== "object") continue;
-    const b = block;
-    const type = b.type;
-    if (type === "text" && typeof b.text === "string") {
-      parts.push(b.text);
-    } else if (type === "image_url") {
-      parts.push("[image]");
-    }
-  }
-  return parts.join("\n");
-}
-function messageToText(message) {
-  const parts = [];
-  const text = contentToText(message.content);
-  if (text.length > 0) parts.push(text);
-  const reasoning = typeof message.reasoning_content === "string" ? message.reasoning_content : typeof message.thinking === "string" ? message.thinking : typeof message.think === "string" ? message.think : "";
-  if (reasoning.length > 0) parts.push(reasoning);
-  const toolCalls = message.tool_calls;
-  if (Array.isArray(toolCalls)) {
-    for (const call of toolCalls) {
-      if (call === null || typeof call !== "object") continue;
-      const fn = call.function;
-      if (fn === void 0) continue;
-      const name = typeof fn.name === "string" ? fn.name : "";
-      const args = typeof fn.arguments === "string" ? fn.arguments : "";
-      parts.push(`${name} ${args}`.trim());
-    }
-  }
-  return parts.join("\n");
-}
-function toolsToText(tools) {
-  if (!Array.isArray(tools)) return "";
-  const parts = [];
-  for (const tool of tools) {
-    if (tool === null || typeof tool !== "object") continue;
-    const t = tool;
-    const fn = t.function;
-    if (fn === void 0) continue;
-    if (typeof fn.name === "string") parts.push(fn.name);
-    if (typeof fn.description === "string") parts.push(fn.description);
-    if (fn.parameters !== void 0) parts.push(JSON.stringify(fn.parameters));
-  }
-  return parts.join("\n");
-}
-function segment(role, label, text, path) {
-  return {
-    role,
-    label,
-    text,
-    size: estimateTokens(text),
-    characters: countCharacters(text),
-    path
-  };
-}
-const openAILogFormatAdapter = {
-  format: "openai",
-  analyzeRequest(rawBody) {
-    if (rawBody === null) return emptyRequestAnalysis(rawBody);
-    try {
-      const result = OpenAIRequestSchema.safeParse(JSON.parse(rawBody));
-      if (!result.success) return emptyRequestAnalysis(rawBody);
-      return {
-        parsed: result.data,
-        comparisonValue: result.data,
-        messageCount: result.data.messages.length,
-        toolCount: result.data.tools !== void 0 && result.data.tools.length > 0 ? result.data.tools.length : null
-      };
-    } catch {
-      return emptyRequestAnalysis(rawBody);
-    }
-  },
-  analyzeResponse(responseText) {
-    if (responseText === null) return EMPTY_RESPONSE_ANALYSIS;
-    const parsed = parseOpenAIResponse(responseText);
-    if (parsed === null) return EMPTY_RESPONSE_ANALYSIS;
-    const toolNames = parsed.choices[0]?.message?.tool_calls?.map((toolCall) => toolCall.function?.name ?? "").filter((name) => name !== "") ?? [];
-    return {
-      parsed,
-      toolNames: toolNames.length > 0 ? toolNames : null
-    };
-  },
-  anatomySegments(parsed) {
-    if (parsed === null || typeof parsed !== "object") return null;
-    const body = parsed;
-    const segments = [];
-    if (Array.isArray(body.messages)) {
-      body.messages.forEach((message, index) => {
-        if (message === null || typeof message !== "object") return;
-        const m = message;
-        const role = m.role === "user" || m.role === "assistant" || m.role === "system" || m.role === "tool" ? m.role : "user";
-        const text = messageToText(m);
-        segments.push(segment(role, `[${index}] ${role}`, text, `/messages/${index}`));
-      });
-    }
-    if (Array.isArray(body.tools) && body.tools.length > 0) {
-      const text = toolsToText(body.tools);
-      segments.push(segment("tools", "tools", text, "/tools"));
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
     }
-    return segments.length > 0 ? segments : null;
-  }
-};
-const unknownLogFormatAdapter = {
-  format: "unknown",
-  analyzeRequest(rawBody) {
-    return emptyRequestAnalysis(rawBody);
-  },
-  analyzeResponse() {
-    return EMPTY_RESPONSE_ANALYSIS;
-  },
-  anatomySegments() {
-    return null;
-  }
+  );
+}
+const CATEGORY_LABELS = {
+  file: "file",
+  shell: "shell",
+  browser: "browser",
+  web: "web",
+  mcp: "MCP",
+  code: "code",
+  other: "other"
 };
-const ADAPTERS = {
-  anthropic: anthropicLogFormatAdapter,
-  openai: openAILogFormatAdapter,
-  unknown: unknownLogFormatAdapter
+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 getLogFormatAdapter(format) {
-  return ADAPTERS[format];
+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 resolveLogFormat(log) {
-  const pathFormat = requestFormatForPath(log.path);
-  return pathFormat === "unknown" ? log.apiFormat : pathFormat;
+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" }) })
+    ] })
+  ] });
+});
 const LOG_FOCUS_REQUEST_EVENT = "agent-inspector:focus-log";
 function dispatchLogFocusRequest(request) {
   window.dispatchEvent(new CustomEvent(LOG_FOCUS_REQUEST_EVENT, { detail: request }));
@@ -9948,6 +9951,13 @@ function truncateSessionId(id) {
 function shouldShowRawExport(captureMode) {
   return captureMode === "full";
 }
+function getExportActionVisibility(captureMode, logCount) {
+  const hasLogs = logCount > 0;
+  return {
+    redacted: hasLogs,
+    raw: hasLogs && shouldShowRawExport(captureMode)
+  };
+}
 function computeTokenSummary(logs) {
   let totalIn = 0;
   let totalOut = 0;
@@ -10517,7 +10527,7 @@ function ProxyViewer({
   );
   const cacheTrends = reactExports.useMemo(() => computeCacheTrends(groups), [groups]);
   const comparisonPredecessors = reactExports.useMemo(() => buildValidPredecessors(groups), [groups]);
-  const showRawExport = shouldShowRawExport(captureMode);
+  const exportActionVisibility = getExportActionVisibility(captureMode, logs.length);
   const handleCompareWithPrevious = reactExports.useCallback(
     (log) => {
       const predecessor = comparisonPredecessors.get(log.id);
@@ -10641,7 +10651,7 @@ function ProxyViewer({
           logs.length !== 1 ? "s" : "",
           totalIn > 0 || totalOut > 0 ? ` - ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out` : ""
         ] }),
-        logs.length > 0 && showRawExport && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        exportActionVisibility.redacted && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",
@@ -10657,7 +10667,7 @@ function ProxyViewer({
             ] })
           }
         ),
-        logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        exportActionVisibility.raw && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",
@@ -10665,19 +10675,25 @@ function ProxyViewer({
               void handleExport("raw");
             },
             disabled: exporting !== null,
-            className: "h-8 px-2 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed rounded-md hover:bg-muted",
+            className: "h-8 px-2.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-1.5 rounded-md hover:bg-muted",
             title: "Export raw logs without redaction",
-            children: exporting === "raw" ? "Exporting..." : "Raw"
+            children: exporting === "raw" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Exporting..." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FileBraces, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Raw" })
+            ] })
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
             type: "button",
             onClick: onClearAll,
-            className: "h-8 px-3 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer rounded-md hover:bg-muted",
+            className: "h-8 px-3 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer inline-flex items-center gap-1.5 rounded-md hover:bg-muted",
             title: "Clear all logs",
-            children: "Clear"
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear" })
+            ]
           }
         )
       ] }),