@tonyclaw/agent-inspector 2.1.3 → 2.1.5

package/.output/server/_ssr/{ProxyViewerContainer-Cx4p_awW.mjs → ProxyViewerContainer-BEeF4V-C.mjs}

@@ -1,15 +1,15 @@
 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-DRZPhZB6.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, p as packageJson, P as ProviderConfigSchema, g as apiFormatForPath, l as GroupEvidenceExportResultSchema, m as DeleteInspectorGroupResponseSchema, r as createPendingProviderTestResults, t as ProviderTestResultsSchema, u as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, v as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, h as getSessionPath, f as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, w as resolveProviderContextWindow, j as AlertSummarySchema, k as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, q as maskApiKey, n as providerHasContextMetadata, o as findProviderModelMetadata, K as KnowledgeCandidateSchema, i as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, x as isPlainRecord } from "./router-C8DJ5pQZ.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";
 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$1, C as Content, a as Close, b as Title, P as Portal$2, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
+import { R as Root, T as Trigger$1, C as Content, a as Close, b as Title, D as Description, 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 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 { I as Info, C as ChevronDown, a as Check, X, D as Download, F as FileBraces, T as Trash2, P as Plus, A as ArrowLeft, b as ChevronUp, c as Copy, d as ChevronsLeft, e as ChevronLeft, f as ChevronRight, g as ChevronsRight, h as Clapperboard, S as Siren, G as Gauge, L as Layers, i as LoaderCircle, R as RefreshCw, j as Settings, U as Upload, k as Scan, l as CircleAlert, m as Terminal, n as ArrowUpRight, o as ArrowDownRight, p as User, q as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, W as Wrench, r as TriangleAlert, B as Brain, s as EyeOff, t as Eye, u as RotateCw, v as Pencil, w as CircleX, x as ShieldCheck, y as Save, z as FileSearch, H as CircleCheck, J as CloudUpload, O as OctagonAlert, K as Radio, N as Globe, Q as FileTerminal, V as ChevronsUp, Y as ChevronsDown, _ as FileDiff, $ as History, a0 as RotateCcw, a1 as Search, a2 as GitCompareArrows, a3 as Minus, a4 as CircleCheckBig, a5 as ArrowUp, a6 as ArrowDown, a7 as CircleQuestionMark, a8 as Server, a9 as Lock, aa as Wifi, ab as WifiOff, ac as Ellipsis, ad as CodeXml, ae as Blocks, af as MousePointerClick, ag as FileText, ah as Rows3, ai as Columns2 } from "../_libs/lucide-react.mjs";
+import { I as Info, C as ChevronDown, a as Check, X, U as Upload, D as Download, F as FileBraces, T as Trash2, P as Plus, A as ArrowLeft, b as ChevronUp, c as Copy, d as ChevronsLeft, e as ChevronLeft, f as ChevronRight, g as ChevronsRight, h as Clapperboard, S as Siren, G as Gauge, L as LoaderCircle, R as RefreshCw, i as Layers, j as Settings, k as Scan, l as CircleAlert, m as Terminal, n as ArrowUpRight, o as ArrowDownRight, p as User, q as Clock, M as MessageSquare, Z as Zap, E as ExternalLink, W as Wrench, r as TriangleAlert, B as Brain, s as Bell, t as Clock3, u as ShieldAlert, v as EyeOff, w as Eye, x as RotateCw, y as Pencil, z as CircleX, H as ShieldCheck, J as Save, K as FileSearch, N as CircleCheck, O as CloudUpload, Q as OctagonAlert, V as Radio, Y as Globe, _ as FileTerminal, $ as ChevronsUp, a0 as ChevronsDown, a1 as FileDiff, a2 as History, a3 as RotateCcw, a4 as Search, a5 as GitCompareArrows, a6 as Minus, a7 as CircleCheckBig, a8 as ArrowUp, a9 as ArrowDown, aa as CircleQuestionMark, ab as Server, ac as Lock, ad as Wifi, ae as WifiOff, af as Ellipsis, ag as CodeXml, ah as Blocks, ai as MousePointerClick, aj as FileText, ak as Rows3, al 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 { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
@@ -41,6 +41,37 @@ async function fetchJson(input, schema, init, errorFallback) {
   }
   return parseJsonResponse$1(response, schema);
 }
+function formatTimeout(timeoutMs) {
+  if (timeoutMs < 1e3) return `${String(timeoutMs)}ms`;
+  return `${String(Math.round(timeoutMs / 1e3))}s`;
+}
+class ApiTimeoutError extends Error {
+  constructor(timeoutMs) {
+    super(`Request timed out after ${formatTimeout(timeoutMs)}`);
+    this.name = "ApiTimeoutError";
+  }
+}
+async function fetchJsonWithTimeout(input, schema, timeoutMs, init, errorFallback) {
+  const controller = new AbortController();
+  const timeout = setTimeout(() => controller.abort(), timeoutMs);
+  try {
+    return await fetchJson(input, schema, { ...init, signal: controller.signal }, errorFallback);
+  } catch (error) {
+    if (error instanceof DOMException && error.name === "AbortError") {
+      throw new ApiTimeoutError(timeoutMs);
+    }
+    throw error;
+  } finally {
+    clearTimeout(timeout);
+  }
+}
+const ImportLogsResponseSchema = object({
+  sessionId: string(),
+  imported: number().int().nonnegative(),
+  skipped: number().int().nonnegative(),
+  warnings: array(string()),
+  logs: array(CapturedLogSchema)
+});
 const STRIP_CONFIG_SWR_KEY = "/api/config";
 async function fetcher$2(url) {
   return fetchJson(
@@ -356,6 +387,29 @@ function redactJsonText(text) {
 function exportText(text, mode) {
   return mode === "redacted" ? redactJsonText(text) : text;
 }
+function buildExportLogMetadata(log, mode) {
+  return {
+    ...log,
+    rawRequestBody: null,
+    responseText: null,
+    rawHeaders: mode === "raw" ? log.rawHeaders : void 0,
+    headers: mode === "raw" ? log.headers : void 0,
+    streamingChunks: void 0,
+    bodyContentMode: "compact"
+  };
+}
+function buildExportManifest(logs, mode, streamingLogs, exportedAt = (/* @__PURE__ */ new Date()).toISOString()) {
+  return {
+    version: packageJson.version,
+    exportedAt,
+    mode,
+    redacted: mode === "redacted",
+    logCount: logs.length,
+    logIds: logs.map((log) => log.id),
+    streamingChunkExportLimit: MAX_STREAMING_CHUNK_EXPORTS,
+    streamingChunkLogIds: streamingLogs.map((log) => log.id)
+  };
+}
 async function exportLogsAsZip(logs, mode = "redacted") {
   const limitMessage = exportLimitMessage(logs);
   if (limitMessage !== null) return { ok: false, message: limitMessage };
@@ -364,16 +418,12 @@ async function exportLogsAsZip(logs, mode = "redacted") {
   const streamingLogs = logs.filter((log) => log.streaming).slice(0, MAX_STREAMING_CHUNK_EXPORTS);
   zip.file(
     "manifest.json",
+    JSON.stringify(buildExportManifest(logs, mode, streamingLogs), null, 2)
+  );
+  zip.file(
+    "logs.json",
     JSON.stringify(
-      {
-        exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
-        mode,
-        redacted: mode === "redacted",
-        logCount: logs.length,
-        logIds: logs.map((log) => log.id),
-        streamingChunkExportLimit: MAX_STREAMING_CHUNK_EXPORTS,
-        streamingChunkLogIds: streamingLogs.map((log) => log.id)
-      },
+      logs.map((log) => buildExportLogMetadata(log, mode)),
       null,
       2
     )
@@ -458,7 +508,7 @@ async function copyTextToClipboard(text) {
   }
   return copyWithTextareaFallback(text);
 }
-function formatTimestamp$1(iso, format) {
+function formatTimestamp$2(iso, format) {
   switch (format) {
     case "full":
       return iso;
@@ -471,7 +521,7 @@ function formatTimestamp$1(iso, format) {
   }
 }
 function formatTimestampRange(startedAt, endedAt, format) {
-  return `${formatTimestamp$1(startedAt, format)} - ${formatTimestamp$1(endedAt, format)}`;
+  return `${formatTimestamp$2(startedAt, format)} - ${formatTimestamp$2(endedAt, format)}`;
 }
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -675,6 +725,19 @@ function DialogTitle({
     }
   );
 }
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -1926,19 +1989,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-D44_F13_.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-DqQHO4tk.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-wScCF3Oc.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DUZbsd5x.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-Cf7R7PXS.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-DKuIxoBj.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-7pVIZLL-.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-BB9CYmTJ.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-Bs57_GbC.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-CkY3uTjF.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -2411,7 +2474,7 @@ const LogEntryHeader = reactExports.memo(function({
         ] }),
         /* @__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", title: log.timestamp, children: formatTimestamp$1(log.timestamp, timeDisplayFormat) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", title: log.timestamp, children: formatTimestamp$2(log.timestamp, timeDisplayFormat) })
         ] }),
         log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderLogo, { provider: detectProvider(log.model), className: "size-4" }) }) }),
@@ -3505,10 +3568,53 @@ function resolveFocusedTab(tab, anatomySegments) {
       return "request";
   }
 }
+const FULL_LOG_HYDRATION_TIMEOUT_MS = 15e3;
+const BODY_CHUNK_TIMEOUT_MS = 15e3;
+const BODY_CHUNK_BYTES = 256 * 1024;
+const CHUNKED_BODY_THRESHOLD_BYTES = 1024 * 1024;
 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) {
+function createEmptyBodyPreviewState(totalBytes = null) {
+  return {
+    status: "idle",
+    text: "",
+    offset: 0,
+    totalBytes,
+    hasMore: totalBytes !== null && totalBytes > 0,
+    error: null
+  };
+}
+function bodyByteCount(value) {
+  return value ?? 0;
+}
+function isCompactBody(log) {
   return log.bodyContentMode === "compact" || log.bodyContentMode === "truncated";
 }
+function shouldUseChunkedBodyLoading(log) {
+  if (!isCompactBody(log)) return false;
+  return bodyByteCount(log.rawRequestBodyBytes) > CHUNKED_BODY_THRESHOLD_BYTES || bodyByteCount(log.responseTextBytes) > CHUNKED_BODY_THRESHOLD_BYTES;
+}
+function shouldHydrateLogBody(log) {
+  return isCompactBody(log) && !shouldUseChunkedBodyLoading(log);
+}
+function formatBytes$1(bytes) {
+  if (bytes < 1024) return `${bytes.toLocaleString()} 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 bodyPreviewErrorMessage(error) {
+  if (error instanceof ApiTimeoutError) {
+    return "Body preview timed out. The log is still available on disk; try loading again.";
+  }
+  if (error instanceof Error) return error.message;
+  return "Body preview could not be loaded.";
+}
+function bodyPreviewTextForView(enabled, state) {
+  if (!enabled) return null;
+  if (state.text !== "") return state.text;
+  if (state.status === "success") return "";
+  return null;
+}
 function ExpandedPanel({
   children,
   className
@@ -3554,6 +3660,41 @@ function NoticeBlock({
     }
   );
 }
+function BodyPreviewNotice({
+  label,
+  state,
+  expectedBytes,
+  onLoadMore
+}) {
+  const totalBytes = state.totalBytes ?? expectedBytes;
+  const loadedLabel = totalBytes === null ? formatBytes$1(state.offset) : `${formatBytes$1(state.offset)} / ${formatBytes$1(totalBytes)}`;
+  const showLoadMore = state.status !== "loading" && state.hasMore;
+  const actionLabel = state.status === "failed" ? "Retry" : "Load more";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    NoticeBlock,
+    {
+      tone: state.status === "failed" ? "warning" : "loading",
+      title: `${label} body preview`,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          state.status === "idle" && totalBytes !== null ? `${label} body is ${formatBytes$1(totalBytes)}. Loading the first preview chunk.` : `Loaded ${loadedLabel}.`,
+          state.status === "failed" && state.error !== null && ` ${state.error}`
+        ] }),
+        showLoadMore && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "h-7 border-white/10 bg-black/20 text-xs text-cyan-100 hover:border-cyan-300/35 hover:bg-cyan-400/10",
+            onClick: onLoadMore,
+            children: actionLabel
+          }
+        )
+      ] })
+    }
+  );
+}
 function HeaderRows({
   headers,
   emptyLabel
@@ -3633,8 +3774,24 @@ const LogEntry = reactExports.memo(function({
   const [expandToPath, setExpandToPath] = reactExports.useState(null);
   const [hydratedLog, setHydratedLog] = reactExports.useState(null);
   const [bodyHydrationState, setBodyHydrationState] = reactExports.useState("idle");
+  const [requestPreview, setRequestPreview] = reactExports.useState(
+    () => createEmptyBodyPreviewState(log.rawRequestBodyBytes ?? null)
+  );
+  const [responsePreview, setResponsePreview] = reactExports.useState(
+    () => createEmptyBodyPreviewState(log.responseTextBytes ?? null)
+  );
   const requestJsonRef = reactExports.useRef(null);
+  const logIdRef = reactExports.useRef(log.id);
   const displayLog = hydratedLog ?? log;
+  const useChunkedBody = hydratedLog === null && shouldUseChunkedBodyLoading(log);
+  const requestPreviewBody = bodyPreviewTextForView(useChunkedBody, requestPreview);
+  const responsePreviewBody = bodyPreviewTextForView(useChunkedBody, responsePreview);
+  const rawRequestBodyForView = displayLog.rawRequestBody ?? requestPreviewBody;
+  const responseTextForView = displayLog.responseText ?? responsePreviewBody;
+  const requestPreviewIsActive = displayLog.rawRequestBody === null && requestPreviewBody !== null;
+  const responsePreviewIsActive = displayLog.responseText === null && responsePreviewBody !== null;
+  const requestPreviewShouldParse = !requestPreviewIsActive || requestPreview.hasMore === false && bodyByteCount(requestPreview.totalBytes) <= CHUNKED_BODY_THRESHOLD_BYTES;
+  const responsePreviewShouldParse = !responsePreviewIsActive || responsePreview.hasMore === false && bodyByteCount(responsePreview.totalBytes) <= CHUNKED_BODY_THRESHOLD_BYTES;
   const resolvedFormat = resolveLogFormat(displayLog);
   const adapter = getLogFormatAdapter(resolvedFormat);
   const requestAnalysis = reactExports.useMemo(
@@ -3651,10 +3808,16 @@ const LogEntry = reactExports.memo(function({
     }
     return stripClaudeCodeBillingHeader(displayLog.rawRequestBody).body;
   }, [displayLog.rawRequestBody, resolvedFormat, strip]);
-  const displayedRequestBody = strippedRequestBody ?? displayLog.rawRequestBody;
-  const requestExpansion = useJsonBulkExpansion(displayedRequestBody);
-  const rawRequestExpansion = useJsonBulkExpansion(displayLog.rawRequestBody);
-  const responseExpansion = useJsonBulkExpansion(displayLog.responseText);
+  const displayedRequestBody = strippedRequestBody ?? rawRequestBodyForView;
+  const requestExpansion = useJsonBulkExpansion(
+    requestPreviewShouldParse ? displayedRequestBody : null
+  );
+  const rawRequestExpansion = useJsonBulkExpansion(
+    requestPreviewShouldParse ? rawRequestBodyForView : null
+  );
+  const responseExpansion = useJsonBulkExpansion(
+    responsePreviewShouldParse ? responseTextForView : null
+  );
   const headersText = reactExports.useMemo(
     () => displayLog.headers && Object.keys(displayLog.headers).length > 0 ? JSON.stringify(displayLog.headers, null, 2) : null,
     [displayLog.headers]
@@ -3664,22 +3827,22 @@ const LogEntry = reactExports.memo(function({
     [displayLog.rawHeaders]
   );
   const requestCopy = useCopyFeedback(displayedRequestBody);
-  const rawRequestCopy = useCopyFeedback(displayLog.rawRequestBody);
+  const rawRequestCopy = useCopyFeedback(rawRequestBodyForView);
   const headersCopy = useCopyFeedback(headersText);
   const rawHeadersCopy = useCopyFeedback(rawHeadersText);
-  const responseCopy = useCopyFeedback(displayLog.responseText);
+  const responseCopy = useCopyFeedback(responseTextForView);
   const tabActions = reactExports.useMemo(
     () => ({
       request: {
-        copyLabel: "Copy request body",
+        copyLabel: requestPreviewIsActive ? "Copy loaded request preview" : "Copy request body",
         copyText: displayedRequestBody,
         copyCopied: requestCopy.copied,
         onCopy: requestCopy.copy,
-        expansion: {
+        expansion: requestPreviewShouldParse ? {
           isExpanded: requestExpansion.isExpanded,
           isPending: requestExpansion.isPending,
           onToggle: requestExpansion.toggle
-        },
+        } : null,
         // "Diff with Raw" only makes sense when there's a raw body to compare
         // against (Anthropic + strip pipeline produces one). "Diff with
         // Previous" only exists when the parent wired up the compare drawer.
@@ -3694,15 +3857,15 @@ const LogEntry = reactExports.memo(function({
         }
       },
       "raw-request": {
-        copyLabel: "Copy raw request",
-        copyText: displayLog.rawRequestBody,
+        copyLabel: requestPreviewIsActive ? "Copy loaded raw request preview" : "Copy raw request",
+        copyText: rawRequestBodyForView,
         copyCopied: rawRequestCopy.copied,
         onCopy: rawRequestCopy.copy,
-        expansion: {
+        expansion: requestPreviewShouldParse ? {
           isExpanded: rawRequestExpansion.isExpanded,
           isPending: rawRequestExpansion.isPending,
           onToggle: rawRequestExpansion.toggle
-        }
+        } : null
       },
       headers: {
         copyLabel: "Copy headers",
@@ -3720,24 +3883,27 @@ const LogEntry = reactExports.memo(function({
         expansion: null
       },
       raw: {
-        copyLabel: "Copy response",
-        copyText: displayLog.responseText,
+        copyLabel: responsePreviewIsActive ? "Copy loaded response preview" : "Copy response",
+        copyText: responseTextForView,
         copyCopied: responseCopy.copied,
         onCopy: responseCopy.copy,
-        expansion: {
+        expansion: responsePreviewShouldParse ? {
           isExpanded: responseExpansion.isExpanded,
           isPending: responseExpansion.isPending,
           onToggle: responseExpansion.toggle
-        }
+        } : null
       }
     }),
     [
       displayedRequestBody,
+      requestPreviewIsActive,
+      requestPreviewShouldParse,
       requestCopy,
       requestExpansion,
       requestDiff,
       displayLog,
       displayLog.rawRequestBody,
+      rawRequestBodyForView,
       rawRequestCopy,
       rawRequestExpansion,
       headersText,
@@ -3745,6 +3911,9 @@ const LogEntry = reactExports.memo(function({
       rawHeadersText,
       rawHeadersCopy,
       displayLog.responseText,
+      responsePreviewIsActive,
+      responsePreviewShouldParse,
+      responseTextForView,
       responseCopy,
       responseExpansion,
       resolvedFormat,
@@ -3773,6 +3942,44 @@ const LogEntry = reactExports.memo(function({
       if (activeTab !== "request") setActiveTab("request");
     }
   });
+  const loadBodyChunk = reactExports.useCallback(
+    (part, offset) => {
+      const setPreview = part === "request" ? setRequestPreview : setResponsePreview;
+      setPreview((current) => ({
+        ...current,
+        status: "loading",
+        error: null
+      }));
+      const params = new URLSearchParams({
+        part,
+        offset: String(offset),
+        limit: String(BODY_CHUNK_BYTES)
+      });
+      void fetchJsonWithTimeout(
+        `/api/logs/${String(log.id)}/body?${params.toString()}`,
+        LogBodyChunkSchema,
+        BODY_CHUNK_TIMEOUT_MS
+      ).then((chunk) => {
+        if (logIdRef.current !== log.id) return;
+        setPreview((current) => ({
+          status: "success",
+          text: chunk.offset === 0 ? chunk.text : `${current.text}${chunk.text}`,
+          offset: chunk.nextOffset ?? chunk.totalBytes,
+          totalBytes: chunk.totalBytes,
+          hasMore: chunk.hasMore,
+          error: null
+        }));
+      }).catch((error) => {
+        if (logIdRef.current !== log.id) return;
+        setPreview((current) => ({
+          ...current,
+          status: "failed",
+          error: bodyPreviewErrorMessage(error)
+        }));
+      });
+    },
+    [log.id]
+  );
   const handleToggleExpanded = reactExports.useCallback(() => {
     const nextExpanded = !expanded;
     if (nextExpanded) {
@@ -3781,16 +3988,23 @@ const LogEntry = reactExports.memo(function({
     setExpanded(nextExpanded);
   }, [anatomySegments, expanded]);
   reactExports.useEffect(() => {
+    logIdRef.current = log.id;
     setHydratedLog(null);
     setBodyHydrationState("idle");
-  }, [log.id]);
+    setRequestPreview(createEmptyBodyPreviewState(log.rawRequestBodyBytes ?? null));
+    setResponsePreview(createEmptyBodyPreviewState(log.responseTextBytes ?? null));
+  }, [log.id, log.rawRequestBodyBytes, log.responseTextBytes]);
   reactExports.useEffect(() => {
     if (!expanded) return;
     if (!shouldHydrateLogBody(log)) return;
     if (hydratedLog !== null || bodyHydrationState !== "idle") return;
     let cancelled = false;
     setBodyHydrationState("loading");
-    void fetchJson(`/api/logs/${String(log.id)}`, CapturedLogSchema).then((fullLog) => {
+    void fetchJsonWithTimeout(
+      `/api/logs/${String(log.id)}`,
+      CapturedLogSchema,
+      FULL_LOG_HYDRATION_TIMEOUT_MS
+    ).then((fullLog) => {
       if (cancelled) return;
       setHydratedLog(fullLog);
       setBodyHydrationState("idle");
@@ -3801,7 +4015,29 @@ const LogEntry = reactExports.memo(function({
     return () => {
       cancelled = true;
     };
-  }, [bodyHydrationState, expanded, hydratedLog, log.bodyContentMode, log.id]);
+  }, [
+    bodyHydrationState,
+    expanded,
+    hydratedLog,
+    log.bodyContentMode,
+    log.id,
+    log.rawRequestBodyBytes,
+    log.responseTextBytes
+  ]);
+  reactExports.useEffect(() => {
+    if (!expanded) return;
+    if (!useChunkedBody) return;
+    if (requestPreview.status !== "idle") return;
+    if (activeTab !== "request" && activeTab !== "raw-request" && activeTab !== "anatomy") return;
+    loadBodyChunk("request", 0);
+  }, [activeTab, expanded, loadBodyChunk, requestPreview.status, useChunkedBody]);
+  reactExports.useEffect(() => {
+    if (!expanded) return;
+    if (!useChunkedBody) return;
+    if (responsePreview.status !== "idle") return;
+    if (activeTab !== "parsed" && activeTab !== "raw") return;
+    loadBodyChunk("response", 0);
+  }, [activeTab, expanded, loadBodyChunk, responsePreview.status, useChunkedBody]);
   reactExports.useEffect(() => {
     const handleLogFocusRequest = (event) => {
       const request = readLogFocusRequest(event);
@@ -3865,17 +4101,37 @@ const LogEntry = reactExports.memo(function({
                     ]
                   }
                 ),
-                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 }) }) }),
+                shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-request", children: activeTab === "raw-request" && /* @__PURE__ */ jsxRuntimeExports.jsxs(ExpandedPanel, { children: [
+                  useChunkedBody && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    BodyPreviewNotice,
+                    {
+                      label: "Request",
+                      state: requestPreview,
+                      expectedBytes: log.rawRequestBodyBytes ?? null,
+                      onLoadMore: () => loadBodyChunk("request", requestPreview.offset)
+                    }
+                  ),
+                  rawRequestBodyForView === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: useChunkedBody ? "Request preview is loading" : "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: rawRequestBodyForView })
+                ] }) }),
                 /* @__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." }),
+                  useChunkedBody && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    BodyPreviewNotice,
+                    {
+                      label: "Request",
+                      state: requestPreview,
+                      expectedBytes: log.rawRequestBodyBytes ?? null,
+                      onLoadMore: () => loadBodyChunk("request", requestPreview.offset)
+                    }
+                  ),
                   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" }),
@@ -3897,7 +4153,7 @@ const LogEntry = reactExports.memo(function({
                       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(
+                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: requestJsonRef, children: displayedRequestBody === null ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: useChunkedBody ? "Request preview is loading" : "No request body" }) : requestExpansion.parsedData !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     LazyJsonViewer,
                     {
                       data: requestExpansion.parsedData,
@@ -3949,16 +4205,25 @@ const LogEntry = reactExports.memo(function({
                   }
                 ) }) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: activeTab === "raw" && /* @__PURE__ */ jsxRuntimeExports.jsxs(ExpandedPanel, { className: "space-y-3", children: [
+                  useChunkedBody && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    BodyPreviewNotice,
+                    {
+                      label: "Response",
+                      state: responsePreview,
+                      expectedBytes: log.responseTextBytes ?? null,
+                      onLoadMore: () => loadBodyChunk("response", responsePreview.offset)
+                    }
+                  ),
                   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(
+                  responseTextForView !== null && responsePreviewShouldParse ? /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     LazyJsonViewerFromString,
                     {
-                      text: displayLog.responseText,
+                      text: responseTextForView,
                       defaultExpandDepth: 0,
                       bulkDepth: responseExpansion.bulkDepth,
                       bulkRevision: responseExpansion.bulkRevision
                     }
-                  ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: "No response" }),
+                  ) }) : responseTextForView !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(RawTextBlock, { children: responseTextForView }) : /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: useChunkedBody ? "Response preview is loading" : "No response" }),
                   displayLog.streaming === true && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     LazyStreamingChunkSequence,
                     {
@@ -3967,20 +4232,31 @@ const LogEntry = reactExports.memo(function({
                     }
                   ) })
                 ] }) }),
-                /* @__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.jsxs(ExpandedPanel, { children: [
+                  useChunkedBody && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    BodyPreviewNotice,
+                    {
+                      label: "Response",
+                      state: responsePreview,
+                      expectedBytes: log.responseTextBytes ?? null,
+                      onLoadMore: () => loadBodyChunk("response", responsePreview.offset)
+                    }
+                  ),
+                  responsePreviewIsActive && !responsePreviewShouldParse ? /* @__PURE__ */ jsxRuntimeExports.jsx(RawTextBlock, { children: responseTextForView }) : /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(TabFallback, {}), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    LazyResponseView,
+                    {
+                      responseText: responseTextForView,
+                      responseStatus: displayLog.responseStatus,
+                      streaming: displayLog.streaming,
+                      inputTokens: displayLog.inputTokens,
+                      outputTokens: displayLog.outputTokens,
+                      cacheCreationInputTokens: displayLog.cacheCreationInputTokens,
+                      cacheReadInputTokens: displayLog.cacheReadInputTokens,
+                      apiFormat: resolvedFormat,
+                      error: displayLog.error
+                    }
+                  ) })
+                ] }) })
               ] })
             }
           )
@@ -5562,12 +5838,562 @@ function SelectScrollDownButton({
     }
   );
 }
+const ALERT_SUMMARY_FETCH_TIMEOUT_MS = 8e3;
+const ALERT_LIST_FETCH_TIMEOUT_MS = 1e4;
+function alertsPath(filters) {
+  const params = new URLSearchParams();
+  if (filters.severity !== void 0) params.set("severity", filters.severity);
+  if (filters.category !== void 0) params.set("category", filters.category);
+  if (filters.source !== void 0) params.set("source", filters.source);
+  if (filters.limit !== void 0) params.set("limit", String(filters.limit));
+  const query = params.toString();
+  return query.length > 0 ? `/api/alerts?${query}` : "/api/alerts";
+}
+function useAlerts(filters, enabled) {
+  const response = useSWR(
+    enabled ? alertsPath(filters) : null,
+    (url) => fetchJsonWithTimeout(url, AlertListResponseSchema, ALERT_LIST_FETCH_TIMEOUT_MS)
+  );
+  return {
+    alerts: response.data?.alerts ?? [],
+    total: response.data?.total ?? 0,
+    summary: response.data?.summary ?? null,
+    isLoading: response.isLoading,
+    error: response.error,
+    mutate: response.mutate
+  };
+}
+function useAlertSummary() {
+  const response = useSWR(
+    "/api/alerts/summary",
+    (url) => fetchJsonWithTimeout(url, AlertSummarySchema, ALERT_SUMMARY_FETCH_TIMEOUT_MS),
+    {
+      refreshInterval: 5e3,
+      revalidateOnFocus: true
+    }
+  );
+  return {
+    summary: response.data ?? null,
+    isLoading: response.isLoading,
+    error: response.error,
+    mutate: response.mutate
+  };
+}
+const ALERT_CATEGORIES = [
+  "request-failure",
+  "request-timeout",
+  "slow-response",
+  "tool-schema",
+  "run-failure",
+  "group-failure",
+  "group-incomplete"
+];
+function severityLabel(severity) {
+  switch (severity) {
+    case "critical":
+      return "Critical";
+    case "warning":
+      return "Warning";
+    case "notice":
+      return "Notice";
+  }
+}
+function sourceLabel(source) {
+  switch (source) {
+    case "proxy":
+      return "Proxy";
+    case "tool-schema":
+      return "Tool schema";
+    case "run":
+      return "Run";
+    case "group":
+      return "Group";
+  }
+}
+function categoryLabel(category) {
+  switch (category) {
+    case "request-failure":
+      return "Request failure";
+    case "request-timeout":
+      return "Timeout";
+    case "slow-response":
+      return "Slow response";
+    case "tool-schema":
+      return "Tool calling";
+    case "run-failure":
+      return "Run failure";
+    case "group-failure":
+      return "Group failure";
+    case "group-incomplete":
+      return "Group incomplete";
+  }
+}
+function severityAccent(severity) {
+  switch (severity) {
+    case "critical":
+      return "border-red-400/40 bg-red-500/12 text-red-100";
+    case "warning":
+      return "border-amber-300/35 bg-amber-400/12 text-amber-100";
+    case "notice":
+      return "border-sky-300/35 bg-sky-400/12 text-sky-100";
+  }
+}
+function severityDot(severity) {
+  switch (severity) {
+    case "critical":
+      return "bg-red-400";
+    case "warning":
+      return "bg-amber-300";
+    case "notice":
+      return "bg-sky-300";
+  }
+}
+function severityText(severity) {
+  switch (severity) {
+    case "critical":
+      return "text-red-200";
+    case "warning":
+      return "text-amber-100";
+    case "notice":
+      return "text-sky-100";
+  }
+}
+function categoryIcon(category) {
+  switch (category) {
+    case "request-failure":
+    case "run-failure":
+    case "group-failure":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ShieldAlert, { className: "size-3.5" });
+    case "request-timeout":
+    case "slow-response":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Clock3, { className: "size-3.5" });
+    case "tool-schema":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3.5" });
+    case "group-incomplete":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Bell, { className: "size-3.5" });
+  }
+}
+function formatTimestamp$1(value) {
+  const millis = Date.parse(value);
+  if (!Number.isFinite(millis)) return value;
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  }).format(new Date(millis));
+}
+function formatCount(value) {
+  return value.toLocaleString();
+}
+function providerModel$1(alert) {
+  if (alert.provider !== null && alert.model !== null) return `${alert.provider} / ${alert.model}`;
+  if (alert.provider !== null) return alert.provider;
+  if (alert.model !== null) return alert.model;
+  return "Unknown target";
+}
+function filtersFrom(severity, category) {
+  const filters = { limit: 100 };
+  if (severity !== "all") filters.severity = severity;
+  if (category !== "all") filters.category = category;
+  return filters;
+}
+function selectedAlertFrom(alerts, selectedAlertId) {
+  if (selectedAlertId !== null) {
+    const selected = alerts.find((alert) => alert.id === selectedAlertId);
+    if (selected !== void 0) return selected;
+  }
+  return alerts[0] ?? null;
+}
+function AlertSummaryPill({
+  label,
+  count,
+  tone
+}) {
+  const toneClass = tone === "critical" ? "border-red-400/30 bg-red-500/10 text-red-100" : tone === "warning" ? "border-amber-300/30 bg-amber-400/10 text-amber-100" : tone === "notice" ? "border-sky-300/30 bg-sky-400/10 text-sky-100" : "border-border bg-muted/40 text-foreground";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("rounded-md border px-3 py-2", toneClass), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-semibold uppercase opacity-75", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-lg font-semibold leading-none", children: formatCount(count) })
+  ] });
+}
+function SeverityFilterButton({
+  value,
+  active,
+  label,
+  count,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "secondary" : "ghost",
+      size: "sm",
+      "aria-pressed": active,
+      onClick: () => onClick(value),
+      className: "h-7 px-2",
+      children: [
+        label,
+        count !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatCount(count) }) : null
+      ]
+    }
+  );
+}
+function CategoryFilterButton({
+  category,
+  active,
+  count,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "secondary" : "ghost",
+      size: "sm",
+      "aria-pressed": active,
+      onClick: () => onClick(category),
+      className: "h-7 px-2",
+      children: [
+        categoryIcon(category),
+        categoryLabel(category),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatCount(count) })
+      ]
+    }
+  );
+}
+function AlertList({
+  alerts,
+  selectedAlertId,
+  isLoading,
+  error,
+  onSelect
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-56 items-center justify-center rounded-md border border-dashed border-border text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "mr-2 size-3.5 animate-spin" }),
+      "Loading alerts..."
+    ] });
+  }
+  if (error !== void 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-300/30 bg-red-500/10 px-3 py-2 text-xs text-red-100", children: error.message });
+  }
+  if (alerts.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-56 items-center justify-center rounded-md border border-dashed border-border px-4 text-center text-xs text-muted-foreground", children: "No alerts match the current filters." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 space-y-2 overflow-y-auto pr-1", children: alerts.map((alert) => {
+    const selected = alert.id === selectedAlertId;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(alert.id),
+        className: cn(
+          "w-full rounded-md border px-3 py-3 text-left transition-colors",
+          selected ? "border-primary/60 bg-primary/12" : "border-border bg-background/70 hover:border-primary/30 hover:bg-muted/60"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("size-2 rounded-full", severityDot(alert.severity)) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("text-xs font-semibold", severityText(alert.severity)), children: severityLabel(alert.severity) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-xs text-muted-foreground", children: categoryLabel(alert.category) })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 truncate text-sm font-semibold", children: alert.title }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground", children: alert.message })
+            ] }),
+            alert.count > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "shrink-0", children: [
+              "x",
+              formatCount(alert.count)
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 flex min-w-0 items-center justify-between gap-2 text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: providerModel$1(alert) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: formatTimestamp$1(alert.lastSeenAt) })
+          ] })
+        ]
+      },
+      alert.id
+    );
+  }) });
+}
+function AlertEvidenceLinks({
+  alert,
+  onNavigate
+}) {
+  if (alert.evidence.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "No linked evidence" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-2", children: alert.evidence.map((link) => {
+    if (link.href === null) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: link.label }, `${link.kind}:${link.id}`);
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: link.href, onClick: onNavigate, children: link.label }) }, `${link.kind}:${link.id}`);
+  }) });
+}
+function AlertDetails({
+  alert,
+  onNavigate
+}) {
+  if (alert === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-56 items-center justify-center rounded-md border border-dashed border-border px-4 text-center text-xs text-muted-foreground", children: "Select an alert to inspect its evidence." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-0 overflow-y-auto rounded-md border border-border bg-background/70", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("border-b px-4 py-3", severityAccent(alert.severity)), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: severityLabel(alert.severity) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: sourceLabel(alert.source) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: categoryLabel(alert.category) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "mt-3 text-base font-semibold", children: alert.title }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm opacity-85", children: alert.message })
+      ] }),
+      alert.count > 1 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "shrink-0", children: [
+        formatCount(alert.count),
+        " hits"
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 p-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 text-xs sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DetailRow, { label: "Target", value: providerModel$1(alert) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DetailRow, { label: "Last seen", value: formatTimestamp$1(alert.lastSeenAt) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DetailRow, { label: "First seen", value: formatTimestamp$1(alert.firstSeenAt) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DetailRow, { label: "Protocol", value: alert.apiFormat ?? "n/a" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 text-xs font-semibold text-muted-foreground", children: "Evidence" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertEvidenceLinks, { alert, onNavigate })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 text-xs sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DetailRow,
+          {
+            label: "Logs",
+            value: alert.logIds.length === 0 ? "n/a" : formatCount(alert.logIds.length)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DetailRow,
+          {
+            label: "Sessions",
+            value: alert.sessionIds.length === 0 ? "n/a" : formatCount(alert.sessionIds.length)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DetailRow,
+          {
+            label: "Runs",
+            value: alert.runIds.length === 0 ? "n/a" : formatCount(alert.runIds.length)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DetailRow,
+          {
+            label: "Groups",
+            value: alert.groupIds.length === 0 ? "n/a" : formatCount(alert.groupIds.length)
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DetailRow({ label, value }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/30 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-semibold uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 truncate font-mono text-[11px] text-foreground", children: value })
+  ] });
+}
+function AlertsDialog() {
+  const [open, setOpen] = reactExports.useState(false);
+  const [severityFilter, setSeverityFilter] = reactExports.useState("all");
+  const [categoryFilter, setCategoryFilter] = reactExports.useState("all");
+  const [selectedAlertId, setSelectedAlertId] = reactExports.useState(null);
+  const { summary, isLoading: summaryLoading } = useAlertSummary();
+  const filters = reactExports.useMemo(
+    () => filtersFrom(severityFilter, categoryFilter),
+    [categoryFilter, severityFilter]
+  );
+  const { alerts, total, isLoading, error, mutate } = useAlerts(filters, open);
+  const selectedAlert = reactExports.useMemo(
+    () => selectedAlertFrom(alerts, selectedAlertId),
+    [alerts, selectedAlertId]
+  );
+  reactExports.useEffect(() => {
+    if (!open) return;
+    const selectedExists = selectedAlertId !== null && alerts.some((alert) => alert.id === selectedAlertId);
+    if (selectedExists) return;
+    setSelectedAlertId(alerts[0]?.id ?? null);
+  }, [alerts, open, selectedAlertId]);
+  const totalCount = summary?.total ?? 0;
+  const criticalCount = summary?.critical ?? 0;
+  const warningCount = summary?.warning ?? 0;
+  const noticeCount = summary?.notice ?? 0;
+  const triggerTone = criticalCount > 0 ? "bg-red-500" : warningCount > 0 ? "bg-amber-400" : "bg-sky-400";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "relative size-8",
+        "aria-label": "Alerts",
+        title: "Alerts",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Siren, { className: "size-4" }),
+          summaryLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "absolute -right-0.5 -top-0.5 size-3 animate-spin text-muted-foreground" }) : totalCount > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: cn(
+                "absolute -right-1 -top-1 min-w-4 rounded-full px-1 text-[10px] font-semibold leading-4 text-white",
+                triggerTone
+              ),
+              children: formatCount(totalCount)
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Alerts" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "flex max-h-[86vh] max-w-6xl flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2 pr-8", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Siren, { className: "size-5 text-red-300" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Alerts" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatCount(totalCount) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { className: "sr-only", children: "Local alert board for captured Inspector evidence." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 sm:grid-cols-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertSummaryPill, { label: "Open", count: summary?.open ?? 0, tone: "neutral" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertSummaryPill, { label: "Critical", count: criticalCount, tone: "critical" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertSummaryPill, { label: "Warning", count: warningCount, tone: "warning" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertSummaryPill, { label: "Notice", count: noticeCount, tone: "notice" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-0 flex-wrap items-center justify-between gap-2 border-y border-border py-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SeverityFilterButton,
+            {
+              value: "all",
+              active: severityFilter === "all",
+              label: "All",
+              count: summary?.total ?? null,
+              onClick: setSeverityFilter
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SeverityFilterButton,
+            {
+              value: "critical",
+              active: severityFilter === "critical",
+              label: "Critical",
+              count: criticalCount,
+              onClick: setSeverityFilter
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SeverityFilterButton,
+            {
+              value: "warning",
+              active: severityFilter === "warning",
+              label: "Warning",
+              count: warningCount,
+              onClick: setSeverityFilter
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SeverityFilterButton,
+            {
+              value: "notice",
+              active: severityFilter === "notice",
+              label: "Notice",
+              count: noticeCount,
+              onClick: setSeverityFilter
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            className: "h-7 shrink-0 px-2",
+            onClick: () => void mutate(),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
+              "Refresh"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "button",
+            variant: categoryFilter === "all" ? "secondary" : "ghost",
+            size: "sm",
+            "aria-pressed": categoryFilter === "all",
+            onClick: () => setCategoryFilter("all"),
+            className: "h-7 px-2",
+            children: "All categories"
+          }
+        ),
+        ALERT_CATEGORIES.map((category) => {
+          const categoryCount = summary?.byCategory.find((item) => item.category === category)?.count ?? 0;
+          if (categoryCount === 0) return null;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(
+            CategoryFilterButton,
+            {
+              category,
+              active: categoryFilter === category,
+              count: categoryCount,
+              onClick: setCategoryFilter
+            },
+            category
+          );
+        })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-0 flex-1 gap-4 md:grid-cols-[360px_minmax(0,1fr)]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-0 flex-col", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex items-center justify-between text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              formatCount(total),
+              " matched"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: alerts.length < total ? `${formatCount(alerts.length)} shown` : "Latest" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            AlertList,
+            {
+              alerts,
+              selectedAlertId: selectedAlert?.id ?? null,
+              isLoading,
+              error,
+              onSelect: setSelectedAlertId
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertDetails, { alert: selectedAlert, onNavigate: () => setOpen(false) })
+      ] })
+    ] })
+  ] });
+}
+const GROUP_EVIDENCE_FETCH_TIMEOUT_MS = 12e3;
 function evidenceKey(group) {
   if (group === null || group.evidence === null) return null;
   return `/api/groups/${encodeURIComponent(group.id)}/evidence`;
 }
 function useGroupEvidence(group) {
-  const response = useSWR(evidenceKey(group), (url) => fetchJson(url, GroupEvidenceReadResponseSchema));
+  const response = useSWR(
+    evidenceKey(group),
+    (url) => fetchJsonWithTimeout(url, GroupEvidenceReadResponseSchema, GROUP_EVIDENCE_FETCH_TIMEOUT_MS)
+  );
   return {
     evidenceResponse: response.data ?? null,
     isLoading: response.isLoading,
@@ -5575,8 +6401,12 @@ function useGroupEvidence(group) {
     mutate: response.mutate
   };
 }
+const GROUPS_FETCH_TIMEOUT_MS = 8e3;
 function useGroups() {
-  const response = useSWR("/api/groups", (url) => fetchJson(url, InspectorGroupsListResponseSchema));
+  const response = useSWR(
+    "/api/groups",
+    (url) => fetchJsonWithTimeout(url, InspectorGroupsListResponseSchema, GROUPS_FETCH_TIMEOUT_MS)
+  );
   return {
     groups: response.data?.groups ?? [],
     isLoading: response.isLoading,
@@ -5620,14 +6450,22 @@ function summarizeGroup(group) {
     missingStatusMembers
   };
 }
-function buildGroupMemberRows(group, exportResult) {
+function buildGroupMemberRows(group, exportResult, evidenceResponse = null) {
   if (exportResult !== null && exportResult.group.id === group.id) {
     return exportResult.members.map((exportMember) => ({
       member: exportMember.member,
-      exportMember
+      exportMember,
+      source: "export"
+    }));
+  }
+  if (evidenceResponse !== null && evidenceResponse.group.id === group.id && evidenceResponse.members !== null) {
+    return evidenceResponse.members.map((exportMember) => ({
+      member: exportMember.member,
+      exportMember,
+      source: "evidence"
     }));
   }
-  return group.members.map((member) => ({ member, exportMember: null }));
+  return group.members.map((member) => ({ member, exportMember: null, source: "group" }));
 }
 function statusClassName(status) {
   switch (status) {
@@ -5980,7 +6818,7 @@ function GroupDetails({
   const exportedSummary = exportSummaryFor(group, exportResult, evidenceResponse);
   const evidenceReport = evidenceReportFor(group, exportResult, evidenceResponse);
   const evidence = evidenceFor(group, exportResult);
-  const rows = buildGroupMemberRows(group, exportResult);
+  const rows = buildGroupMemberRows(group, exportResult, evidenceResponse);
   const isExporting = exportingGroupId === group.id;
   const isDeleting = deletingGroupId === group.id;
   const isConfirmingDelete = deleteTarget?.id === group.id;
@@ -6259,6 +7097,7 @@ function MemberRow({ row }) {
   const session = row.exportMember?.session ?? null;
   const log = latestLog(row);
   const sessionPath = session?.inspectorPath ?? getSessionPath(member.sessionId);
+  const canOpenLiveSession = row.source !== "evidence";
   const requests = session?.requestCount ?? null;
   const errors = session?.errorCount ?? null;
   const tokens = session?.tokenUsage.total ?? null;
@@ -6266,7 +7105,7 @@ function MemberRow({ row }) {
   const sessionLabel = firstNonEmpty(member.label, member.sessionId);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border last:border-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "max-w-56 px-3 py-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      canOpenLiveSession ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "a",
         {
           href: sessionPath,
@@ -6280,6 +7119,16 @@ function MemberRow({ row }) {
             /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3 shrink-0 text-muted-foreground" })
           ]
         }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "span",
+        {
+          className: "inline-flex max-w-full min-w-0 items-center gap-2 font-mono text-xs text-foreground",
+          title: `Evidence snapshot for ${sessionLabel}`,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate", children: sessionLabel }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: "shrink-0 border-zinc-200 bg-zinc-50 text-zinc-600", children: "evidence" })
+          ]
+        }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: displayText(member.agent) })
     ] }),
@@ -10851,6 +11700,7 @@ function BrandHeader({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(AlertsDialog, {}),
           /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {})
         ] })
@@ -10877,6 +11727,7 @@ function BrandHeader({
       /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {})
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "justify-self-end flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(AlertsDialog, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {})
     ] })
@@ -11180,6 +12031,7 @@ function ProxyViewer({
   onModelChange,
   onClearAll,
   onClearGroup,
+  onImportLogs,
   viewMode,
   captureMode,
   strip,
@@ -11195,12 +12047,16 @@ function ProxyViewer({
   const { providers } = useProviders();
   const [exporting, setExporting] = reactExports.useState(null);
   const [exportError, setExportError] = reactExports.useState(null);
+  const [importing, setImporting] = reactExports.useState(false);
+  const [importStatus, setImportStatus] = reactExports.useState(null);
+  const [importError, setImportError] = reactExports.useState(null);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
     "hidden"
   );
   const logListRef = reactExports.useRef(null);
   const logListWrapperRef = reactExports.useRef(null);
+  const importInputRef = reactExports.useRef(null);
   useKeyboardNavigation(logListRef, logListWrapperRef, { pageWide: true });
   reactExports.useEffect(() => {
     const perCrabDuration = 400;
@@ -11236,6 +12092,30 @@ function ProxyViewer({
     },
     [logs]
   );
+  const handleImportClick = reactExports.useCallback(() => {
+    importInputRef.current?.click();
+  }, []);
+  const handleImportFileChange = reactExports.useCallback(
+    (event) => {
+      const file = event.currentTarget.files?.[0];
+      event.currentTarget.value = "";
+      if (file === void 0 || onImportLogs === void 0) return;
+      setImporting(true);
+      setImportError(null);
+      setImportStatus(null);
+      void onImportLogs(file).then((result) => {
+        const skipped = result.skipped > 0 ? `, skipped ${String(result.skipped)}` : "";
+        setImportStatus(
+          `Imported ${String(result.imported)} logs as ${result.sessionId}${skipped}.`
+        );
+      }).catch((err) => {
+        setImportError(err instanceof Error ? err.message : "Failed to import logs");
+      }).finally(() => {
+        setImporting(false);
+      });
+    },
+    [onImportLogs]
+  );
   reactExports.useEffect(() => {
     setComparePair(null);
   }, [selectedSession, selectedModel]);
@@ -11348,6 +12228,32 @@ function ProxyViewer({
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold text-foreground", children: "Logs" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 font-mono text-[11px] text-muted-foreground", children: activeScopeLabel })
             ] }),
+            onImportLogs !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  ref: importInputRef,
+                  type: "file",
+                  accept: ".zip,.json,.jsonl,application/zip,application/json",
+                  className: "hidden",
+                  onChange: handleImportFileChange
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleImportClick,
+                  disabled: importing,
+                  className: "inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                  title: "Import Agent Inspector export",
+                  children: importing ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Importing..." }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Upload, { className: "size-3.5" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Import" })
+                  ] })
+                }
+              )
+            ] }),
             exportActionVisibility.redacted && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
@@ -11395,7 +12301,9 @@ function ProxyViewer({
             )
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(LogPaginationBar, { logs, pagination, embedded: true }),
-          exportError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: exportError })
+          exportError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: exportError }),
+          importError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: importError }),
+          importStatus !== null && importError === null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md border border-emerald-500/25 bg-emerald-500/10 px-3 py-2 text-xs text-emerald-200", children: importStatus })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-4 lg:px-5", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SessionOpeningSlate, { stats: slateStats }),
@@ -11827,6 +12735,28 @@ function ProxyViewerContainer({
       }
     })();
   }, []);
+  const handleImportLogs = reactExports.useCallback(async (file) => {
+    const formData = new FormData();
+    formData.set("file", file);
+    const result = await fetchJson("/api/logs/import", ImportLogsResponseSchema, {
+      method: "POST",
+      body: formData
+    });
+    setAllLogs((prev) => {
+      const importedIds = new Set(result.logs.map((log) => log.id));
+      const next = [...prev.filter((log) => !importedIds.has(log.id)), ...result.logs].sort(
+        (left, right) => left.id - right.id
+      );
+      const trimmed = trimClientLogs(next);
+      logIndexRef.current = buildLogIndex(trimmed);
+      return trimmed;
+    });
+    setSelectedSession(result.sessionId);
+    setSelectedModel("__all__");
+    setLogPage(null);
+    setError(null);
+    return result;
+  }, []);
   const { strip, captureMode, slowResponseThresholdSeconds, timeDisplayFormat } = useStripConfig();
   const viewMode = captureMode;
   const loadOldestPage = reactExports.useCallback(() => {
@@ -11886,6 +12816,7 @@ function ProxyViewerContainer({
         onModelChange: setSelectedModel,
         onClearAll: handleClearAll,
         onClearGroup: handleClearGroup,
+        onImportLogs: initialSessionId === void 0 ? handleImportLogs : void 0,
         isLoading: initialSessionId === void 0 ? !streamInitialized : sessionPageLoading,
         pagination,
         sessionMemberships,