@tonyclaw/agent-inspector 2.1.0 → 2.1.2

package/.output/server/_ssr/{ProxyViewerContainer-OTh1V_Kh.mjs → ProxyViewerContainer-HpLc7F_J.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { I as InspectorGroupsListResponseSchema, 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, d as RuntimeConfigSchema, v as packageJson, P as ProviderConfigSchema, f as apiFormatForPath, i as GroupEvidenceExportResultSchema, j as DeleteInspectorGroupResponseSchema, n as createPendingProviderTestResults, o as ProviderTestResultsSchema, q as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, r as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, t as resolveProviderContextWindow, m as maskApiKey, k as providerHasContextMetadata, l as findProviderModelMetadata, K as KnowledgeCandidateSchema, h as stripClaudeCodeBillingHeader, u as isPlainRecord, G as GroupEvidenceReadResponseSchema } from "./router-DIIJGyML.mjs";
+import { I as InspectorGroupsListResponseSchema, 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, d as RuntimeConfigSchema, v as packageJson, P as ProviderConfigSchema, f as apiFormatForPath, i as GroupEvidenceExportResultSchema, j as DeleteInspectorGroupResponseSchema, n as createPendingProviderTestResults, o as ProviderTestResultsSchema, q as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, r as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, t as resolveProviderContextWindow, m as maskApiKey, k as providerHasContextMetadata, l as findProviderModelMetadata, K as KnowledgeCandidateSchema, h as stripClaudeCodeBillingHeader, u as isPlainRecord, G as GroupEvidenceReadResponseSchema } from "./router-Dzx1sbAQ.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";
@@ -195,11 +195,9 @@ function useOnboarding() {
   };
 }
 function OnboardingBanner() {
-  const { hasSeenOnboarding, captureMode, isLoading, markSeen } = useOnboarding();
+  const { hasSeenOnboarding, isLoading, markSeen } = useOnboarding();
   const [expanded, setExpanded] = reactExports.useState(false);
   if (isLoading || hasSeenOnboarding) return null;
-  const isFullMode = captureMode === "full";
-  const modeLabel = isFullMode ? "Full" : "Simple";
   const detailClass = expanded ? "grid" : "hidden sm:grid";
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
@@ -212,33 +210,23 @@ function OnboardingBanner() {
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-amber-200", children: "Inspector ready" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded border border-amber-400/30 bg-amber-400/10 px-1.5 py-0.5 font-mono text-[10px] uppercase text-amber-100", children: modeLabel }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden truncate text-xs text-muted-foreground sm:inline", children: isFullMode ? "Raw headers, raw response, and SSE chunks are being captured." : "Request, response, tool, timing, token, replay, and memory signals are active." })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden truncate text-xs text-muted-foreground sm:inline", children: "Request, response, tool, timing, token, replay, and memory signals are active." })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs leading-relaxed text-muted-foreground sm:hidden", children: isFullMode ? "Full diagnostics are active." : "Core capture is active with lower overhead." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs leading-relaxed text-muted-foreground sm:hidden", children: "Core capture is active." }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              className: `${detailClass} mt-2 gap-x-4 gap-y-1 text-xs leading-relaxed text-muted-foreground sm:grid-cols-3`,
+              className: `${detailClass} mt-2 gap-x-4 gap-y-1 text-xs leading-relaxed text-muted-foreground sm:grid-cols-2`,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Mode" }),
-                  ": ",
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: captureMode }),
-                  " is fixed until restart."
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Diagnostics" }),
-                  ": use",
-                  " ",
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: isFullMode ? "agent-inspector --mode simple" : "agent-inspector --mode full" }),
-                  "."
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Evidence" }),
+                  ": logs, sessions, groups, and MCP exports are available."
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Network" }),
                   ": replace ",
                   /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "localhost" }),
-                  " when containers differ."
+                  " if containers differ."
                 ] })
               ]
             }
@@ -1938,19 +1926,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-DkSY3vxP.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-CwNPZgc_.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DhI6yxrR.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DBaFhSv6.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-DN1SJVVL.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-D0E0e2DT.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-DW-kpJL5.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-D2FFSRQ8.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-BAE57Fae.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-Cdu36-rL.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -2352,6 +2340,7 @@ const STATUS_BADGE_CLASSES = {
   server_error: "bg-rose-500/15 text-rose-400 border-rose-500/25",
   pending: "bg-muted text-muted-foreground border-border"
 };
+const HEADER_ACTION_BUTTON_CLASS = "size-8 border-white/10 bg-[#0a0d11] text-muted-foreground shadow-none hover:border-cyan-300/30 hover:bg-cyan-400/10 hover:text-cyan-100";
 function formatElapsed$3(ms) {
   if (ms < 1e3) return `${ms}ms`;
   return `${(ms / 1e3).toFixed(1)}s`;
@@ -2404,7 +2393,7 @@ const LogEntryHeader = reactExports.memo(function({
       "data-nav-action": expanded ? "collapse" : "expand",
       className: cn(
         "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 px-3 py-1.5 cursor-pointer transition-colors",
-        "hover:bg-muted/50",
+        expanded ? "bg-[#0c1015]" : "hover:bg-muted/30",
         "select-none",
         "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none"
       ),
@@ -2589,7 +2578,7 @@ const LogEntryHeader = reactExports.memo(function({
                       {
                         variant: "outline",
                         size: "icon",
-                        className: "size-8",
+                        className: HEADER_ACTION_BUTTON_CLASS,
                         onClick: action.expansion.onToggle,
                         disabled: action.expansion.isPending,
                         "aria-pressed": action.expansion.isExpanded,
@@ -2606,8 +2595,8 @@ const LogEntryHeader = reactExports.memo(function({
                         variant: "outline",
                         size: "icon",
                         className: cn(
-                          "size-8",
-                          action.diffWithRaw.active && "bg-accent text-accent-foreground"
+                          HEADER_ACTION_BUTTON_CLASS,
+                          action.diffWithRaw.active && "border-cyan-300/35 bg-cyan-400/15 text-cyan-100"
                         ),
                         onClick: action.diffWithRaw.onToggle,
                         "aria-pressed": action.diffWithRaw.active,
@@ -2623,7 +2612,7 @@ const LogEntryHeader = reactExports.memo(function({
                       {
                         variant: "outline",
                         size: "icon",
-                        className: "size-8",
+                        className: HEADER_ACTION_BUTTON_CLASS,
                         onClick: action.diffWithPrevious,
                         "aria-label": "Diff with previous",
                         children: /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "size-3.5" })
@@ -2637,7 +2626,7 @@ const LogEntryHeader = reactExports.memo(function({
                       {
                         variant: "outline",
                         size: "icon",
-                        className: "size-8",
+                        className: HEADER_ACTION_BUTTON_CLASS,
                         onClick: action.onCopy,
                         "aria-label": action.copyCopied ? "Copied" : action.copyLabel,
                         children: action.copyCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
@@ -2653,7 +2642,7 @@ const LogEntryHeader = reactExports.memo(function({
                   {
                     variant: "outline",
                     size: "icon",
-                    className: "size-8",
+                    className: HEADER_ACTION_BUTTON_CLASS,
                     onClick: onReplay,
                     "aria-label": "Replay request",
                     children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3.5" })
@@ -2996,6 +2985,10 @@ function JsonViewer({
   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 }) }),
+    entries.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-white/10 bg-black/20 px-3 py-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-cyan-300", children: isArray ? "[]" : "{}" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2 text-[10px] uppercase", children: "0 items" })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: entries.map(([key, childValue]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       JsonNode,
       {
@@ -3151,7 +3144,7 @@ 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: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-white/10 bg-black/20 shadow-[inset_0_1px_0_rgba(255,255,255,0.03)]", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2 px-2.5 py-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
@@ -3193,10 +3186,10 @@ function ToolRow({ tool, called }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-border/60 px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-white/10 bg-white/[0.02] 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 }) })
+      tool.schema !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-64 rounded-md border border-white/10 bg-[#06080b] p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(tool.schema), defaultExpandDepth: 0 }) })
     ] }) })
   ] }) });
 }
@@ -3220,7 +3213,7 @@ const RequestTools = reactExports.memo(function RequestTools2({
   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: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mb-3 overflow-hidden rounded-md border border-white/10 bg-[#080b0f] shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", 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" }),
@@ -3264,7 +3257,7 @@ const RequestTools = reactExports.memo(function RequestTools2({
           type: "button",
           variant: "ghost",
           size: "sm",
-          className: "h-7 px-2",
+          className: "h-7 border border-white/10 bg-black/20 px-2 text-muted-foreground hover:border-cyan-300/30 hover:bg-cyan-400/10 hover:text-cyan-100",
           onClick: () => setExpanded((value) => !value),
           "aria-expanded": expanded,
           children: [
@@ -3274,7 +3267,7 @@ const RequestTools = reactExports.memo(function RequestTools2({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap gap-1.5 border-t border-border/60 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap gap-1.5 border-t border-white/10 bg-black/10 px-3 py-2", children: [
       previewTools.map((tool) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Badge,
         {
@@ -3292,8 +3285,8 @@ const RequestTools = reactExports.memo(function RequestTools2({
         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: [
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-white/10 bg-black/15 px-3 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex h-8 items-center gap-2 rounded-md border border-white/10 bg-[#06080b] px-2 text-xs", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
@@ -3512,9 +3505,73 @@ function resolveFocusedTab(tab, anatomySegments) {
       return "request";
   }
 }
+const TAB_TRIGGER_CLASS = "h-9 flex-none rounded-none border-0 border-b-2 border-transparent bg-transparent px-3 text-xs font-semibold text-muted-foreground shadow-none hover:bg-cyan-400/[0.04] hover:text-foreground data-[state=active]:border-cyan-300 data-[state=active]:bg-transparent data-[state=active]:text-cyan-100 data-[state=active]:shadow-none";
 function shouldHydrateLogBody(log) {
   return log.bodyContentMode === "compact" || log.bodyContentMode === "truncated";
 }
+function ExpandedPanel({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: cn(
+        "inspector-scrollbar mx-3 mb-3 max-h-[72vh] overflow-auto rounded-md border border-white/10 bg-[#06080b] p-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",
+        className
+      ),
+      children
+    }
+  );
+}
+function EmptyState({ children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-dashed border-white/10 bg-white/[0.02] px-3 py-5 text-center text-xs italic text-muted-foreground", children });
+}
+function RawTextBlock({ children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "inspector-scrollbar max-h-[64vh] overflow-auto whitespace-pre-wrap break-words rounded-md border border-white/10 bg-black/30 p-3 font-mono text-xs leading-relaxed text-muted-foreground", children });
+}
+const NOTICE_TONE_CLASSES = {
+  loading: "border-cyan-400/25 bg-cyan-400/[0.06] text-cyan-100",
+  warning: "border-amber-400/25 bg-amber-400/[0.08] text-amber-100",
+  danger: "border-rose-400/25 bg-rose-400/[0.08] text-rose-100"
+};
+function NoticeBlock({
+  tone,
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "mb-3 rounded-md border px-3 py-2 text-xs shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",
+        NOTICE_TONE_CLASSES[tone]
+      ),
+      children: [
+        title !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 font-semibold", children: title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "leading-relaxed text-muted-foreground", children })
+      ]
+    }
+  );
+}
+function HeaderRows({
+  headers,
+  emptyLabel
+}) {
+  const entries = headers === void 0 ? [] : Object.entries(headers).sort(([left], [right]) => left.localeCompare(right));
+  if (entries.length === 0) return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: emptyLabel });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-hidden rounded-md border border-white/10 bg-black/20 font-mono text-xs", children: entries.map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "grid min-w-0 grid-cols-[minmax(140px,0.32fr)_minmax(0,1fr)] border-b border-white/5 last:border-b-0",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 truncate border-r border-white/5 bg-white/[0.03] px-2.5 py-2 font-semibold text-cyan-200", children: key }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 truncate px-2.5 py-2 text-muted-foreground", title: value, children: value })
+      ]
+    },
+    key
+  )) });
+}
 function DiffToggleButton({
   active,
   onClick
@@ -3525,7 +3582,10 @@ function DiffToggleButton({
       {
         variant: active ? "default" : "outline",
         size: "sm",
-        className: "h-8 text-xs",
+        className: cn(
+          "h-8 border-white/10 text-xs shadow-none",
+          active ? "bg-cyan-300 text-black hover:bg-cyan-200" : "bg-[#0a0d11] text-muted-foreground hover:border-cyan-300/30 hover:bg-cyan-400/10 hover:text-cyan-100"
+        ),
         onClick,
         "aria-pressed": active,
         children: [
@@ -3756,162 +3816,177 @@ const LogEntry = reactExports.memo(function({
     };
   }, [anatomySegments, log.id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipProvider, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border rounded-lg mb-1 overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        LogEntryHeader,
-        {
-          log: displayLog,
-          messageCount: requestAnalysis.messageCount,
-          toolCount: requestAnalysis.toolCount,
-          expanded,
-          onToggle: handleToggleExpanded,
-          cacheTrend,
-          slowResponseThresholdSeconds,
-          timeDisplayFormat,
-          activeTab,
-          tabActions,
-          onReplay: onCompareWithPrevious === void 0 ? void 0 : () => {
-            setReplayOpen(true);
-          }
-        }
-      ),
-      expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, children: [
-        /* @__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" }),
-          viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw", children: "Raw Response" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" })
-        ] }),
-        shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-request", children: activeTab === "raw-request" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pt-1 pb-3", children: displayLog.rawRequestBody === null ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" }) : rawRequestExpansion.parsedData !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          LazyJsonViewer,
-          {
-            data: rawRequestExpansion.parsedData,
-            bulkDepth: rawRequestExpansion.bulkDepth,
-            bulkRevision: rawRequestExpansion.bulkRevision
-          }
-        ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap break-words", children: displayLog.rawRequestBody }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: activeTab === "request" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pt-1 pb-3", children: [
-          bodyHydrationState === "loading" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 rounded border border-border bg-muted/30 p-3 text-xs text-muted-foreground", children: "Loading full request and response bodies..." }),
-          bodyHydrationState === "failed" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-3 rounded border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-200", children: "Full request and response bodies could not be loaded. Compact metadata is still available." }),
-          warnings.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-3 rounded border border-amber-500/30 bg-amber-500/10 p-3 text-xs", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 font-semibold text-amber-300", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3.5" }),
-              "Tool schema warnings"
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "mt-2 space-y-1 text-muted-foreground", children: warnings.map((warning) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: warning }, warning)) })
-          ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: cn(
+          "mb-2 overflow-hidden rounded-md border bg-[#090a0d] transition-[background-color,border-color,box-shadow]",
+          expanded ? "border-cyan-300/20 shadow-[0_18px_60px_rgba(0,0,0,0.28),inset_0_1px_0_rgba(255,255,255,0.05)]" : "border-border/70 hover:border-border"
+        ),
+        children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            RequestTools,
+            LogEntryHeader,
             {
-              summary: requestTools,
-              calledToolNames: responseAnalysis.toolNames ?? []
-            }
-          ),
-          requestDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            RequestDiffContent,
-            {
-              rawBody: displayLog.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: requestExpansion.parsedData,
-            inputTokens: displayLog.inputTokens ?? null,
-            model: displayLog.model,
-            segments: anatomySegments,
-            onSegmentActivate: jumpToAnatomySegment
-          }
-        ) }) }),
-        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "headers", children: activeTab === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pt-1 pb-3", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end gap-2 mb-2", children: shouldShowHeadersDiffButton(
-            viewMode,
-            displayLog.rawHeaders !== void 0 && Object.keys(displayLog.rawHeaders).length > 0
-          ) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DiffToggleButton,
-            {
-              active: headersDiff,
-              onClick: (e) => {
-                e.stopPropagation();
-                setHeadersDiff(!headersDiff);
+              log: displayLog,
+              messageCount: requestAnalysis.messageCount,
+              toolCount: requestAnalysis.toolCount,
+              expanded,
+              onToggle: handleToggleExpanded,
+              cacheTrend,
+              slowResponseThresholdSeconds,
+              timeDisplayFormat,
+              activeTab,
+              tabActions,
+              onReplay: onCompareWithPrevious === void 0 ? void 0 : () => {
+                setReplayOpen(true);
               }
             }
-          ) }),
-          headersDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            HeadersDiffContent,
-            {
-              rawHeaders: displayLog.rawHeaders,
-              headers: displayLog.headers,
-              emptyLabel: "No transformation applied; raw and processed headers are identical."
-            }
-          ) : displayLog.headers && Object.keys(displayLog.headers).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(displayLog.headers).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-600 dark:text-blue-400 font-semibold shrink-0", children: [
-              key,
-              ":"
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
-          ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No headers captured" })
-        ] }) }),
-        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-headers", children: activeTab === "raw-headers" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pt-1 pb-3", children: displayLog.rawHeaders && Object.keys(displayLog.rawHeaders).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(displayLog.rawHeaders).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-600 dark:text-blue-400 font-semibold shrink-0", children: [
-            key,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
-        ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No raw headers captured" }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: activeTab === "raw" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pt-1 pb-3 space-y-3", children: [
-          displayLog.error !== void 0 && displayLog.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-destructive/50 bg-destructive/10 p-3 text-xs", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-destructive mb-1", children: "SSE Error" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground font-mono", children: displayLog.error })
-          ] }),
-          displayLog.responseText !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            LazyJsonViewerFromString,
-            {
-              text: displayLog.responseText,
-              defaultExpandDepth: 0,
-              bulkDepth: responseExpansion.bulkDepth,
-              bulkRevision: responseExpansion.bulkRevision
-            }
-          ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No response" }),
-          displayLog.streaming === true && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            LazyStreamingChunkSequence,
+          ),
+          expanded && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
             {
-              logId: displayLog.id,
-              truncated: displayLog.streamingChunksPath !== null
+              className: "border-t border-white/10 bg-[#050607]/80 pt-2",
+              onClick: (e) => e.stopPropagation(),
+              onKeyDown: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  TabsList,
+                  {
+                    variant: "line",
+                    className: "inspector-scrollbar mx-3 h-auto w-[calc(100%-1.5rem)] justify-start overflow-x-auto rounded-none border-b border-white/10 bg-transparent p-0",
+                    children: [
+                      viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "raw-headers", children: "Raw Headers" }),
+                      viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "headers", children: "Headers" }),
+                      anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "anatomy", children: "Context" }),
+                      shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "raw-request", children: "Raw Request" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "request", children: "Request" }),
+                      viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "raw", children: "Raw Response" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "parsed", children: "Response" })
+                    ]
+                  }
+                ),
+                shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-request", children: activeTab === "raw-request" && /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedPanel, { children: displayLog.rawRequestBody === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: "No request body" }) : rawRequestExpansion.parsedData !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  LazyJsonViewer,
+                  {
+                    data: rawRequestExpansion.parsedData,
+                    bulkDepth: rawRequestExpansion.bulkDepth,
+                    bulkRevision: rawRequestExpansion.bulkRevision
+                  }
+                ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RawTextBlock, { children: displayLog.rawRequestBody }) }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: activeTab === "request" && /* @__PURE__ */ jsxRuntimeExports.jsxs(ExpandedPanel, { children: [
+                  bodyHydrationState === "loading" && /* @__PURE__ */ jsxRuntimeExports.jsx(NoticeBlock, { tone: "loading", children: "Loading full request and response bodies..." }),
+                  bodyHydrationState === "failed" && /* @__PURE__ */ jsxRuntimeExports.jsx(NoticeBlock, { tone: "warning", children: "Full request and response bodies could not be loaded. Compact metadata is still available." }),
+                  warnings.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(NoticeBlock, { tone: "warning", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 font-semibold text-amber-300", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3.5" }),
+                      "Tool schema warnings"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "mt-2 space-y-1 text-muted-foreground", children: warnings.map((warning) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: warning }, warning)) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    RequestTools,
+                    {
+                      summary: requestTools,
+                      calledToolNames: responseAnalysis.toolNames ?? []
+                    }
+                  ),
+                  requestDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    RequestDiffContent,
+                    {
+                      rawBody: displayLog.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(EmptyState, { 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(RawTextBlock, { children: displayedRequestBody }) })
+                ] }) }),
+                anatomySegments !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "anatomy", children: activeTab === "anatomy" && /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedPanel, { className: "p-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  LazyRequestAnatomy,
+                  {
+                    parsed: requestExpansion.parsedData,
+                    inputTokens: displayLog.inputTokens ?? null,
+                    model: displayLog.model,
+                    segments: anatomySegments,
+                    onSegmentActivate: jumpToAnatomySegment
+                  }
+                ) }) }) }),
+                viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "headers", children: activeTab === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsxs(ExpandedPanel, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end gap-2 mb-2", children: shouldShowHeadersDiffButton(
+                    viewMode,
+                    displayLog.rawHeaders !== void 0 && Object.keys(displayLog.rawHeaders).length > 0
+                  ) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    DiffToggleButton,
+                    {
+                      active: headersDiff,
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setHeadersDiff(!headersDiff);
+                      }
+                    }
+                  ) }),
+                  headersDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    HeadersDiffContent,
+                    {
+                      rawHeaders: displayLog.rawHeaders,
+                      headers: displayLog.headers,
+                      emptyLabel: "No transformation applied; raw and processed headers are identical."
+                    }
+                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(HeaderRows, { headers: displayLog.headers, emptyLabel: "No headers captured" })
+                ] }) }),
+                viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-headers", children: activeTab === "raw-headers" && /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedPanel, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  HeaderRows,
+                  {
+                    headers: displayLog.rawHeaders,
+                    emptyLabel: "No raw headers captured"
+                  }
+                ) }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: activeTab === "raw" && /* @__PURE__ */ jsxRuntimeExports.jsxs(ExpandedPanel, { className: "space-y-3", children: [
+                  displayLog.error !== void 0 && displayLog.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(NoticeBlock, { tone: "danger", title: "SSE Error", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: displayLog.error }) }),
+                  displayLog.responseText !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    LazyJsonViewerFromString,
+                    {
+                      text: displayLog.responseText,
+                      defaultExpandDepth: 0,
+                      bulkDepth: responseExpansion.bulkDepth,
+                      bulkRevision: responseExpansion.bulkRevision
+                    }
+                  ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: "No response" }),
+                  displayLog.streaming === true && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    LazyStreamingChunkSequence,
+                    {
+                      logId: displayLog.id,
+                      truncated: displayLog.streamingChunksPath !== null
+                    }
+                  ) })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: activeTab === "parsed" && /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandedPanel, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  LazyResponseView,
+                  {
+                    responseText: displayLog.responseText,
+                    responseStatus: displayLog.responseStatus,
+                    streaming: displayLog.streaming,
+                    inputTokens: displayLog.inputTokens,
+                    outputTokens: displayLog.outputTokens,
+                    cacheCreationInputTokens: displayLog.cacheCreationInputTokens,
+                    cacheReadInputTokens: displayLog.cacheReadInputTokens,
+                    apiFormat: resolvedFormat,
+                    error: displayLog.error
+                  }
+                ) }) }) })
+              ] })
             }
-          ) })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: activeTab === "parsed" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pt-1 pb-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          LazyResponseView,
-          {
-            responseText: displayLog.responseText,
-            responseStatus: displayLog.responseStatus,
-            streaming: displayLog.streaming,
-            inputTokens: displayLog.inputTokens,
-            outputTokens: displayLog.outputTokens,
-            cacheCreationInputTokens: displayLog.cacheCreationInputTokens,
-            cacheReadInputTokens: displayLog.cacheReadInputTokens,
-            apiFormat: resolvedFormat,
-            error: displayLog.error
-          }
-        ) }) }) })
-      ] }) })
-    ] }),
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyReplayDialog, { log: displayLog, open: replayOpen, onOpenChange: setReplayOpen }) })
   ] });
 });
@@ -8822,7 +8897,6 @@ args = ["stdio", "--url", "${endpoint}"]`
 function ProxySettingsTab() {
   const {
     strip,
-    captureMode,
     slowResponseThresholdSeconds,
     providerTestTimeoutSeconds,
     timeDisplayFormat,
@@ -8834,7 +8908,6 @@ function ProxySettingsTab() {
   } = useStripConfig();
   const [error, setError] = reactExports.useState(null);
   const [pending, setPending] = reactExports.useState(false);
-  const alternateCaptureMode = captureMode === "full" ? "simple" : "full";
   const handleToggle = reactExports.useCallback(
     async (next) => {
       setError(null);
@@ -8892,21 +8965,6 @@ function ProxySettingsTab() {
     [setTimeDisplayFormat]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: "Capture mode" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-        "This process is running in ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: captureMode }),
-        " mode. Restart with",
-        " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { children: [
-          "agent-inspector --mode ",
-          alternateCaptureMode
-        ] }),
-        " to change it.",
-        captureMode === "simple" ? " Simple mode keeps replay, parsed requests, responses, timing, tools, and token usage while skipping raw headers, raw response retention, and detailed SSE chunk retention." : " Full mode retains raw headers, raw responses, and SSE chunks for diagnostics; use simple mode for everyday lower-overhead capture."
-      ] })
-    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: "Claude Code billing header" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground", children: [
@@ -11123,7 +11181,6 @@ function ProxyViewer({
   onClearAll,
   onClearGroup,
   viewMode,
-  onViewModeChange,
   captureMode,
   strip,
   slowResponseThresholdSeconds,
@@ -11221,8 +11278,8 @@ function ProxyViewer({
     },
     [comparisonPredecessors]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-screen bg-[#070809] text-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto grid min-h-screen max-w-[1920px] grid-cols-1 lg:grid-cols-[340px_minmax(0,1fr)] xl:grid-cols-[360px_minmax(0,1fr)]", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-screen w-full bg-[#070809] text-foreground", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-screen w-full grid-cols-1 lg:grid-cols-[340px_minmax(0,1fr)] xl:grid-cols-[360px_minmax(0,1fr)]", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "border-b border-border bg-[#090a0c] lg:sticky lg:top-0 lg:h-screen lg:overflow-y-auto lg:border-b-0 lg:border-r", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 p-4", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(BrandHeader, { compact: true, crabEntrancePhase }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-3 gap-2 border-y border-border/70 py-3", children: [
@@ -11281,33 +11338,7 @@ function ProxyViewer({
               /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "__all__", children: "All models" }),
               models.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: m, children: m }, m))
             ] })
-          ] }),
-          captureMode === "full" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid h-9 grid-cols-2 overflow-hidden rounded-md border border-border", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => onViewModeChange("simple"),
-                className: cn(
-                  "text-xs transition-colors",
-                  viewMode === "simple" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"
-                ),
-                children: "Simple"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => onViewModeChange("full"),
-                className: cn(
-                  "text-xs transition-colors",
-                  viewMode === "full" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50"
-                ),
-                children: "Full"
-              }
-            )
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-9 items-center rounded-md border border-border bg-muted px-3 text-xs text-foreground", children: "Simple" })
+          ] })
         ] })
       ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "min-w-0", children: [
@@ -11537,7 +11568,6 @@ function ProxyViewerContainer({
   const [allLogs, setAllLogs] = reactExports.useState([]);
   const [selectedSession, setSelectedSession] = reactExports.useState(initialSessionId ?? "__all__");
   const [selectedModel, setSelectedModel] = reactExports.useState("__all__");
-  const [viewMode, setViewMode] = reactExports.useState("simple");
   const [error, setError] = reactExports.useState(null);
   const [streamInitialized, setStreamInitialized] = reactExports.useState(initialSessionId === void 0);
   const [logPage, setLogPage] = reactExports.useState(null);
@@ -11798,6 +11828,7 @@ function ProxyViewerContainer({
     })();
   }, []);
   const { strip, captureMode, slowResponseThresholdSeconds, timeDisplayFormat } = useStripConfig();
+  const viewMode = captureMode;
   const loadOldestPage = reactExports.useCallback(() => {
     loadSessionPage({ kind: "oldest" });
   }, [loadSessionPage]);
@@ -11859,7 +11890,6 @@ function ProxyViewerContainer({
         pagination,
         sessionMemberships,
         viewMode,
-        onViewModeChange: setViewMode,
         captureMode,
         strip,
         slowResponseThresholdSeconds,