@tonyclaw/agent-inspector 2.0.18 → 2.0.19

package/.output/server/_ssr/{ProxyViewerContainer-B_ppaNmQ.mjs → ProxyViewerContainer-Bmu9867L.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_TIME_DISPLAY_FORMAT, c as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, i as createPendingProviderTestResults, j as ProviderTestResultsSchema, k as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, g as getSessionPath, f as providerHasContextMetadata, h as findProviderModelMetadata, s as safeGetOwnProperty, K as KnowledgeCandidateSchema, e as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, d as AnthropicRequestSchema, l as resolveProviderContextWindow, m as isPlainRecord } from "./router-Ddl1tuU7.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_TIME_DISPLAY_FORMAT, c as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, i as createPendingProviderTestResults, j as ProviderTestResultsSchema, k as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, f as providerHasContextMetadata, h as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, d as AnthropicRequestSchema, s as safeGetOwnProperty, l as resolveProviderContextWindow, K as KnowledgeCandidateSchema, e as stripClaudeCodeBillingHeader, n as isPlainRecord } from "./router-SbCnbDc2.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";
@@ -7,9 +7,9 @@ import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as Portal$2, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
-import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.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, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, i as Trash2, W as Wrench, j as TriangleAlert, B as Brain, k as EyeOff, l as Eye, R as RotateCw, m as Pencil, n as ArrowUpRight, o as ArrowDownRight, p as Minus, q as CircleCheckBig, r as CircleX, s as ShieldCheck, t as RefreshCw, u as Save, F as FileSearch, v as CircleCheck, w as CloudUpload, O as OctagonAlert, G as Globe, x as FileTerminal, y as Radio, z as ChevronsUp, H as ChevronsDown, I as FileDiff, J as History, K as RotateCcw, N as Search, Q as GitCompareArrows, V as CircleQuestionMark, Y as Server, _ as Gauge, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as ArrowUp, a3 as ArrowDown, a4 as Ellipsis, a5 as CodeXml, a6 as Blocks, a7 as MousePointerClick, a8 as FileText, a9 as Rows3, aa as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, E as EyeOff, f as Eye, g as ExternalLink, R as RotateCw, h as Clock, i as Pencil, j as Trash2, L as LoaderCircle, k as ArrowUpRight, l as ArrowDownRight, m as ChevronRight, n as User, M as MessageSquare, Z as Zap, W as Wrench, o as TriangleAlert, B as Brain, p as Minus, q as CircleCheckBig, r as CircleQuestionMark, s as Server, G as Gauge, t as Lock, u as Wifi, v as WifiOff, w as CircleX, x as ShieldCheck, y as RefreshCw, z as Save, F as FileSearch, H as CircleCheck, I as CloudUpload, O as OctagonAlert, J as Globe, K as FileTerminal, N as Radio, Q as ChevronsUp, V as ChevronsDown, Y as FileDiff, _ as History, $ as RotateCcw, a0 as Search, a1 as GitCompareArrows, a2 as ArrowUp, a3 as ArrowDown, a4 as Ellipsis, a5 as CodeXml, a6 as Blocks, a7 as MousePointerClick, a8 as FileText, a9 as Rows3, aa 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";
@@ -191,36 +191,39 @@ function OnboardingBanner() {
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 font-medium text-amber-600 dark:text-amber-400", children: isFullMode ? "Agent Inspector is ready in Full mode" : "Agent Inspector is ready in Simple mode" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { className: "space-y-0.5 text-xs leading-relaxed text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("ol", { className: "space-y-0.5 text-xs leading-relaxed text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "1. Start in the right mode" }),
+              ": this process is currently running in",
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: captureMode }),
+              ". Mode is fixed at startup."
+            ] }),
             isFullMode ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Full mode" }),
-                ": raw headers, raw response, and SSE chunks are captured for diagnostics."
+                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "2. Full diagnostics" }),
+                ": raw headers, raw response, and SSE chunks are captured for deep investigations."
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Daily work" }),
-                ": restart with ",
-                /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "agent-inspector --mode simple" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "3. Daily work" }),
+                ": restart with",
                 " ",
-                "to reduce capture overhead."
+                /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "agent-inspector --mode simple" }),
+                " to reduce capture overhead."
               ] })
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Simple mode" }),
-                ": lightweight capture for requests, responses, tools, timing, and token usage."
+                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "2. Simple capture" }),
+                ": requests, responses, tools, timing, tokens, replay, and memory candidates are available with lower overhead."
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Need diagnostics?" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "3. Need raw diagnostics?" }),
                 " Restart with",
                 " ",
                 /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "agent-inspector --mode full" }),
                 " for raw headers, raw response, and SSE chunks."
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Replay and Memory" }),
-              ": available in both modes for provider checks and reviewable knowledge candidates."
-            ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Agent setup" }),
               ": run ",
@@ -265,6 +268,15 @@ function OnboardingBanner() {
     }
   );
 }
+const REDACTED = "[REDACTED]";
+const SECRET_KEY_PATTERN = /(^|[-_])(api[-_]?key|authorization|cookie|token|secret|password|access[-_]?token|refresh[-_]?token)([-_]|$)/i;
+const SECRET_TEXT_PATTERNS = [
+  /Bearer\s+[A-Za-z0-9._~+/=-]{12,}/gi,
+  /\bsk-[A-Za-z0-9_-]{12,}\b/g,
+  /\bsk-ant-[A-Za-z0-9_-]{12,}\b/g,
+  /\bghp_[A-Za-z0-9_]{12,}\b/g,
+  /\bglpat-[A-Za-z0-9_-]{12,}\b/g
+];
 async function fetchStreamingChunks(logId) {
   try {
     const response = await fetch(`/api/logs/${logId}/chunks`);
@@ -275,14 +287,59 @@ async function fetchStreamingChunks(logId) {
     return null;
   }
 }
-async function exportLogsAsZip(logs) {
+function isRecord$1(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function redactValue(value) {
+  if (Array.isArray(value)) return value.map((item) => redactValue(item));
+  if (!isRecord$1(value)) return value;
+  const result = {};
+  for (const [key, item] of Object.entries(value)) {
+    result[key] = SECRET_KEY_PATTERN.test(key) ? REDACTED : redactValue(item);
+  }
+  return result;
+}
+function redactJsonText(text) {
+  const redactText = (value) => {
+    let result = value;
+    for (const pattern of SECRET_TEXT_PATTERNS) {
+      result = result.replace(pattern, REDACTED);
+    }
+    return result;
+  };
+  try {
+    const parsed = JSON.parse(text);
+    return redactText(JSON.stringify(redactValue(parsed), null, 2));
+  } catch {
+    return redactText(text);
+  }
+}
+function exportText(text, mode) {
+  return mode === "redacted" ? redactJsonText(text) : text;
+}
+async function exportLogsAsZip(logs, mode = "redacted") {
   const zip = new JSZip();
+  const suffix = mode === "redacted" ? "redacted" : "raw";
+  zip.file(
+    "manifest.json",
+    JSON.stringify(
+      {
+        exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        mode,
+        redacted: mode === "redacted",
+        logCount: logs.length,
+        logIds: logs.map((log) => log.id)
+      },
+      null,
+      2
+    )
+  );
   for (const log of logs) {
     if (log.rawRequestBody !== null) {
-      zip.file(`#${log.id}.Request.json`, log.rawRequestBody);
+      zip.file(`#${log.id}.Request.json`, exportText(log.rawRequestBody, mode));
     }
     if (log.responseText !== null) {
-      zip.file(`#${log.id}.Response.json`, log.responseText);
+      zip.file(`#${log.id}.Response.json`, exportText(log.responseText, mode));
     }
   }
   const streamingLogs = logs.filter((log) => log.streaming);
@@ -290,7 +347,7 @@ async function exportLogsAsZip(logs) {
     streamingLogs.map(async (log) => {
       const chunks = await fetchStreamingChunks(log.id);
       if (chunks !== null) {
-        zip.file(`#${log.id}.SSE.Response.json`, chunks);
+        zip.file(`#${log.id}.SSE.Response.json`, exportText(chunks, mode));
       }
     })
   );
@@ -298,7 +355,7 @@ async function exportLogsAsZip(logs) {
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
   anchor.href = url;
-  anchor.download = `agent-inspector-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`;
+  anchor.download = `agent-inspector-export-${suffix}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`;
   document.body.appendChild(anchor);
   anchor.click();
   document.body.removeChild(anchor);
@@ -349,7 +406,7 @@ async function fetcher(url) {
 }
 function useProviders() {
   const response = useSWR(
-    "/api/providers",
+    "/api/providers?includeSecrets=1",
     fetcher,
     {
       revalidateOnFocus: false,
@@ -363,7 +420,7 @@ function useProviders() {
     mutate: response.mutate
   };
 }
-const version = "2.0.18";
+const version = "2.0.19";
 const packageJson = {
   version
 };
@@ -1424,19 +1481,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-TgGZLf1J.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-Cf1yfwfd.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BXlajnMC.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DxZfLBOe.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-CCrx09-i.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-CbdERGZd.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-BxtMJrov.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-CvLd6qxI.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-BlpdSPb8.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-B_lkRB6o.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -4944,9 +5001,22 @@ const ConversationGroup = reactExports.memo(function({
   onClearGroup,
   standalone = false,
   hasPinnedSessionContext = false,
-  timeDisplayFormat
+  timeDisplayFormat,
+  expanded: controlledExpanded,
+  onExpandedChange
 }) {
-  const [expanded, setExpanded] = reactExports.useState(false);
+  const [internalExpanded, setInternalExpanded] = reactExports.useState(false);
+  const expanded = controlledExpanded ?? internalExpanded;
+  const setExpanded = reactExports.useCallback(
+    (nextExpanded) => {
+      if (onExpandedChange !== void 0) {
+        onExpandedChange(nextExpanded);
+        return;
+      }
+      setInternalExpanded(nextExpanded);
+    },
+    [onExpandedChange]
+  );
   const stats = reactExports.useMemo(() => computeStats(group.logs), [group.logs]);
   const startTime = group.logs[0]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
   const endTime = group.logs[group.logs.length - 1]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
@@ -4966,7 +5036,7 @@ const ConversationGroup = reactExports.memo(function({
     return () => {
       window.removeEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
     };
-  }, [group.logs, standalone]);
+  }, [group.logs, setExpanded, standalone]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
     !standalone && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConversationHeader,
@@ -5520,10 +5590,6 @@ function ImportWizardDialog({
     ] })
   ] }) });
 }
-function maskApiKey(apiKey) {
-  if (apiKey.length <= 8) return "••••••••";
-  return apiKey.slice(0, 4) + "••••••••" + apiKey.slice(-4);
-}
 const KNOWN_PROVIDER_DOCS = {
   deepseek: "https://api-docs.deepseek.com/zh-cn/"
 };
@@ -7112,6 +7178,7 @@ function SettingsDialog() {
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "providers", children: "Providers" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "proxy", children: "Proxy" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "storage", children: "Storage" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "onboarding", children: "Onboarding" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 flex-1 overflow-x-hidden overflow-y-auto pr-3", children: [
@@ -7132,12 +7199,95 @@ function SettingsDialog() {
             }
           ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "proxy", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProxySettingsTab, {}) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "storage", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StorageSettingsTab, {}) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "onboarding", children: /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingSettingsTab, {}) })
         ] })
       ] })
     ] })
   ] });
 }
+const LogStorageStatsSchema = object({
+  memoryCount: number(),
+  logDir: string(),
+  logFileCount: number(),
+  logBytes: number(),
+  chunkDir: string(),
+  chunkFileCount: number(),
+  chunkBytes: number()
+});
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KiB`;
+  if (bytes < 1024 * 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} MiB`;
+  return `${(bytes / 1024 / 1024 / 1024).toFixed(1)} GiB`;
+}
+function StorageSettingsTab() {
+  const [stats, setStats] = reactExports.useState(null);
+  const [error, setError] = reactExports.useState(null);
+  const [loading, setLoading] = reactExports.useState(false);
+  const refresh = reactExports.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await fetch("/api/logs?stats=1");
+      if (!response.ok) {
+        setError(`Failed to load storage stats: HTTP ${String(response.status)}`);
+        return;
+      }
+      const data = await response.json();
+      const parsed = LogStorageStatsSchema.safeParse(data);
+      if (!parsed.success) {
+        setError("Storage stats response was not valid.");
+        return;
+      }
+      setStats(parsed.data);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: "Log storage" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Inspect local log and streaming chunk footprint before exporting or clearing sessions." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void refresh(), children: loading ? "Refreshing..." : "Refresh" })
+    ] }),
+    stats !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "In-memory logs" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-muted-foreground", children: [
+          stats.memoryCount.toLocaleString(),
+          " loaded"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Log files" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 break-all font-mono text-muted-foreground", children: stats.logDir }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-muted-foreground", children: [
+          stats.logFileCount.toLocaleString(),
+          " files / ",
+          formatBytes(stats.logBytes)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: "Streaming chunks" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 break-all font-mono text-muted-foreground", children: stats.chunkDir }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 font-mono text-muted-foreground", children: [
+          stats.chunkFileCount.toLocaleString(),
+          " files / ",
+          formatBytes(stats.chunkBytes)
+        ] })
+      ] })
+    ] }),
+    error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: error })
+  ] });
+}
 function CopyableSetupValue({
   id,
   label,
@@ -7300,7 +7450,8 @@ function ProxySettingsTab() {
           "agent-inspector --mode ",
           alternateCaptureMode
         ] }),
-        " to change it."
+        " 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: [
@@ -7330,7 +7481,7 @@ function ProxySettingsTab() {
           className: "size-4 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: isLoading ? "Loading…" : strip ? "Stripping enabled" : "Stripping disabled" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: isLoading ? "Loading..." : strip ? "Stripping enabled" : "Stripping disabled" })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "slow-response-threshold", className: "text-sm font-semibold", children: "Slow response threshold" }),
@@ -7413,6 +7564,107 @@ function compareField(previous, current) {
   if (current < previous) return { direction: "down", delta: previous - current };
   return null;
 }
+const VIRTUALIZE_GROUP_THRESHOLD = 30;
+const ESTIMATED_GROUP_HEIGHT = 112;
+const VIRTUAL_OVERSCAN = 6;
+function shouldVirtualizeConversationGroups(groupCount) {
+  return groupCount > VIRTUALIZE_GROUP_THRESHOLD;
+}
+function ConversationGroupList({
+  groups,
+  standalone,
+  ...groupProps
+}) {
+  if (!shouldVirtualizeConversationGroups(groups.length)) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: groups.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationGroup, { group, standalone, ...groupProps }, group.id)) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualizedConversationGroupList, { groups, standalone, ...groupProps });
+}
+function VirtualizedConversationGroupList({
+  groups,
+  standalone,
+  ...groupProps
+}) {
+  const [expandedByGroupId, setExpandedByGroupId] = reactExports.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const virtualizer = useWindowVirtualizer({
+    count: groups.length,
+    estimateSize: () => ESTIMATED_GROUP_HEIGHT,
+    overscan: VIRTUAL_OVERSCAN,
+    getItemKey: (index) => groups[index]?.id ?? index
+  });
+  const setGroupExpanded = reactExports.useCallback((groupId, expanded) => {
+    setExpandedByGroupId((previous) => {
+      const next = new Map(previous);
+      if (expanded) {
+        next.set(groupId, true);
+      } else {
+        next.delete(groupId);
+      }
+      return next;
+    });
+  }, []);
+  const indexByLogId = reactExports.useMemo(() => {
+    const result = /* @__PURE__ */ new Map();
+    for (let index = 0; index < groups.length; index++) {
+      const group = groups[index];
+      if (group === void 0) continue;
+      for (const log of group.logs) {
+        result.set(log.id, index);
+      }
+    }
+    return result;
+  }, [groups]);
+  reactExports.useEffect(() => {
+    const handleLogFocusRequest = (event) => {
+      const request = readLogFocusRequest(event);
+      if (request === null) return;
+      const index = indexByLogId.get(request.logId);
+      if (index === void 0) return;
+      const group = groups[index];
+      if (group === void 0) return;
+      setGroupExpanded(group.id, true);
+      virtualizer.scrollToIndex(index, { align: "center" });
+    };
+    window.addEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    return () => {
+      window.removeEventListener(LOG_FOCUS_REQUEST_EVENT, handleLogFocusRequest);
+    };
+  }, [groups, indexByLogId, setGroupExpanded, virtualizer]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "relative w-full",
+      style: { height: `${virtualizer.getTotalSize()}px` },
+      "data-virtualized-conversation-list": "true",
+      children: virtualizer.getVirtualItems().map((virtualItem) => {
+        const group = groups[virtualItem.index];
+        if (group === void 0) return null;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            "data-index": virtualItem.index,
+            ref: virtualizer.measureElement,
+            className: "absolute left-0 top-0 w-full",
+            style: { transform: `translateY(${virtualItem.start}px)` },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              ConversationGroup,
+              {
+                group,
+                standalone,
+                expanded: expandedByGroupId.get(group.id) ?? false,
+                onExpandedChange: (expanded) => setGroupExpanded(group.id, expanded),
+                ...groupProps
+              }
+            )
+          },
+          virtualItem.key
+        );
+      })
+    }
+  );
+}
 const NAV_ATTR = "data-nav-id";
 const NAV_ACTION_ATTR = "data-nav-action";
 function findNavItems(container) {
@@ -8434,7 +8686,7 @@ function buildSessionContextSummary(logs, providers = []) {
 }
 function truncateSessionId(id) {
   if (id.length <= 30) return id;
-  return id.slice(0, 12) + "…" + id.slice(-12);
+  return `${id.slice(0, 12)}...${id.slice(-12)}`;
 }
 function computeTokenSummary(logs) {
   let totalIn = 0;
@@ -8939,7 +9191,7 @@ function ProxyViewer({
 }) {
   const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
   const { providers } = useProviders();
-  const [exporting, setExporting] = reactExports.useState(false);
+  const [exporting, setExporting] = reactExports.useState(null);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
     "hidden"
@@ -8966,14 +9218,17 @@ function ProxyViewer({
     const requestLabel = logs.length === 1 ? "1 req" : `${logs.length} req`;
     document.title = `${truncateSessionId(pinnedSessionId)} - ${requestLabel} - Agent Inspector`;
   }, [logs.length, pinnedSessionId]);
-  const handleExport = reactExports.useCallback(async () => {
-    setExporting(true);
-    try {
-      await exportLogsAsZip(logs);
-    } finally {
-      setExporting(false);
-    }
-  }, [logs]);
+  const handleExport = reactExports.useCallback(
+    async (mode) => {
+      setExporting(mode);
+      try {
+        await exportLogsAsZip(logs, mode);
+      } finally {
+        setExporting(null);
+      }
+    },
+    [logs]
+  );
   reactExports.useEffect(() => {
     setComparePair(null);
   }, [selectedSession, selectedModel]);
@@ -9114,24 +9369,37 @@ function ProxyViewer({
           logs.length,
           " request",
           logs.length !== 1 ? "s" : "",
-          totalIn > 0 || totalOut > 0 ? ` · ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out` : ""
+          totalIn > 0 || totalOut > 0 ? ` - ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out` : ""
         ] }),
         logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",
             onClick: () => {
-              void handleExport();
+              void handleExport("redacted");
             },
-            disabled: exporting,
+            disabled: exporting !== null,
             className: "h-8 px-3 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 all logs as JSON ZIP",
-            children: exporting ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Exporting..." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            title: "Export redacted logs as JSON ZIP",
+            children: exporting === "redacted" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Exporting..." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3.5" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Export" })
             ] })
           }
         ),
+        logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              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",
+            title: "Export raw logs without redaction",
+            children: exporting === "raw" ? "Exporting..." : "Raw"
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -9163,17 +9431,20 @@ function ProxyViewer({
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-center text-muted-foreground py-16 space-y-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "No requests captured yet." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: "Route AI coding tools through the proxy:" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "LLM_BASE_URL=http://localhost:25947/proxy <your-tool>" })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "ANTHROPIC_BASE_URL=http://localhost:25947/proxy <your-tool>" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "OPENAI_BASE_URL=http://localhost:25947/proxy <your-tool>" })
+      ] })
     ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         ref: logListWrapperRef,
         tabIndex: 0,
         className: "flex flex-col gap-2 focus:outline-none",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: logListRef, children: groups.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ConversationGroup,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: logListRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ConversationGroupList,
           {
-            group,
+            groups,
             viewMode,
             strip,
             slowResponseThresholdSeconds,
@@ -9184,9 +9455,8 @@ function ProxyViewer({
             standalone: groups.length === 1,
             hasPinnedSessionContext: hasSessionContext,
             timeDisplayFormat
-          },
-          group.id
-        )) })
+          }
+        ) })
       }
     ) }),
     comparePair !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(LazyCompareDrawer, { left: comparePair[0], right: comparePair[1], onClose: closeCompare }) })
@@ -9348,6 +9618,10 @@ function ProxyViewerContainer({
     if (!hash.startsWith("#log-")) return;
     if (handledHashRef.current === hash) return;
     const targetId = hash.slice(1);
+    const logId = Number(targetId.replace(/^log-/, ""));
+    if (Number.isInteger(logId) && logId > 0) {
+      dispatchLogFocusRequest({ logId, tab: "request" });
+    }
     let cancelled = false;
     let attempts = 0;
     let highlightedTarget = null;
@@ -9474,6 +9748,7 @@ export {
   Badge as B,
   CONTEXT_USAGE_THRESHOLDS as C,
   Dialog as D,
+  safeJsonValue as E,
   JsonViewerFromString as J,
   ProxyViewerContainer as P,
   ROLE_COLOR_CLASSES as R,
@@ -9489,20 +9764,20 @@ export {
   TabsList as h,
   TabsTrigger as i,
   TabsContent as j,
-  TooltipProvider as k,
-  Tooltip as l,
-  TooltipTrigger as m,
-  TooltipContent as n,
-  Button as o,
-  analyzeContextIntelligence as p,
-  formatContextWindowTokens as q,
+  Button as k,
+  TooltipProvider as l,
+  Tooltip as m,
+  TooltipTrigger as n,
+  TooltipContent as o,
+  dispatchLogFocusRequest as p,
+  analyzeContextIntelligence as q,
   resolveLogFormat as r,
-  getStatusCategory as s,
-  Collapsible as t,
+  formatContextWindowTokens as s,
+  getStatusCategory as t,
   useProviders as u,
-  CollapsibleTrigger as v,
-  CollapsibleContent as w,
-  ScrollArea as x,
-  JsonViewer as y,
-  safeJsonValue as z
+  Collapsible as v,
+  CollapsibleTrigger as w,
+  CollapsibleContent as x,
+  ScrollArea as y,
+  JsonViewer as z
 };