@tonyclaw/agent-inspector 3.0.7 → 3.0.9

package/.output/server/_ssr/{ProxyViewerContainer-7geuf78f.mjs → ProxyViewerContainer-C0Sbz9ED.mjs}

@@ -1,19 +1,19 @@
 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, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, t as maskApiKey, u as PATH_V1_MESSAGES, v as PATH_V1_CHAT_COMPLETIONS, w as PATH_V1_RESPONSES, r as providerHasContextMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, x as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-Zh2iZ_u0.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, l as AlertSummarySchema, m as AlertListResponseSchema, I as InspectorGroupsListResponseSchema, G as GroupEvidenceReadResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, t as maskApiKey, u as PATH_V1_MESSAGES, v as PATH_V1_CHAT_COMPLETIONS, w as PATH_V1_RESPONSES, r as providerHasContextMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, x as findProviderModelMetadata, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-g9mo0nWT.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 { 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 { R as Root, C as Content, a as Close, T as Title, D as Description, P as Portal$1, O as Overlay, b as Trigger$1 } from "../_libs/radix-ui__react-dialog.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.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 { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, R as RefreshCw, c as Trash2, S as Search, U as Upload, D as Download, F as FileBraces, P as Plus, A as ArrowLeft, d as ChevronUp, e as Copy, f as ChevronsLeft, g as ChevronLeft, h as ChevronRight, i as ChevronsRight, j as Clapperboard, k as Flag, l as Siren, m as Timer, G as Gauge, L as LoaderCircle, n as Layers, o as FlaskConical, p as Sparkles, q as Activity, B as Beaker, N as Network, r as Terminal, s as Settings, M as Monitor, t as Rocket, u as PackageCheck, v as Scan, w as CircleAlert, x as ArrowUpRight, y as ArrowDownRight, z as Cpu, E as FolderOpen, H as Bell, J as Clock3, K as ShieldAlert, O as EyeOff, Q as Eye, V as ExternalLink, W as Clock, Y as RotateCw, Z as Pencil, _ as MessageSquare, $ as Zap, a0 as Wrench, a1 as Brain, a2 as Minus, a3 as CircleCheckBig, a4 as CircleQuestionMark, a5 as Server, a6 as Lock, a7 as Wifi, a8 as WifiOff, a9 as CircleX, aa as ShieldCheck, ab as Save, ac as FileSearch, ad as CloudUpload, ae as OctagonAlert, af as Radio, ag as Globe, ah as FileTerminal, ai as ChevronsUp, aj as ChevronsDown, ak as FileDiff, al as History, am as RotateCcw, an as GitCompareArrows, ao as ArrowUp, ap as ArrowDown, aq as Ellipsis, ar as CodeXml, as as Blocks, at as MousePointerClick, au as FileText, av as Rows3, aw as Columns2 } from "../_libs/lucide-react.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 { u as union, d as object, a as array, l as literal, n as number, c as boolean, b as string, _ as _enum } from "../_libs/zod.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
 import { R as Root2$1, L as List, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
-import { P as Provider, R as Root3, T as Trigger$3, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
+import { P as Provider, R as Root3, T as Trigger$3, a as Portal$2, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
 import { R as Root$1, C as CollapsibleContent$1, a as CollapsibleTrigger$1 } from "../_libs/radix-ui__react-collapsible.mjs";
 import { R as Root$2, V as Viewport$1, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
 const ApiErrorSchema = object({
@@ -50,19 +50,41 @@ class ApiTimeoutError extends Error {
     this.name = "ApiTimeoutError";
   }
 }
-async function fetchJsonWithTimeout(input, schema, timeoutMs, init, errorFallback) {
+async function fetchWithTimeout(input, timeoutMs, init) {
   const controller = new AbortController();
-  const timeout = setTimeout(() => controller.abort(), timeoutMs);
+  let timedOut = false;
+  const timeout = setTimeout(() => {
+    timedOut = true;
+    controller.abort();
+  }, timeoutMs);
+  const callerSignal = init?.signal ?? void 0;
+  const abortFromCaller = () => controller.abort();
+  if (callerSignal !== void 0) {
+    if (callerSignal.aborted) {
+      controller.abort();
+    } else {
+      callerSignal.addEventListener("abort", abortFromCaller, { once: true });
+    }
+  }
   try {
-    return await fetchJson(input, schema, { ...init, signal: controller.signal }, errorFallback);
+    return await fetch(input, { ...init, signal: controller.signal });
   } catch (error) {
-    if (error instanceof DOMException && error.name === "AbortError") {
+    if (timedOut && error instanceof DOMException && error.name === "AbortError") {
       throw new ApiTimeoutError(timeoutMs);
     }
     throw error;
   } finally {
     clearTimeout(timeout);
+    callerSignal?.removeEventListener("abort", abortFromCaller);
+  }
+}
+async function fetchJsonWithTimeout(input, schema, timeoutMs, init, errorFallback) {
+  const response = await fetchWithTimeout(input, timeoutMs, init);
+  if (!response.ok) {
+    const fallback = errorFallback?.(response) ?? `Request failed with status ${response.status}`;
+    throw new Error(await readApiError(response, fallback));
   }
+  return parseJsonResponse$1(response, schema);
 }
 const ImportLogsResponseSchema = object({
   sessionId: string(),
@@ -321,6 +343,7 @@ const SECRET_TEXT_PATTERNS = [
 const MAX_EXPORT_LOGS = 200;
 const MAX_EXPORT_TEXT_CHARS = 25e6;
 const MAX_STREAMING_CHUNK_EXPORTS = 50;
+const STREAMING_CHUNK_EXPORT_TIMEOUT_MS = 1e4;
 function formatApproxSize(chars) {
   if (chars < 1024) return `${chars} chars`;
   if (chars < 1024 * 1024) return `${Math.ceil(chars / 1024)} KB`;
@@ -346,9 +369,19 @@ function exportLimitMessage(logs) {
   }
   return null;
 }
-async function fetchStreamingChunks(logId) {
+function exportCanceled(signal) {
+  if (signal?.aborted === true) {
+    return { ok: false, message: "Export canceled.", canceled: true };
+  }
+  return null;
+}
+async function fetchStreamingChunks(logId, signal) {
   try {
-    const response = await fetch(`/api/logs/${logId}/chunks`);
+    const response = await fetchWithTimeout(
+      `/api/logs/${logId}/chunks`,
+      STREAMING_CHUNK_EXPORT_TIMEOUT_MS,
+      { signal }
+    );
     if (!response.ok) return null;
     const data = await response.json();
     return JSON.stringify(data, null, 2);
@@ -409,7 +442,9 @@ function buildExportManifest(logs, mode, streamingLogs, exportedAt = (/* @__PURE
     streamingChunkLogIds: streamingLogs.map((log) => log.id)
   };
 }
-async function exportLogsAsZip(logs, mode = "redacted") {
+async function exportLogsAsZip(logs, mode = "redacted", options = {}) {
+  const initialCancel = exportCanceled(options.signal);
+  if (initialCancel !== null) return initialCancel;
   const limitMessage = exportLimitMessage(logs);
   if (limitMessage !== null) return { ok: false, message: limitMessage };
   const zip = new JSZip();
@@ -428,6 +463,8 @@ async function exportLogsAsZip(logs, mode = "redacted") {
     )
   );
   for (const log of logs) {
+    const canceled2 = exportCanceled(options.signal);
+    if (canceled2 !== null) return canceled2;
     if (log.rawRequestBody !== null) {
       zip.file(`#${log.id}.Request.json`, exportText(log.rawRequestBody, mode));
     }
@@ -436,12 +473,16 @@ async function exportLogsAsZip(logs, mode = "redacted") {
     }
   }
   for (const log of streamingLogs) {
-    const chunks = await fetchStreamingChunks(log.id);
+    const canceled2 = exportCanceled(options.signal);
+    if (canceled2 !== null) return canceled2;
+    const chunks = await fetchStreamingChunks(log.id, options.signal);
     if (chunks !== null) {
       zip.file(`#${log.id}.SSE.Response.json`, exportText(chunks, mode));
     }
   }
   const blob = await zip.generateAsync({ type: "blob" });
+  const canceled = exportCanceled(options.signal);
+  if (canceled !== null) return canceled;
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
   anchor.href = url;
@@ -697,7 +738,7 @@ function DialogTrigger({
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$2, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$1, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
@@ -849,9 +890,11 @@ function ConfirmDialog({
 }
 const ClaudeCodeLogoSvg = "data:image/svg+xml,%3csvg%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eClaude%20Code%3c/title%3e%3cpath%20clip-rule='evenodd'%20d='M20.998%2010.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6%2010.949h1.488V8.102H6v2.847zm10.51%200H18V8.102h-1.49v2.847z'%20fill='%23D97757'%20fill-rule='evenodd'%3e%3c/path%3e%3c/svg%3e";
 const CodexLogoSvg = "data:image/svg+xml,%3csvg%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eCodex%3c/title%3e%3cpath%20d='M19.503%200H4.496A4.496%204.496%200%20000%204.496v15.007A4.496%204.496%200%20004.496%2024h15.007A4.496%204.496%200%200024%2019.503V4.496A4.496%204.496%200%200019.503%200z'%20fill='%23fff'%3e%3c/path%3e%3cpath%20d='M9.064%203.344a4.578%204.578%200%20012.285-.312c1%20.115%201.891.54%202.673%201.275.01.01.024.017.037.021a.09.09%200%2000.043%200%204.55%204.55%200%20013.046.275l.047.022.116.057a4.581%204.581%200%20012.188%202.399c.209.51.313%201.041.315%201.595a4.24%204.24%200%2001-.134%201.223.123.123%200%2000.03.115c.594.607.988%201.33%201.183%202.17.289%201.425-.007%202.71-.887%203.854l-.136.166a4.548%204.548%200%2001-2.201%201.388.123.123%200%2000-.081.076c-.191.551-.383%201.023-.74%201.494-.9%201.187-2.222%201.846-3.711%201.838-1.187-.006-2.239-.44-3.157-1.302a.107.107%200%2000-.105-.024c-.388.125-.78.143-1.204.138a4.441%204.441%200%2001-1.945-.466%204.544%204.544%200%2001-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81%205.81%200%2001-.37-.961%204.582%204.582%200%2001-.014-2.298.124.124%200%2000.006-.056.085.085%200%2000-.027-.048%204.467%204.467%200%2001-1.034-1.651%203.896%203.896%200%2001-.251-1.192%205.189%205.189%200%2001.141-1.6c.337-1.112.982-1.985%201.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098%200%2000.065-.066%204.51%204.51%200%2001.829-1.615%204.535%204.535%200%20011.837-1.388zm3.482%2010.565a.637.637%200%20000%201.272h3.636a.637.637%200%20100-1.272h-3.636zM8.462%209.23a.637.637%200%2000-1.106.631l1.272%202.224-1.266%202.136a.636.636%200%20101.095.649l1.454-2.455a.636.636%200%2000.005-.64L8.462%209.23z'%20fill='url(%23lobe-icons-codex-_R_0_)'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20gradientUnits='userSpaceOnUse'%20id='lobe-icons-codex-_R_0_'%20x1='12'%20x2='12'%20y1='3'%20y2='21'%3e%3cstop%20stop-color='%23B1A7FF'%3e%3c/stop%3e%3cstop%20offset='.5'%20stop-color='%237A9DFF'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%233941FF'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
-const OpenCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='currentColor'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eopencode%3c/title%3e%3cpath%20d='M16%206H8v12h8V6zm4%2016H4V2h16v20z'%3e%3c/path%3e%3c/svg%3e";
-const MiMoCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='currentColor'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eXiaomiMiMo%3c/title%3e%3cpath%20d='M.958%2015.936a.459.459%200%2001.459.44v2.729a.46.46%200%2001-.918%200v-2.729a.459.459%200%2001.459-.44zm4.814-2.035a.46.46%200%2001.553.45v4.754a.458.458%200%2011-.918%200V15.48L3.74%2017.202a.462.462%200%2001-.655.016.462.462%200%2001-.065-.082L.628%2014.67a.459.459%200%2001.658-.637l2.124%202.187%202.127-2.188a.46.46%200%2001.235-.13zm2.068.004a.46.46%200%2001.458.445v4.755a.46.46%200%2001-.458.458.459.459%200%2001-.458-.458V14.35a.459.459%200%2001.458-.445zm1.973%202.014a.46.46%200%2001.46.457v2.729a.46.46%200%2001-.784.324.46.46%200%2001-.134-.324v-2.729a.46.46%200%2001.458-.458zm.002-2.045a.458.458%200%2001.328.157l2.127%202.19%202.125-2.19a.459.459%200%2001.784.318v4.756a.46.46%200%2001-.455.458.46.46%200%2001-.458-.458V15.48l-1.667%201.723a.46.46%200%2001-.65.008l-.005-.005c0-.002-.002-.002-.004-.003l-2.455-2.534a.46.46%200%2001-.008-.667.461.461%200%2001.338-.128zm6.797%201.206a.46.46%200%2001.53.651A1.966%201.966%200%200019.81%2018.4a.462.462%200%2001.623.18.46.46%200%2001-.181.624%202.863%202.863%200%2001-1.38.353l-.142-.004a2.88%202.88%200%2001-2.393-4.263.461.461%200%2001.274-.21zm.864-.931a2.884%202.884%200%20013.915%203.914.46.46%200%2001-.402.24l-.057-.004a.458.458%200%2001-.164-.055.46.46%200%2001-.182-.622%201.967%201.967%200%2000-2.669-2.67.459.459%200%2011-.441-.803zM9.59%206.368c1.481%200%201.696%201.202%201.696%201.654v2.648h-.917v-.432c-.26.346-.792.535-1.36.535-.133%200-1.289-.03-1.384-1.136-.082-.932.675-1.61%202.053-1.61h.691c0-.563-.367-.886-.983-.886-.44.013-.864.174-1.2.458l-.36-.664c.484-.379%201.012-.567%201.764-.567zm4.427.1c1.263%200%202.082.97%202.083%202.15%200%201.181-.824%202.154-2.083%202.154-1.26%200-2.084-.972-2.084-2.152%200-1.18.82-2.153%202.084-2.153zm6.801.015c.68%200%201.202.465%201.197%201.548v2.642H21.1V8.29c0-.312-.002-.98-.63-.98s-.628.667-.628.838v2.524h-.89V8.148c0-.17-.001-.838-.63-.838-.628%200-.628.668-.628.98v2.383h-.917v-4.03h.917V7a1.22%201.22%200%2001.947-.516c.398%200%20.76.193.982.686a1.321%201.321%200%20011.195-.686zm-18.093.872l1.457-1.772H5.32L3.311%208.07l2.14%202.602H4.24L2.725%208.796%201.21%2010.672H0L2.138%208.07.13%205.583h1.138l1.458%201.772zm4.149%203.317h-.916V6.644h.916v4.028zm16.99%200h-.916V6.644h.916v4.028zM9.925%208.71c-1.055%200-1.359.412-1.326.742.032.329.324.537.757.537a1.013%201.013%200%20001.014-.968l.002-.31h-.447zM14.018%207.3c-.663%200-1.184.487-1.184%201.32%200%20.832.52%201.32%201.184%201.32.662%200%201.182-.49%201.182-1.32%200-.832-.52-1.32-1.182-1.32zM6.417%205.001a.568.568%200%2001.587.582.588.588%200%2001-1.175%200A.57.57%200%20016.417%205zm16.991%200a.57.57%200%2001.592.582.588.588%200%2001-1.174%200%20.57.57%200%2001.357-.542.572.572%200%2001.225-.04z'%3e%3c/path%3e%3c/svg%3e";
+const OpenCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='%237dd3fc'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eOpenCode%3c/title%3e%3cpath%20d='M16%206H8v12h8V6zm4%2016H4V2h16v20z'%3e%3c/path%3e%3c/svg%3e";
+const MiMoCodeLogoSvg = "data:image/svg+xml,%3csvg%20fill='%23ff6900'%20fill-rule='evenodd'%20height='1em'%20style='flex:none;line-height:1'%20viewBox='0%200%2024%2024'%20width='1em'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eMiMo%20Code%3c/title%3e%3cpath%20d='M.958%2015.936a.459.459%200%2001.459.44v2.729a.46.46%200%2001-.918%200v-2.729a.459.459%200%2001.459-.44zm4.814-2.035a.46.46%200%2001.553.45v4.754a.458.458%200%2011-.918%200V15.48L3.74%2017.202a.462.462%200%2001-.655.016.462.462%200%2001-.065-.082L.628%2014.67a.459.459%200%2001.658-.637l2.124%202.187%202.127-2.188a.46.46%200%2001.235-.13zm2.068.004a.46.46%200%2001.458.445v4.755a.46.46%200%2001-.458.458.459.459%200%2001-.458-.458V14.35a.459.459%200%2001.458-.445zm1.973%202.014a.46.46%200%2001.46.457v2.729a.46.46%200%2001-.784.324.46.46%200%2001-.134-.324v-2.729a.46.46%200%2001.458-.458zm.002-2.045a.458.458%200%2001.328.157l2.127%202.19%202.125-2.19a.459.459%200%2001.784.318v4.756a.46.46%200%2001-.455.458.46.46%200%2001-.458-.458V15.48l-1.667%201.723a.46.46%200%2001-.65.008l-.005-.005c0-.002-.002-.002-.004-.003l-2.455-2.534a.46.46%200%2001-.008-.667.461.461%200%2001.338-.128zm6.797%201.206a.46.46%200%2001.53.651A1.966%201.966%200%200019.81%2018.4a.462.462%200%2001.623.18.46.46%200%2001-.181.624%202.863%202.863%200%2001-1.38.353l-.142-.004a2.88%202.88%200%2001-2.393-4.263.461.461%200%2001.274-.21zm.864-.931a2.884%202.884%200%20013.915%203.914.46.46%200%2001-.402.24l-.057-.004a.458.458%200%2001-.164-.055.46.46%200%2001-.182-.622%201.967%201.967%200%2000-2.669-2.67.459.459%200%2011-.441-.803zM9.59%206.368c1.481%200%201.696%201.202%201.696%201.654v2.648h-.917v-.432c-.26.346-.792.535-1.36.535-.133%200-1.289-.03-1.384-1.136-.082-.932.675-1.61%202.053-1.61h.691c0-.563-.367-.886-.983-.886-.44.013-.864.174-1.2.458l-.36-.664c.484-.379%201.012-.567%201.764-.567zm4.427.1c1.263%200%202.082.97%202.083%202.15%200%201.181-.824%202.154-2.083%202.154-1.26%200-2.084-.972-2.084-2.152%200-1.18.82-2.153%202.084-2.153zm6.801.015c.68%200%201.202.465%201.197%201.548v2.642H21.1V8.29c0-.312-.002-.98-.63-.98s-.628.667-.628.838v2.524h-.89V8.148c0-.17-.001-.838-.63-.838-.628%200-.628.668-.628.98v2.383h-.917v-4.03h.917V7a1.22%201.22%200%2001.947-.516c.398%200%20.76.193.982.686a1.321%201.321%200%20011.195-.686zm-18.093.872l1.457-1.772H5.32L3.311%208.07l2.14%202.602H4.24L2.725%208.796%201.21%2010.672H0L2.138%208.07.13%205.583h1.138l1.458%201.772zm4.149%203.317h-.916V6.644h.916v4.028zm16.99%200h-.916V6.644h.916v4.028zM9.925%208.71c-1.055%200-1.359.412-1.326.742.032.329.324.537.757.537a1.013%201.013%200%20001.014-.968l.002-.31h-.447zM14.018%207.3c-.663%200-1.184.487-1.184%201.32%200%20.832.52%201.32%201.184%201.32.662%200%201.182-.49%201.182-1.32%200-.832-.52-1.32-1.182-1.32zM6.417%205.001a.568.568%200%2001.587.582.588.588%200%2001-1.175%200A.57.57%200%20016.417%205zm16.991%200a.57.57%200%2001.592.582.588.588%200%2001-1.174%200%20.57.57%200%2001.357-.542.572.572%200%2001.225-.04z'%3e%3c/path%3e%3c/svg%3e";
+const AgentInspectorLogo = "/assets/agent-inspector-58K1_MsC.ico";
 const CLIENT_LABELS = {
+  "agent-inspector": "Inspector",
   codex: "Codex",
   opencode: "OpenCode",
   "mimo-code": "MiMo Code",
@@ -872,6 +915,9 @@ function detectClientApp(input) {
     normalize(input.conversationId),
     normalize(input.clientProjectFolder)
   ].join(" ");
+  if (matchesAny(haystack, ["agent-inspector", "agent inspector", "provider-test"])) {
+    return "agent-inspector";
+  }
   if (matchesAny(haystack, ["mimocode", "mimo-code", "mimo code"])) return "mimo-code";
   if (matchesAny(haystack, ["opencode", "open-code", "open code"])) return "opencode";
   if (matchesAny(haystack, ["claude-code", "claude code", "claudecode"])) return "claude-code";
@@ -882,6 +928,7 @@ function detectClientApp(input) {
 }
 function clientAppLabel(client) {
   switch (client) {
+    case "agent-inspector":
     case "codex":
     case "opencode":
     case "mimo-code":
@@ -892,11 +939,26 @@ function clientAppLabel(client) {
   }
 }
 const CLIENT_LOGOS = {
+  "agent-inspector": AgentInspectorLogo,
   codex: CodexLogoSvg,
   opencode: OpenCodeLogoSvg,
   "mimo-code": MiMoCodeLogoSvg,
   "claude-code": ClaudeCodeLogoSvg
 };
+const CLIENT_LOGO_FRAMES = {
+  "agent-inspector": "border-orange-200/25 bg-orange-300/[0.12]",
+  codex: "border-cyan-200/20 bg-cyan-300/[0.08]",
+  opencode: "border-sky-200/25 bg-sky-300/[0.12]",
+  "mimo-code": "border-orange-200/25 bg-orange-400/[0.12]",
+  "claude-code": "border-amber-100/20 bg-amber-300/[0.09]"
+};
+const CLIENT_LOGO_IMAGES = {
+  "agent-inspector": "p-0.5 drop-shadow-[0_0_8px_rgba(251,146,60,0.35)]",
+  codex: "p-0.5",
+  opencode: "p-1 drop-shadow-[0_0_8px_rgba(125,211,252,0.35)]",
+  "mimo-code": "p-0.5 drop-shadow-[0_0_8px_rgba(255,105,0,0.35)]",
+  "claude-code": "p-0.5"
+};
 function ClientLogo({
   client,
   className
@@ -909,12 +971,21 @@ function ClientLogo({
     "span",
     {
       className: cn(
-        "border border-border bg-muted/40 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-0.5",
+        "inline-flex size-6 shrink-0 items-center justify-center rounded-md border p-0 shadow-sm",
+        CLIENT_LOGO_FRAMES[client],
         className
       ),
       "aria-label": label,
       title: label,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: logoSrc, alt: "", className: "size-full object-contain", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "img",
+        {
+          src: logoSrc,
+          alt: "",
+          className: cn("size-full object-contain", CLIENT_LOGO_IMAGES[client]),
+          "aria-hidden": "true"
+        }
+      )
     }
   );
 }
@@ -1027,7 +1098,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$2, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Content2$1,
     {
       "data-slot": "tooltip-content",
@@ -1102,6 +1173,171 @@ function countCharacters(text) {
   });
   return n;
 }
+const CATEGORY_ORDER = [
+  "file",
+  "shell",
+  "browser",
+  "web",
+  "mcp",
+  "code",
+  "other"
+];
+function firstTextSlice(value) {
+  const normalized = value.replace(/\s+/g, " ").trim();
+  if (normalized.length <= 120) return normalized;
+  return `${normalized.slice(0, 119)}...`;
+}
+function previewDescription(description) {
+  if (description === null) return null;
+  const normalized = description.replace(/\s+/g, " ").trim();
+  if (normalized.length === 0) return null;
+  const sentenceEnd = normalized.search(/[.!?。！？]/);
+  if (sentenceEnd >= 24) return firstTextSlice(normalized.slice(0, sentenceEnd + 1));
+  return firstTextSlice(normalized);
+}
+function lowerHaystack(name, description) {
+  return `${name} ${description ?? ""}`.toLowerCase();
+}
+function includesAny(value, needles) {
+  return needles.some((needle) => value.includes(needle));
+}
+function categorizeTool(name, description) {
+  const haystack = lowerHaystack(name, description);
+  if (name.startsWith("mcp__") || name.startsWith("inspector_") || includesAny(haystack, [" mcp", "model context protocol"])) {
+    return "mcp";
+  }
+  if (includesAny(haystack, ["bash", "shell", "terminal", "command", "powershell", "exec", "process"])) {
+    return "shell";
+  }
+  if (includesAny(haystack, [
+    "browser",
+    "playwright",
+    "screenshot",
+    "click",
+    "navigate",
+    "page",
+    "tab"
+  ])) {
+    return "browser";
+  }
+  if (includesAny(haystack, [
+    "read",
+    "write",
+    "edit",
+    "file",
+    "glob",
+    "grep",
+    "patch",
+    "filesystem",
+    "directory"
+  ])) {
+    return "file";
+  }
+  if (includesAny(haystack, ["web", "search", "http", "url", "fetch"])) {
+    return "web";
+  }
+  if (includesAny(haystack, ["code", "typescript", "javascript", "python", "repl"])) {
+    return "code";
+  }
+  return "other";
+}
+function parameterNames(schema) {
+  const properties = safeGetOwnProperty(schema, "properties");
+  if (properties === null || typeof properties !== "object" || Array.isArray(properties)) {
+    return [];
+  }
+  return Object.keys(properties).sort((a, b) => a.localeCompare(b));
+}
+function requiredParameterNames(schema) {
+  const required = safeGetOwnProperty(schema, "required");
+  if (!Array.isArray(required)) return [];
+  const names = [];
+  for (const item of required) {
+    if (typeof item === "string" && item.length > 0) names.push(item);
+  }
+  return names.sort((a, b) => a.localeCompare(b));
+}
+function parseAnthropicTool(tool) {
+  const name = safeGetOwnProperty(tool, "name");
+  if (typeof name !== "string" || name.length === 0) return null;
+  const description = safeGetOwnProperty(tool, "description");
+  const schema = safeGetOwnProperty(tool, "input_schema") ?? null;
+  const normalizedDescription = typeof description === "string" ? description : null;
+  return {
+    name,
+    description: normalizedDescription,
+    descriptionPreview: previewDescription(normalizedDescription),
+    category: categorizeTool(name, normalizedDescription),
+    parameterCount: parameterNames(schema).length,
+    requiredParameters: requiredParameterNames(schema),
+    schema
+  };
+}
+function parseOpenAITool(tool) {
+  const fn = safeGetOwnProperty(tool, "function");
+  const toolType = safeGetOwnProperty(tool, "type");
+  if (fn === void 0 && typeof toolType !== "string") return null;
+  const name = safeGetOwnProperty(fn, "name") ?? safeGetOwnProperty(tool, "name") ?? (typeof toolType === "string" ? toolType : void 0);
+  if (typeof name !== "string" || name.length === 0) return null;
+  const description = safeGetOwnProperty(fn, "description") ?? safeGetOwnProperty(tool, "description");
+  const schema = safeGetOwnProperty(fn, "parameters") ?? safeGetOwnProperty(tool, "parameters") ?? null;
+  const normalizedDescription = typeof description === "string" ? description : null;
+  return {
+    name,
+    description: normalizedDescription,
+    descriptionPreview: previewDescription(normalizedDescription),
+    category: categorizeTool(name, normalizedDescription),
+    parameterCount: parameterNames(schema).length,
+    requiredParameters: requiredParameterNames(schema),
+    schema
+  };
+}
+function parseTool(tool) {
+  const openAITool = parseOpenAITool(tool);
+  if (openAITool !== null) return openAITool;
+  return parseAnthropicTool(tool);
+}
+function formatToolChoice(choice) {
+  if (choice === void 0 || choice === null) return null;
+  if (typeof choice === "string") return choice;
+  const type = safeGetOwnProperty(choice, "type");
+  const name = safeGetOwnProperty(choice, "name");
+  const fnName = safeGetOwnProperty(safeGetOwnProperty(choice, "function"), "name");
+  if (typeof type === "string" && typeof fnName === "string" && fnName.length > 0) {
+    return `${type}: ${fnName}`;
+  }
+  if (typeof type === "string" && typeof name === "string" && name.length > 0) {
+    return `${type}: ${name}`;
+  }
+  if (typeof type === "string") return type;
+  const encoded = JSON.stringify(choice);
+  return encoded === void 0 ? null : firstTextSlice(encoded);
+}
+function summarizeCategories(tools) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const tool of tools) {
+    counts.set(tool.category, (counts.get(tool.category) ?? 0) + 1);
+  }
+  return CATEGORY_ORDER.flatMap((category) => {
+    const count = counts.get(category) ?? 0;
+    return count > 0 ? [{ category, count }] : [];
+  });
+}
+function parseRequestTools(parsed) {
+  const rawTools = safeGetOwnProperty(parsed, "tools");
+  if (!Array.isArray(rawTools) || rawTools.length === 0) return null;
+  const tools = [];
+  for (const rawTool of rawTools) {
+    const tool = parseTool(rawTool);
+    if (tool !== null) tools.push(tool);
+  }
+  if (tools.length === 0) return null;
+  return {
+    tools,
+    toolChoiceLabel: formatToolChoice(safeGetOwnProperty(parsed, "tool_choice")),
+    categories: summarizeCategories(tools)
+  };
+}
 function emptyRequestAnalysis(rawBody) {
   return {
     parsed: null,
@@ -1197,13 +1433,15 @@ const anthropicLogFormatAdapter = {
   analyzeRequest(rawBody) {
     if (rawBody === null) return emptyRequestAnalysis(rawBody);
     try {
-      const result = AnthropicRequestSchema.safeParse(JSON.parse(rawBody));
+      const parsedBody = JSON.parse(rawBody);
+      const toolCount = parseRequestTools(parsedBody)?.tools.length ?? null;
+      const result = AnthropicRequestSchema.safeParse(parsedBody);
       if (!result.success) return emptyRequestAnalysis(rawBody);
       return {
         parsed: result.data,
         comparisonValue: result.data,
         messageCount: result.data.messages.length,
-        toolCount: result.data.tools !== void 0 && result.data.tools.length > 0 ? result.data.tools.length : null
+        toolCount
       };
     } catch {
       return emptyRequestAnalysis(rawBody);
@@ -1354,22 +1592,24 @@ const openAILogFormatAdapter = {
   analyzeRequest(rawBody) {
     if (rawBody === null) return emptyRequestAnalysis(rawBody);
     try {
-      const result = OpenAIRequestSchema.safeParse(JSON.parse(rawBody));
+      const parsedBody = JSON.parse(rawBody);
+      const toolCount = parseRequestTools(parsedBody)?.tools.length ?? null;
+      const result = OpenAIRequestSchema.safeParse(parsedBody);
       if (!result.success) {
-        const responsesResult = OpenAIResponsesRequestSchema.safeParse(JSON.parse(rawBody));
+        const responsesResult = OpenAIResponsesRequestSchema.safeParse(parsedBody);
         if (!responsesResult.success) return emptyRequestAnalysis(rawBody);
         return {
           parsed: responsesResult.data,
           comparisonValue: responsesResult.data,
           messageCount: countResponsesInput(responsesResult.data.input),
-          toolCount: responsesResult.data.tools !== void 0 && responsesResult.data.tools.length > 0 ? responsesResult.data.tools.length : null
+          toolCount
         };
       }
       return {
         parsed: result.data,
         comparisonValue: result.data,
         messageCount: result.data.messages.length,
-        toolCount: result.data.tools !== void 0 && result.data.tools.length > 0 ? result.data.tools.length : null
+        toolCount
       };
     } catch {
       return emptyRequestAnalysis(rawBody);
@@ -2306,27 +2546,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-m82cVZ73.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-s-UF9gW3.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-B8RlWLLH.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DvS8gvJr.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-BE7pmwpv.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-BwhWglJL.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-D-sDsdQr.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-wBVreqQf.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DU_hThJr.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-Dr6eg-MJ.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-CaDh1zrw.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-D7L8y0FH.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-CaDh1zrw.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-D7L8y0FH.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -3473,171 +3713,6 @@ function shouldShowHeadersDiffButton(viewMode, hasRawHeaders) {
 function shouldShowRequestDiffButton(apiFormat, viewMode, strip, hasRawRequest) {
   return apiFormat === "anthropic" && viewMode === "full" && strip && hasRawRequest;
 }
-const CATEGORY_ORDER = [
-  "file",
-  "shell",
-  "browser",
-  "web",
-  "mcp",
-  "code",
-  "other"
-];
-function firstTextSlice(value) {
-  const normalized = value.replace(/\s+/g, " ").trim();
-  if (normalized.length <= 120) return normalized;
-  return `${normalized.slice(0, 119)}...`;
-}
-function previewDescription(description) {
-  if (description === null) return null;
-  const normalized = description.replace(/\s+/g, " ").trim();
-  if (normalized.length === 0) return null;
-  const sentenceEnd = normalized.search(/[.!?。！？]/);
-  if (sentenceEnd >= 24) return firstTextSlice(normalized.slice(0, sentenceEnd + 1));
-  return firstTextSlice(normalized);
-}
-function lowerHaystack(name, description) {
-  return `${name} ${description ?? ""}`.toLowerCase();
-}
-function includesAny(value, needles) {
-  return needles.some((needle) => value.includes(needle));
-}
-function categorizeTool(name, description) {
-  const haystack = lowerHaystack(name, description);
-  if (name.startsWith("mcp__") || name.startsWith("inspector_") || includesAny(haystack, [" mcp", "model context protocol"])) {
-    return "mcp";
-  }
-  if (includesAny(haystack, ["bash", "shell", "terminal", "command", "powershell", "exec", "process"])) {
-    return "shell";
-  }
-  if (includesAny(haystack, [
-    "browser",
-    "playwright",
-    "screenshot",
-    "click",
-    "navigate",
-    "page",
-    "tab"
-  ])) {
-    return "browser";
-  }
-  if (includesAny(haystack, [
-    "read",
-    "write",
-    "edit",
-    "file",
-    "glob",
-    "grep",
-    "patch",
-    "filesystem",
-    "directory"
-  ])) {
-    return "file";
-  }
-  if (includesAny(haystack, ["web", "search", "http", "url", "fetch"])) {
-    return "web";
-  }
-  if (includesAny(haystack, ["code", "typescript", "javascript", "python", "repl"])) {
-    return "code";
-  }
-  return "other";
-}
-function parameterNames(schema) {
-  const properties = safeGetOwnProperty(schema, "properties");
-  if (properties === null || typeof properties !== "object" || Array.isArray(properties)) {
-    return [];
-  }
-  return Object.keys(properties).sort((a, b) => a.localeCompare(b));
-}
-function requiredParameterNames(schema) {
-  const required = safeGetOwnProperty(schema, "required");
-  if (!Array.isArray(required)) return [];
-  const names = [];
-  for (const item of required) {
-    if (typeof item === "string" && item.length > 0) names.push(item);
-  }
-  return names.sort((a, b) => a.localeCompare(b));
-}
-function parseAnthropicTool(tool) {
-  const name = safeGetOwnProperty(tool, "name");
-  if (typeof name !== "string" || name.length === 0) return null;
-  const description = safeGetOwnProperty(tool, "description");
-  const schema = safeGetOwnProperty(tool, "input_schema") ?? null;
-  const normalizedDescription = typeof description === "string" ? description : null;
-  return {
-    name,
-    description: normalizedDescription,
-    descriptionPreview: previewDescription(normalizedDescription),
-    category: categorizeTool(name, normalizedDescription),
-    parameterCount: parameterNames(schema).length,
-    requiredParameters: requiredParameterNames(schema),
-    schema
-  };
-}
-function parseOpenAITool(tool) {
-  const fn = safeGetOwnProperty(tool, "function");
-  const toolType = safeGetOwnProperty(tool, "type");
-  if (fn === void 0 && toolType !== "function") return null;
-  const name = safeGetOwnProperty(fn, "name") ?? safeGetOwnProperty(tool, "name");
-  if (typeof name !== "string" || name.length === 0) return null;
-  const description = safeGetOwnProperty(fn, "description") ?? safeGetOwnProperty(tool, "description");
-  const schema = safeGetOwnProperty(fn, "parameters") ?? safeGetOwnProperty(tool, "parameters") ?? null;
-  const normalizedDescription = typeof description === "string" ? description : null;
-  return {
-    name,
-    description: normalizedDescription,
-    descriptionPreview: previewDescription(normalizedDescription),
-    category: categorizeTool(name, normalizedDescription),
-    parameterCount: parameterNames(schema).length,
-    requiredParameters: requiredParameterNames(schema),
-    schema
-  };
-}
-function parseTool(tool) {
-  const openAITool = parseOpenAITool(tool);
-  if (openAITool !== null) return openAITool;
-  return parseAnthropicTool(tool);
-}
-function formatToolChoice(choice) {
-  if (choice === void 0 || choice === null) return null;
-  if (typeof choice === "string") return choice;
-  const type = safeGetOwnProperty(choice, "type");
-  const name = safeGetOwnProperty(choice, "name");
-  const fnName = safeGetOwnProperty(safeGetOwnProperty(choice, "function"), "name");
-  if (typeof type === "string" && typeof fnName === "string" && fnName.length > 0) {
-    return `${type}: ${fnName}`;
-  }
-  if (typeof type === "string" && typeof name === "string" && name.length > 0) {
-    return `${type}: ${name}`;
-  }
-  if (typeof type === "string") return type;
-  const encoded = JSON.stringify(choice);
-  return encoded === void 0 ? null : firstTextSlice(encoded);
-}
-function summarizeCategories(tools) {
-  const counts = /* @__PURE__ */ new Map();
-  for (const tool of tools) {
-    counts.set(tool.category, (counts.get(tool.category) ?? 0) + 1);
-  }
-  return CATEGORY_ORDER.flatMap((category) => {
-    const count = counts.get(category) ?? 0;
-    return count > 0 ? [{ category, count }] : [];
-  });
-}
-function parseRequestTools(parsed) {
-  const rawTools = safeGetOwnProperty(parsed, "tools");
-  if (!Array.isArray(rawTools) || rawTools.length === 0) return null;
-  const tools = [];
-  for (const rawTool of rawTools) {
-    const tool = parseTool(rawTool);
-    if (tool !== null) tools.push(tool);
-  }
-  if (tools.length === 0) return null;
-  return {
-    tools,
-    toolChoiceLabel: formatToolChoice(safeGetOwnProperty(parsed, "tool_choice")),
-    categories: summarizeCategories(tools)
-  };
-}
 function TabFallback() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1", "aria-hidden": "true" });
 }
@@ -5005,7 +5080,6 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
             }
           },
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 shrink-0 flex items-start pt-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/50 font-mono tabular-nums leading-none select-none", children: turnIndex + 1 }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-6 shrink-0 flex flex-col items-center pt-1.5 pb-1.5", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center h-[calc(0.75rem-8px)]" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5112,7 +5186,6 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
           const { log, stopReason: reason } = entry;
           const isTurnStart = visibleIdx === 0;
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-stretch", children: [
-            isTurnStart ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 shrink-0 flex items-start pt-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/50 font-mono tabular-nums leading-none select-none", children: turnIndex + 1 }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 shrink-0" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               ThreadConnector,
               {
@@ -5260,6 +5333,9 @@ const CandidatePromotionFailureResponseSchema = object({
 const CandidateUpdateResponseSchema = object({
   candidate: KnowledgeCandidateSchema
 });
+const CANDIDATE_GENERATE_TIMEOUT_MS = 3e4;
+const CANDIDATE_PROMOTE_TIMEOUT_MS = 15e3;
+const CANDIDATE_UPDATE_TIMEOUT_MS = 15e3;
 const CANDIDATE_STATUS_CLASSES = {
   draft: "border-amber-500/30 bg-amber-500/10 text-amber-500",
   promoted: "border-emerald-500/30 bg-emerald-500/10 text-emerald-500",
@@ -5765,19 +5841,13 @@ function AgentTraceSummary({
     setCandidateState({ status: "loading", error: null });
     void (async () => {
       try {
-        const response = await fetch(
+        const parsed = await fetchJsonWithTimeout(
           `/api/knowledge/sessions/${encodeURIComponent(scopeId)}/candidates`,
-          { method: "POST" }
+          CandidateResponseSchema,
+          CANDIDATE_GENERATE_TIMEOUT_MS,
+          { method: "POST" },
+          (response) => `Candidate generation failed with ${String(response.status)}`
         );
-        if (!response.ok) {
-          const message = await readApiError(
-            response,
-            `Candidate generation failed with ${String(response.status)}`
-          );
-          setCandidateState({ status: "failed", error: message });
-          return;
-        }
-        const parsed = await parseJsonResponse$1(response, CandidateResponseSchema);
         setCandidates(parsed.candidates);
         setCandidatesExpanded(parsed.candidates.length > 0);
         setCandidateState(
@@ -5800,8 +5870,9 @@ function AgentTraceSummary({
     });
     void (async () => {
       try {
-        const response = await fetch(
+        const response = await fetchWithTimeout(
           `/api/knowledge/candidates/${encodeURIComponent(candidateId)}/promote`,
+          CANDIDATE_PROMOTE_TIMEOUT_MS,
           { method: "POST" }
         );
         const raw = await response.json().catch(() => null);
@@ -5850,23 +5921,17 @@ function AgentTraceSummary({
         return next;
       });
       try {
-        const response = await fetch(
+        const parsed = await fetchJsonWithTimeout(
           `/api/knowledge/candidates/${encodeURIComponent(candidateId)}`,
+          CandidateUpdateResponseSchema,
+          CANDIDATE_UPDATE_TIMEOUT_MS,
           {
             method: "PATCH",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify(update)
-          }
+          },
+          (response) => `Candidate update failed with ${String(response.status)}`
         );
-        if (!response.ok) {
-          const message = await readApiError(
-            response,
-            `Candidate update failed with ${String(response.status)}`
-          );
-          setCandidateState({ status: "failed", error: message });
-          return false;
-        }
-        const parsed = await parseJsonResponse$1(response, CandidateUpdateResponseSchema);
         setCandidates(
           (current) => current.map(
             (candidate) => candidate.id === parsed.candidate.id ? parsed.candidate : candidate
@@ -6942,6 +7007,7 @@ function TransientToast({
     }
   );
 }
+const GROUP_OPERATION_TIMEOUT_MS = 2e4;
 function groupDeletePath(groupId, deleteEvidence) {
   const path = `/api/groups/${encodeURIComponent(groupId)}`;
   return deleteEvidence ? `${path}?deleteEvidence=1` : path;
@@ -7162,18 +7228,13 @@ function GroupsDialog() {
     setDeleteError(null);
     setExportError(null);
     try {
-      const response = await fetch(groupsClearPath(false), { method: "DELETE" });
-      if (!response.ok) {
-        showToast({
-          message: await readApiError(
-            response,
-            `Clear failed with status ${String(response.status)}`
-          ),
-          tone: "error"
-        });
-        return;
-      }
-      const parsed = await parseJsonResponse$1(response, DeleteInspectorGroupsResponseSchema);
+      const parsed = await fetchJsonWithTimeout(
+        groupsClearPath(false),
+        DeleteInspectorGroupsResponseSchema,
+        GROUP_OPERATION_TIMEOUT_MS,
+        { method: "DELETE" },
+        (response) => `Clear failed with status ${String(response.status)}`
+      );
       setExportResult(null);
       setSelectedGroupId(null);
       await mutate();
@@ -7196,18 +7257,17 @@ function GroupsDialog() {
       setExportingGroupId(group.id);
       setExportError(null);
       try {
-        const response = await fetch(`/api/groups/${encodeURIComponent(group.id)}/evidence`, {
-          method: "POST",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ latestLogLimit: 10 })
-        });
-        if (!response.ok) {
-          setExportError(
-            await readApiError(response, `Export failed with status ${String(response.status)}`)
-          );
-          return;
-        }
-        const parsed = await parseJsonResponse$1(response, GroupEvidenceExportResultSchema);
+        const parsed = await fetchJsonWithTimeout(
+          `/api/groups/${encodeURIComponent(group.id)}/evidence`,
+          GroupEvidenceExportResultSchema,
+          GROUP_OPERATION_TIMEOUT_MS,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ latestLogLimit: 10 })
+          },
+          (response) => `Export failed with status ${String(response.status)}`
+        );
         setExportResult(parsed);
         await mutate();
         await mutateEvidence();
@@ -7242,16 +7302,13 @@ function GroupsDialog() {
     setDeletingGroupId(group.id);
     setDeleteError(null);
     try {
-      const response = await fetch(groupDeletePath(group.id, deleteEvidence), {
-        method: "DELETE"
-      });
-      if (!response.ok) {
-        setDeleteError(
-          await readApiError(response, `Delete failed with status ${String(response.status)}`)
-        );
-        return;
-      }
-      await parseJsonResponse$1(response, DeleteInspectorGroupResponseSchema);
+      await fetchJsonWithTimeout(
+        groupDeletePath(group.id, deleteEvidence),
+        DeleteInspectorGroupResponseSchema,
+        GROUP_OPERATION_TIMEOUT_MS,
+        { method: "DELETE" },
+        (response) => `Delete failed with status ${String(response.status)}`
+      );
       setExportResult(
         (current) => current !== null && current.group.id === group.id ? null : current
       );
@@ -7934,70 +7991,6 @@ function MemberMetadata({ entries }) {
     }) })
   ] });
 }
-function ClaudeCodeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "size-6 shrink-0",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "Claude Code" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "path",
-          {
-            clipRule: "evenodd",
-            d: "M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
-          }
-        )
-      ]
-    }
-  );
-}
-function OpenCodeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "size-6 shrink-0",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "OpenCode" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M16 6H8v12h8V6zm4 16H4V2h16v20z" })
-      ]
-    }
-  );
-}
-function MiMoCodeIcon() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      fill: "currentColor",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "size-6 shrink-0",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "MiMo Code" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "text",
-          {
-            x: "12",
-            y: "18",
-            textAnchor: "middle",
-            fontSize: "16",
-            fontWeight: "800",
-            fontFamily: "system-ui, sans-serif",
-            children: "M"
-          }
-        )
-      ]
-    }
-  );
-}
 const ExternalProviderSchema = object({
   name: string(),
   apiKey: string(),
@@ -8019,11 +8012,7 @@ const ImportResponseSchema$1 = object({
   message: string().optional(),
   errors: array(string()).optional()
 });
-const sourceLogoMap = {
-  "claude-code": ClaudeCodeIcon,
-  opencode: OpenCodeIcon,
-  "mimo-code": MiMoCodeIcon
-};
+const PROVIDER_IMPORT_TIMEOUT_MS$1 = 2e4;
 function ImportWizardDialog({
   open,
   onOpenChange,
@@ -8037,7 +8026,11 @@ function ImportWizardDialog({
   const [importing, setImporting] = reactExports.useState(false);
   const [importResult, setImportResult] = reactExports.useState(null);
   const [importError, setImportError] = reactExports.useState(null);
+  const scanRequestIdRef = reactExports.useRef(0);
+  const importRequestIdRef = reactExports.useRef(0);
   const scan = reactExports.useCallback(() => {
+    const requestId = scanRequestIdRef.current + 1;
+    scanRequestIdRef.current = requestId;
     setScanning(true);
     setScanError(null);
     setWarnings([]);
@@ -8045,29 +8038,26 @@ function ImportWizardDialog({
     setSelected(/* @__PURE__ */ new Set());
     setImportResult(null);
     setImportError(null);
-    fetch("/api/providers/scan").then((res) => {
-      if (!res.ok) {
-        return res.text().then((text) => {
-          setScanError(`Scan failed (${res.status}): ${text}`);
-        });
-      }
-      return res.json().then((data) => {
-        const parsed = ScanResponseSchema.safeParse(data);
-        if (!parsed.success) {
-          setScanError(`Invalid response: ${parsed.error.message}`);
-          return;
-        }
-        setProviders(parsed.data.providers);
-        setWarnings(parsed.data.warnings ?? []);
-        const indices = /* @__PURE__ */ new Set();
-        parsed.data.providers.forEach((p, i) => {
-          if (!p.alreadyExists) indices.add(i);
-        });
-        setSelected(indices);
+    void fetchJsonWithTimeout(
+      "/api/providers/scan",
+      ScanResponseSchema,
+      PROVIDER_IMPORT_TIMEOUT_MS$1,
+      void 0,
+      (response) => `Scan failed (${String(response.status)})`
+    ).then((data) => {
+      if (scanRequestIdRef.current !== requestId) return;
+      setProviders(data.providers);
+      setWarnings(data.warnings ?? []);
+      const indices = /* @__PURE__ */ new Set();
+      data.providers.forEach((provider, index) => {
+        if (!provider.alreadyExists) indices.add(index);
       });
+      setSelected(indices);
     }).catch((err) => {
+      if (scanRequestIdRef.current !== requestId) return;
       setScanError(err instanceof Error ? err.message : String(err));
     }).finally(() => {
+      if (scanRequestIdRef.current !== requestId) return;
       setScanning(false);
     });
   }, []);
@@ -8076,6 +8066,13 @@ function ImportWizardDialog({
       scan();
     }
   }, [open, scan]);
+  reactExports.useEffect(() => {
+    if (open) return;
+    scanRequestIdRef.current += 1;
+    importRequestIdRef.current += 1;
+    setScanning(false);
+    setImporting(false);
+  }, [open]);
   const toggleProvider = reactExports.useCallback((index) => {
     setSelected((prev) => {
       const next = new Set(prev);
@@ -8090,6 +8087,8 @@ function ImportWizardDialog({
   const importSelected = reactExports.useCallback(() => {
     const toImport = providers.filter((_, i) => selected.has(i));
     if (toImport.length === 0) return;
+    const requestId = importRequestIdRef.current + 1;
+    importRequestIdRef.current = requestId;
     setImporting(true);
     setImportError(null);
     setImportResult(null);
@@ -8106,17 +8105,18 @@ function ImportWizardDialog({
       createdAt: now,
       updatedAt: now
     }));
-    fetch("/api/providers/import", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ providers: providersPayload })
-    }).then((res) => res.json()).then((data) => {
-      const parsed = ImportResponseSchema$1.safeParse(data);
-      if (!parsed.success) {
-        setImportError(`Invalid response: ${parsed.error.message}`);
-        return;
-      }
-      const result = parsed.data;
+    void fetchJsonWithTimeout(
+      "/api/providers/import",
+      ImportResponseSchema$1,
+      PROVIDER_IMPORT_TIMEOUT_MS$1,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ providers: providersPayload })
+      },
+      (response) => `Import failed (${String(response.status)})`
+    ).then((result) => {
+      if (importRequestIdRef.current !== requestId) return;
       setProviders(
         (prev) => prev.map((p, i) => selected.has(i) ? { ...p, alreadyExists: true } : p)
       );
@@ -8128,8 +8128,10 @@ function ImportWizardDialog({
       }
       onImportComplete();
     }).catch((err) => {
+      if (importRequestIdRef.current !== requestId) return;
       setImportError(err instanceof Error ? err.message : String(err));
     }).finally(() => {
+      if (importRequestIdRef.current !== requestId) return;
       setImporting(false);
     });
   }, [providers, selected, onImportComplete]);
@@ -8170,11 +8172,7 @@ function ImportWizardDialog({
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
-                (() => {
-                  const LogoComponent = sourceLogoMap[p.sourceTool];
-                  if (LogoComponent === void 0) return null;
-                  return /* @__PURE__ */ jsxRuntimeExports.jsx(LogoComponent, {});
-                })(),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ClientLogo, { client: p.sourceTool, className: "size-7 rounded-[8px]" }),
                 p.alreadyExists && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground", children: "Already added" })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 text-xs leading-snug text-muted-foreground", children: [
@@ -9848,6 +9846,13 @@ const ModelMetadataRefreshResponseSchema = object({
   sourceUrl: string()
 });
 const NETWORK_ERROR_MESSAGE = "Network error: could not reach the server. Is the proxy running?";
+const CONFIG_PATH_FETCH_TIMEOUT_MS = 5e3;
+const PROVIDER_TEST_LOG_TIMEOUT_MS = 5e3;
+const PROVIDER_WRITE_TIMEOUT_MS = 15e3;
+const PROVIDER_DELETE_TIMEOUT_MS = 1e4;
+const PROVIDER_EXPORT_TIMEOUT_MS = 2e4;
+const PROVIDER_IMPORT_TIMEOUT_MS = 2e4;
+const PROVIDER_METADATA_TIMEOUT_MS = 3e4;
 function createProviderPayload(data) {
   return {
     name: data.name,
@@ -9871,7 +9876,7 @@ async function persistProviderTestLog(providerId, results) {
     return;
   }
   try {
-    await fetch(`/api/providers/${providerId}/test/log`, {
+    await fetchWithTimeout(`/api/providers/${providerId}/test/log`, PROVIDER_TEST_LOG_TIMEOUT_MS, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify(results)
@@ -9939,11 +9944,12 @@ function ProvidersPanel({
   reactExports.useEffect(() => {
     void (async () => {
       try {
-        const res = await fetch("/api/config/paths");
-        if (res.ok) {
-          const data = await parseJsonResponse$1(res, ConfigPathsResponseSchema);
-          setConfigPath(data.providerConfig);
-        }
+        const data = await fetchJsonWithTimeout(
+          "/api/config/paths",
+          ConfigPathsResponseSchema,
+          CONFIG_PATH_FETCH_TIMEOUT_MS
+        );
+        setConfigPath(data.providerConfig);
       } catch {
       }
     })();
@@ -10017,29 +10023,30 @@ function ProvidersPanel({
         }
       }, 1e3);
       try {
-        const res = await fetch(`/api/providers/${providerId}/test`, {
-          method: "POST",
-          signal: controller.signal
-        });
-        if (res.ok) {
-          const results = await parseJsonResponse$1(res, ProviderTestResultsSchema);
-          updateTestResults(providerId, results);
-          await persistProviderTestLog(providerId, results);
-        } else {
+        const results = await fetchJsonWithTimeout(
+          `/api/providers/${providerId}/test`,
+          ProviderTestResultsSchema,
+          timeoutSeconds * 1e3 + 1e3,
+          {
+            method: "POST",
+            signal: controller.signal
+          },
+          (response) => `HTTP ${response.status}: ${response.statusText}`
+        );
+        updateTestResults(providerId, results);
+        await persistProviderTestLog(providerId, results);
+      } catch (err) {
+        const isAbort = err instanceof Error && err.name === "AbortError";
+        const isTimeout = err instanceof ApiTimeoutError;
+        if (isAbort || isTimeout) {
           updateTestResults(
             providerId,
-            createFailedProviderTestResults(
-              `HTTP ${res.status}: ${res.statusText}`,
-              "server_error"
-            )
+            createFailedProviderTestResults("Request timed out", "timeout")
           );
-        }
-      } catch (err) {
-        const isAbort = err instanceof Error && err.name === "AbortError";
-        if (isAbort) {
+        } else if (err instanceof Error) {
           updateTestResults(
             providerId,
-            createFailedProviderTestResults("Request timed out", "timeout")
+            createFailedProviderTestResults(err.message, "server_error")
           );
         }
       } finally {
@@ -10065,18 +10072,17 @@ function ProvidersPanel({
       });
       try {
         const payload = url !== void 0 && url.trim() !== "" ? { url } : {};
-        const res = await fetch(`/api/providers/${providerId}/model-metadata`, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload)
-        });
-        if (!res.ok) {
-          if (showError) {
-            setError(await readApiError(res, "Failed to refresh model metadata"));
-          }
-          return false;
-        }
-        const data = await parseJsonResponse$1(res, ModelMetadataRefreshResponseSchema);
+        const data = await fetchJsonWithTimeout(
+          `/api/providers/${providerId}/model-metadata`,
+          ModelMetadataRefreshResponseSchema,
+          PROVIDER_METADATA_TIMEOUT_MS,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload)
+          },
+          () => "Failed to refresh model metadata"
+        );
         if (data.imported === 0 && showError) {
           setError("No matching model metadata found for this provider.");
         } else {
@@ -10085,9 +10091,9 @@ function ProvidersPanel({
         triggerHighlight(data.provider.id);
         refreshProviders();
         return data.imported > 0;
-      } catch {
+      } catch (err) {
         if (showError) {
-          setError(NETWORK_ERROR_MESSAGE);
+          setError(err instanceof Error ? err.message : NETWORK_ERROR_MESSAGE);
         }
         return false;
       } finally {
@@ -10103,16 +10109,17 @@ function ProvidersPanel({
   function handleAddProvider(data) {
     void (async () => {
       try {
-        const res = await fetch("/api/providers", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(createProviderPayload(data))
-        });
-        if (!res.ok) {
-          setError(await readApiError(res, "Failed to add provider"));
-          return;
-        }
-        const newProvider = await parseJsonResponse$1(res, ProviderConfigSchema);
+        const newProvider = await fetchJsonWithTimeout(
+          "/api/providers",
+          ProviderConfigSchema,
+          PROVIDER_WRITE_TIMEOUT_MS,
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(createProviderPayload(data))
+          },
+          () => "Failed to add provider"
+        );
         setShowForm(false);
         triggerHighlight(newProvider.id);
         if (data.modelMetadataUrl !== void 0 && data.modelMetadataUrl.trim() !== "") {
@@ -10120,8 +10127,8 @@ function ProvidersPanel({
         }
         refreshProviders();
         await runTest(newProvider.id);
-      } catch {
-        setError(NETWORK_ERROR_MESSAGE);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : NETWORK_ERROR_MESSAGE);
       }
     })();
   }
@@ -10129,16 +10136,17 @@ function ProvidersPanel({
     if (!editingProvider) return;
     void (async () => {
       try {
-        const res = await fetch(`/api/providers/${editingProvider.id}`, {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(createProviderPayload(data))
-        });
-        if (!res.ok) {
-          setError(await readApiError(res, "Failed to update provider"));
-          return;
-        }
-        const updated = await parseJsonResponse$1(res, ProviderConfigSchema);
+        const updated = await fetchJsonWithTimeout(
+          `/api/providers/${editingProvider.id}`,
+          ProviderConfigSchema,
+          PROVIDER_WRITE_TIMEOUT_MS,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(createProviderPayload(data))
+          },
+          () => "Failed to update provider"
+        );
         setEditingProvider(void 0);
         triggerHighlight(updated.id);
         if (data.modelMetadataUrl !== void 0 && data.modelMetadataUrl.trim() !== "") {
@@ -10149,8 +10157,8 @@ function ProvidersPanel({
         if (criticalFieldsChanged) {
           await runTest(updated.id);
         }
-      } catch {
-        setError(NETWORK_ERROR_MESSAGE);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : NETWORK_ERROR_MESSAGE);
       }
     })();
   }
@@ -10164,7 +10172,7 @@ function ProvidersPanel({
     void (async () => {
       let res;
       try {
-        res = await fetch(`/api/providers/${providerId}`, {
+        res = await fetchWithTimeout(`/api/providers/${providerId}`, PROVIDER_DELETE_TIMEOUT_MS, {
           method: "DELETE"
         });
       } catch {
@@ -10183,7 +10191,7 @@ function ProvidersPanel({
     const url = `/api/providers/export${""}`;
     void (async () => {
       try {
-        const res = await fetch(url);
+        const res = await fetchWithTimeout(url, PROVIDER_EXPORT_TIMEOUT_MS);
         if (!res.ok) {
           setError("Failed to export providers");
           return;
@@ -10211,7 +10219,7 @@ function ProvidersPanel({
     void (async () => {
       try {
         const text = await file.text();
-        const res = await fetch("/api/providers/import", {
+        const res = await fetchWithTimeout("/api/providers/import", PROVIDER_IMPORT_TIMEOUT_MS, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(text)
@@ -10511,6 +10519,7 @@ const LogStorageStatsSchema = object({
   sessionArchiveFileCount: number(),
   sessionArchiveBytes: number()
 });
+const STORAGE_STATS_FETCH_TIMEOUT_MS = 1e4;
 function formatBytes(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KiB`;
@@ -10526,18 +10535,14 @@ function StorageSettingsTab() {
     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);
+      const data = await fetchJsonWithTimeout(
+        "/api/logs?stats=1",
+        LogStorageStatsSchema,
+        STORAGE_STATS_FETCH_TIMEOUT_MS,
+        void 0,
+        (response) => `Failed to load storage stats: HTTP ${String(response.status)}`
+      );
+      setStats(data);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -11153,6 +11158,28 @@ const EcosystemPackagesResponseSchema = object({
   packages: array(EcosystemPackageSchema),
   runnerPresets: array(EcosystemRunnerPresetSchema)
 });
+const EcosystemTaskActionSchema = _enum(["install", "upgrade", "help", "runner-presets"]);
+const EcosystemTaskStatusSchema = _enum(["queued", "running", "succeeded", "failed"]);
+const EcosystemTaskSchema = object({
+  id: string(),
+  packageId: string(),
+  npmName: string(),
+  action: EcosystemTaskActionSchema,
+  status: EcosystemTaskStatusSchema,
+  command: string(),
+  output: string(),
+  createdAt: string(),
+  startedAt: string().nullable(),
+  finishedAt: string().nullable(),
+  exitCode: number().nullable(),
+  error: string().nullable()
+});
+const EcosystemTaskResponseSchema = object({
+  task: EcosystemTaskSchema
+});
+object({
+  tasks: array(EcosystemTaskSchema)
+});
 const WORKFLOWS = [
   {
     id: "observe",
@@ -11195,6 +11222,23 @@ async function fetchEcosystemPackages(url) {
     (response) => `Failed to load ecosystem packages: ${String(response.status)}`
   );
 }
+async function fetchEcosystemTask(url) {
+  return fetchJson(
+    url,
+    EcosystemTaskResponseSchema,
+    void 0,
+    (response) => `Failed to load ecosystem task: ${String(response.status)}`
+  );
+}
+async function startEcosystemTask(packageId, action) {
+  const response = await fetchJson(
+    `/api/ecosystem/packages/${encodeURIComponent(packageId)}/${action}`,
+    EcosystemTaskResponseSchema,
+    { method: "POST" },
+    (result) => `Failed to start ecosystem task: ${String(result.status)}`
+  );
+  return response.task;
+}
 function stateLabel(state) {
   switch (state) {
     case "installed":
@@ -11232,7 +11276,49 @@ function versionLabel(pkg) {
   if (pkg.latestVersion !== null) return `latest v${pkg.latestVersion}`;
   return "not published";
 }
-function PackageStatusCard({ pkg }) {
+function taskActionLabel(action) {
+  switch (action) {
+    case "install":
+      return "Install";
+    case "upgrade":
+      return "Upgrade";
+    case "help":
+      return "Help";
+    case "runner-presets":
+      return "Presets";
+  }
+}
+function taskStatusLabel(task) {
+  switch (task.status) {
+    case "queued":
+      return "Queued";
+    case "running":
+      return `${taskActionLabel(task.action)} running`;
+    case "succeeded":
+      return `${taskActionLabel(task.action)} complete`;
+    case "failed":
+      return `${taskActionLabel(task.action)} failed`;
+  }
+}
+function packagePrimaryAction(pkg) {
+  switch (pkg.state) {
+    case "available":
+      return "install";
+    case "update-available":
+      return "upgrade";
+    case "installed":
+    case "planned":
+    case "unknown":
+      return null;
+  }
+}
+function PackageStatusCard({
+  pkg,
+  activeTask,
+  onStartTask
+}) {
+  const primaryAction = packagePrimaryAction(pkg);
+  const packageTaskRunning = activeTask !== null && activeTask.packageId === pkg.id && activeTask.status === "running";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg bg-white/[0.025] p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
@@ -11249,9 +11335,81 @@ function PackageStatusCard({ pkg }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 font-mono text-white/50", children: versionLabel(pkg) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 text-white/45", children: pkg.capability }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-white/[0.035] px-2 py-1 font-mono text-white/35", children: pkg.installCommand })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+      primaryAction !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "secondary",
+          disabled: packageTaskRunning,
+          onClick: () => onStartTask(pkg.id, primaryAction),
+          children: [
+            packageTaskRunning ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3.5" }),
+            taskActionLabel(primaryAction)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          disabled: packageTaskRunning || pkg.state === "planned",
+          onClick: () => onStartTask(pkg.id, "help"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-3.5" }),
+            "Help"
+          ]
+        }
+      ),
+      pkg.id === "eval-harness" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          disabled: packageTaskRunning || pkg.state === "planned",
+          onClick: () => onStartTask(pkg.id, "runner-presets"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Beaker, { className: "size-3.5" }),
+            "Presets"
+          ]
+        }
+      )
     ] })
   ] });
 }
+function TaskConsole({ task }) {
+  if (task === null) return null;
+  const isRunning = task.status === "queued" || task.status === "running";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "mt-3 rounded-lg bg-white/[0.025] p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        isRunning ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin text-cyan-200/75" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Terminal, { className: "size-4 text-white/55" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-semibold", children: taskStatusLabel(task) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "break-all font-mono text-[11px] text-white/35", children: task.command })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Badge,
+        {
+          variant: "outline",
+          className: cn(
+            "shrink-0",
+            task.status === "failed" ? "border-red-400/20 bg-red-400/8 text-red-100" : "border-cyan-300/20 bg-cyan-300/8 text-cyan-100"
+          ),
+          children: task.status
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "mt-3 max-h-56 overflow-auto whitespace-pre-wrap rounded-md bg-black/30 p-3 font-mono text-[11px] leading-5 text-white/60 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: task.output.trim().length > 0 ? task.output : "Waiting for npm output..." }),
+    task.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 text-xs text-red-100", children: task.error })
+  ] });
+}
 function WorkflowTile({ workflow }) {
   const Icon2 = workflow.icon;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-lg bg-white/[0.025] p-3 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.055)]", children: [
@@ -11307,10 +11465,23 @@ function AgentLabDialog({ currentSessionId, logCount }) {
   const [open, setOpen] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
   const [copiedPresets, setCopiedPresets] = reactExports.useState(false);
+  const [activeTaskId, setActiveTaskId] = reactExports.useState(null);
+  const [taskError, setTaskError] = reactExports.useState(null);
   const response = useSWR("/api/ecosystem/packages", fetchEcosystemPackages, {
     revalidateOnFocus: false,
     revalidateIfStale: false
   });
+  const activeTaskResponse = useSWR(
+    activeTaskId === null ? null : `/api/ecosystem/tasks/${activeTaskId}`,
+    fetchEcosystemTask,
+    {
+      refreshInterval: (taskResponse) => {
+        const task = taskResponse?.task;
+        return task !== void 0 && (task.status === "queued" || task.status === "running") ? 900 : 0;
+      },
+      revalidateOnFocus: false
+    }
+  );
   const packages = response.data?.packages ?? [];
   const runnerPresets = response.data?.runnerPresets ?? [];
   const installedCount = reactExports.useMemo(
@@ -11331,6 +11502,21 @@ function AgentLabDialog({ currentSessionId, logCount }) {
       window.setTimeout(() => setCopiedPresets(false), 1200);
     });
   };
+  const activeTask = activeTaskResponse.data?.task ?? null;
+  reactExports.useEffect(() => {
+    if (activeTask === null) return;
+    if (activeTask.status !== "succeeded") return;
+    void response.mutate();
+  }, [activeTask, response]);
+  const handleStartTask = (packageId, action) => {
+    setTaskError(null);
+    void startEcosystemTask(packageId, action).then((task) => {
+      setActiveTaskId(task.id);
+      void activeTaskResponse.mutate({ task }, { revalidate: true });
+    }).catch((error) => {
+      setTaskError(error instanceof Error ? error.message : "Failed to start ecosystem task");
+    });
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
@@ -11418,7 +11604,15 @@ function AgentLabDialog({ currentSessionId, logCount }) {
           ] }),
           response.error !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-lg bg-red-500/8 p-3 text-xs text-red-100 shadow-[inset_0_0_0_1px_rgba(248,113,113,0.16)]", children: "Package status is temporarily unavailable." }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 md:grid-cols-3", children: [
-            packages.map((pkg) => /* @__PURE__ */ jsxRuntimeExports.jsx(PackageStatusCard, { pkg }, pkg.id)),
+            packages.map((pkg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              PackageStatusCard,
+              {
+                pkg,
+                activeTask,
+                onStartTask: handleStartTask
+              },
+              pkg.id
+            )),
             response.isLoading && packages.length === 0 && [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
@@ -11427,7 +11621,9 @@ function AgentLabDialog({ currentSessionId, logCount }) {
               index
             ))
           ] })
-        ] })
+        ] }),
+        taskError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 rounded-lg bg-red-500/8 p-3 text-xs text-red-100 shadow-[inset_0_0_0_1px_rgba(248,113,113,0.16)]", children: taskError }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TaskConsole, { task: activeTask })
       ] })
     ] })
   ] });
@@ -13592,6 +13788,36 @@ function LogPaginationButton({
     }
   );
 }
+function formatDurationSeconds(ms) {
+  return `${Math.max(0, Math.ceil(ms / 1e3)).toString()}s`;
+}
+function SessionLoadProgressBar({ progress }) {
+  const elapsedRatio = Math.min(1, progress.elapsedMs / progress.timeoutMs);
+  const percent = Math.max(4, Math.round(elapsedRatio * 100));
+  const remainingMs = Math.max(0, progress.timeoutMs - progress.elapsedMs);
+  const nearTimeout = elapsedRatio >= 0.75;
+  const details = [
+    progress.loadedLogs > 0 ? `${progress.loadedLogs.toString()} logs` : null,
+    progress.loadedPages > 0 ? `${progress.loadedPages.toString()} page${progress.loadedPages === 1 ? "" : "s"}` : null,
+    `${formatDurationSeconds(remainingMs)} before timeout`
+  ].filter((item) => item !== null);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-1 px-1 pb-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-3 font-mono text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate", children: progress.label }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("shrink-0 tabular-nums", nearTimeout && "text-amber-300"), children: details.join(" / ") })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-white/[0.06]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: cn(
+          "h-full rounded-full transition-all duration-300",
+          nearTimeout ? "bg-amber-300/80" : "bg-cyan-300/70"
+        ),
+        style: { width: `${percent.toString()}%` }
+      }
+    ) })
+  ] });
+}
 function LogPaginationBar({
   logs,
   pagination,
@@ -13609,7 +13835,8 @@ function LogPaginationBar({
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full min-w-0 px-1 font-mono text-[11px] text-muted-foreground sm:flex-1", children: [
           formatPaginationStatus({ logs, pagination }),
-          pagination.isLoading && logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2", children: "Loading..." })
+          pagination.isLoading && logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-2", children: "Loading..." }),
+          pagination.loadProgress !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SessionLoadProgressBar, { progress: pagination.loadProgress })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full items-center gap-1 overflow-x-auto sm:w-auto", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -13747,16 +13974,6 @@ function CopyableCommand({ command }) {
     )
   ] });
 }
-function McpReadyBadge() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "bg-cyan-300/[0.055] shadow-[inset_0_1px_0_rgba(255,255,255,0.05)] inline-flex h-7 items-center gap-2 rounded-md px-2.5 font-mono text-[11px] font-medium text-cyan-200", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-1.5 rounded-full bg-cyan-200 shadow-[0_0_8px_rgba(125,211,252,0.75)]" }),
-      "MCP Ready",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "hidden text-cyan-200/70 sm:inline", children: "/api/mcp" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { sideOffset: 8, className: "max-w-[320px] text-left leading-relaxed", children: "Coding agents can inspect logs, replay requests, test providers, and debug sessions through MCP at /api/mcp." })
-  ] }) });
-}
 function SidebarPanel({
   label,
   children,
@@ -13801,7 +14018,7 @@ function CrabFamily({
   entrancePhase
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-7 text-amber-500" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-14 text-amber-500" });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex shrink-0 items-end gap-1 group cursor-default", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-10 text-amber-500 transition-all duration-300 group-hover:scale-125 group-hover:-translate-y-1.5" }),
@@ -13829,30 +14046,27 @@ function BrandHeader({
   logCount
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_16px_44px_rgba(0,0,0,0.18)] rounded-[8px] p-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-fit items-start gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CrabFamily, { compact: true, entrancePhase: crabEntrancePhase }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-fit", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-fit flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-base font-bold", children: "Agent Inspector" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "hidden shrink-0 font-mono text-[11px] font-semibold text-muted-foreground sm:inline", children: [
-                "v",
-                packageJson.version
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "hidden text-[11px] font-semibold text-muted-foreground sm:block", children: "Local First. Evidence First." })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(AlertsDialog, {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(AgentLabDialog, { currentSessionId, logCount }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {})
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_16px_44px_rgba(0,0,0,0.18)] rounded-[8px] p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-fit items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CrabFamily, { compact: true, entrancePhase: crabEntrancePhase }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-fit", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-fit flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-base font-bold", children: "Agent Inspector" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "hidden shrink-0 font-mono text-[11px] font-semibold text-muted-foreground sm:inline", children: [
+              "v",
+              packageJson.version
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "hidden text-[11px] font-semibold text-muted-foreground sm:block", children: "Local First. Evidence First." })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 hidden sm:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {}) })
-    ] });
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AlertsDialog, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AgentLabDialog, { currentSessionId, logCount }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {})
+      ] })
+    ] }) });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-x-4 gap-y-3 pb-6", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-10 flex-1", "aria-hidden": "true" }),
@@ -13869,8 +14083,7 @@ function BrandHeader({
         /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4 shrink-0 text-muted-foreground/70", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(McpLogo, { className: "size-10 shrink-0" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-full text-sm font-semibold text-muted-foreground", children: "Local First. Evidence First." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {})
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-full text-sm font-semibold text-muted-foreground", children: "Local First. Evidence First." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 justify-end gap-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(AlertsDialog, {}),
@@ -14177,6 +14390,7 @@ function ProxyViewer({
   onSessionChange,
   onModelChange,
   onClearAll,
+  onDeleteCurrentView,
   onReloadSession,
   onClearGroup,
   onNotify,
@@ -14188,6 +14402,7 @@ function ProxyViewer({
   timeDisplayFormat,
   isLoading = false,
   pagination,
+  sessionLoadProgress,
   sessionMemberships = [],
   hideSessionFilter = false,
   pinnedSessionId
@@ -14199,6 +14414,9 @@ function ProxyViewer({
   const [importing, setImporting] = reactExports.useState(false);
   const [importStatus, setImportStatus] = reactExports.useState(null);
   const [importError, setImportError] = reactExports.useState(null);
+  const [deleteDialogOpen, setDeleteDialogOpen] = reactExports.useState(false);
+  const [deleteStoredData, setDeleteStoredData] = reactExports.useState(false);
+  const [deletingCurrentView, setDeletingCurrentView] = reactExports.useState(false);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
     "hidden"
@@ -14206,7 +14424,24 @@ function ProxyViewer({
   const logListRef = reactExports.useRef(null);
   const logListWrapperRef = reactExports.useRef(null);
   const importInputRef = reactExports.useRef(null);
+  const exportAbortRef = reactExports.useRef(null);
+  const exportRequestIdRef = reactExports.useRef(0);
   useKeyboardNavigation(logListRef, logListWrapperRef, { pageWide: true });
+  const cancelTransientTasks = reactExports.useCallback(() => {
+    exportRequestIdRef.current += 1;
+    exportAbortRef.current?.abort();
+    exportAbortRef.current = null;
+    setExporting(null);
+    setExportError(null);
+  }, []);
+  reactExports.useEffect(
+    () => () => {
+      exportRequestIdRef.current += 1;
+      exportAbortRef.current?.abort();
+      exportAbortRef.current = null;
+    },
+    []
+  );
   reactExports.useEffect(() => {
     const perCrabDuration = 400;
     const startDelay = 50;
@@ -14228,11 +14463,18 @@ function ProxyViewer({
   }, [logs.length, pinnedSessionId]);
   const handleExport = reactExports.useCallback(
     async (mode) => {
+      exportAbortRef.current?.abort();
+      const controller = new AbortController();
+      exportAbortRef.current = controller;
+      const requestId = exportRequestIdRef.current + 1;
+      exportRequestIdRef.current = requestId;
       setExporting(mode);
       setExportError(null);
       try {
-        const result = await exportLogsAsZip(logs, mode);
+        const result = await exportLogsAsZip(logs, mode, { signal: controller.signal });
+        if (exportRequestIdRef.current !== requestId) return;
         if (!result.ok) {
+          if (result.canceled === true) return;
           if (onNotify !== void 0) {
             onNotify({ message: result.message, tone: "error" });
           } else {
@@ -14240,7 +14482,10 @@ function ProxyViewer({
           }
         }
       } finally {
-        setExporting(null);
+        if (exportRequestIdRef.current === requestId) {
+          exportAbortRef.current = null;
+          setExporting(null);
+        }
       }
     },
     [logs, onNotify]
@@ -14278,8 +14523,52 @@ function ProxyViewer({
     [onImportLogs, onNotify]
   );
   reactExports.useEffect(() => {
+    cancelTransientTasks();
+    setComparePair(null);
+  }, [cancelTransientTasks, selectedSession, selectedModel]);
+  const handleClearCurrentView = reactExports.useCallback(() => {
+    cancelTransientTasks();
+    setImportStatus(null);
+    setImportError(null);
+    setComparePair(null);
+    onClearAll();
+  }, [cancelTransientTasks, onClearAll]);
+  const handleRequestDeleteCurrentView = reactExports.useCallback(() => {
+    setDeleteStoredData(false);
+    setDeleteDialogOpen(true);
+  }, []);
+  const handleConfirmDeleteCurrentView = reactExports.useCallback(() => {
+    cancelTransientTasks();
+    setImportStatus(null);
+    setImportError(null);
+    setComparePair(null);
+    if (!deleteStoredData || onDeleteCurrentView === void 0) {
+      setDeleteDialogOpen(false);
+      onClearAll();
+      return;
+    }
+    setDeletingCurrentView(true);
+    void onDeleteCurrentView(logs.map((log) => log.id)).then(() => {
+      setDeleteDialogOpen(false);
+    }).catch((err) => {
+      const message = err instanceof Error ? err.message : "Failed to delete stored logs";
+      if (onNotify !== void 0) {
+        onNotify({ message, tone: "error" });
+      } else {
+        setImportError(message);
+      }
+    }).finally(() => {
+      setDeletingCurrentView(false);
+    });
+  }, [cancelTransientTasks, deleteStoredData, logs, onClearAll, onDeleteCurrentView, onNotify]);
+  const handleReloadCurrentSession = reactExports.useCallback(() => {
+    if (onReloadSession === void 0) return;
+    cancelTransientTasks();
+    setImportStatus(null);
+    setImportError(null);
     setComparePair(null);
-  }, [selectedSession, selectedModel]);
+    onReloadSession();
+  }, [cancelTransientTasks, onReloadSession]);
   const closeCompare = reactExports.useCallback(() => {
     setComparePair(null);
   }, []);
@@ -14376,7 +14665,7 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onReloadSession,
+                onClick: handleReloadCurrentSession,
                 disabled: isLoading,
                 className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
                 title: "Load stored logs for this session",
@@ -14390,20 +14679,35 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onClearAll,
+                onClick: handleClearCurrentView,
                 disabled: !canClearCurrentView,
                 className: cn(
                   "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
-                  onReloadSession === void 0 && "col-span-2"
+                  onReloadSession === void 0 && onDeleteCurrentView === void 0 && "col-span-2"
                 ),
                 title: "Clear the current view. Stored logs remain reloadable.",
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear view" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear" })
+                ]
+              }
+            ),
+            onDeleteCurrentView !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: handleRequestDeleteCurrentView,
+                disabled: !canClearCurrentView || deletingCurrentView,
+                className: "bg-red-500/[0.07] hover:bg-red-500/[0.12] inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2 text-xs text-red-200 shadow-[inset_0_0_0_1px_rgba(248,113,113,0.14)] transition-colors hover:text-red-100 disabled:cursor-not-allowed disabled:opacity-50",
+                title: "Choose whether to delete stored data for the current view.",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Delete" })
                 ]
               }
             )
-          ] })
+          ] }),
+          sessionLoadProgress !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md bg-black/20 px-2 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionLoadProgressBar, { progress: sessionLoadProgress }) })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Workspace", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/20 rounded-md px-3 py-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.035)]", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -14547,7 +14851,7 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onReloadSession,
+                onClick: handleReloadCurrentSession,
                 disabled: isLoading,
                 className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
                 title: "Reload this session from stored logs",
@@ -14561,17 +14865,32 @@ function ProxyViewer({
               "button",
               {
                 type: "button",
-                onClick: onClearAll,
+                onClick: handleClearCurrentView,
                 disabled: !canClearCurrentView,
                 className: "bg-white/[0.035] hover:bg-white/[0.065] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
                 title: "Clear the current view. Stored logs remain reloadable.",
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear view" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Clear" })
+                ]
+              }
+            ),
+            onDeleteCurrentView !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: handleRequestDeleteCurrentView,
+                disabled: !canClearCurrentView || deletingCurrentView,
+                className: "bg-red-500/[0.07] hover:bg-red-500/[0.12] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-red-200 shadow-[inset_0_0_0_1px_rgba(248,113,113,0.14)] transition-colors hover:text-red-100 disabled:cursor-not-allowed disabled:opacity-50",
+                title: "Choose whether to delete stored data for the current view.",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Delete" })
                 ]
               }
             )
           ] }),
+          pagination === void 0 && sessionLoadProgress !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md bg-black/20 px-2 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionLoadProgressBar, { progress: sessionLoadProgress }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(LogPaginationBar, { logs, pagination, embedded: true }),
           onNotify === void 0 && 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 }),
           onNotify === void 0 && 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 }),
@@ -14582,6 +14901,7 @@ function ProxyViewer({
           logs.length === 0 ? selectedSession !== "__all__" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "py-16 text-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.045),0_18px_52px_rgba(0,0,0,0.18)] mx-auto max-w-xl space-y-4 rounded-[8px] px-4 py-8", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium", children: isLoading ? "Loading session data..." : "No logs loaded for this session" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "inline-block max-w-full rounded bg-muted px-3 py-1 font-mono text-xs break-all", children: truncateSessionId(selectedSession) }),
+            sessionLoadProgress !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-md rounded-md bg-black/20 px-2 py-2 text-left shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionLoadProgressBar, { progress: sessionLoadProgress }) }),
             sessionMemberships.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionMembershipPanel, { memberships: sessionMemberships }) }),
             !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 text-xs", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Stored logs may still be available." }),
@@ -14590,7 +14910,7 @@ function ProxyViewer({
                   "button",
                   {
                     type: "button",
-                    onClick: onReloadSession,
+                    onClick: handleReloadCurrentSession,
                     className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-xs text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:text-foreground",
                     children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
@@ -14653,6 +14973,59 @@ function ProxyViewer({
         ] })
       ] })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "border-red-500/20 bg-zinc-950 text-zinc-100 sm:max-w-md", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Delete current logs?" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Choose whether this only clears the UI or also deletes the stored log data for the current view." })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-start gap-3 rounded-md bg-red-500/[0.08] px-3 py-3 text-sm text-red-100 shadow-[inset_0_0_0_1px_rgba(248,113,113,0.16)]", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "mt-0.5 size-4 shrink-0",
+            checked: deleteStoredData,
+            disabled: deletingCurrentView,
+            onChange: (event) => setDeleteStoredData(event.currentTarget.checked)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block font-medium", children: "Also delete stored data" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mt-1 block text-xs text-red-200/80", children: [
+            "Removes persisted log rows, streaming chunks, and session archive entries for these",
+            " ",
+            logs.length.toString(),
+            " visible request",
+            logs.length === 1 ? "" : "s",
+            "."
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: deletingCurrentView,
+            onClick: () => setDeleteDialogOpen(false),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "button",
+            variant: deleteStoredData ? "destructive" : "secondary",
+            size: "sm",
+            disabled: deletingCurrentView,
+            onClick: handleConfirmDeleteCurrentView,
+            children: deletingCurrentView ? "Deleting..." : deleteStoredData ? "Delete data" : "Clear only"
+          }
+        )
+      ] })
+    ] }) }),
     comparePair !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       LazyCompareDrawer,
       {
@@ -14685,6 +15058,13 @@ const LogCursorPageSchema = object({
   newestLogId: number().int().positive().nullable()
 });
 const SessionsResponseSchema = array(string());
+const DeleteLogsResponseSchema = object({
+  success: boolean(),
+  cleared: number().int().nonnegative(),
+  logFilesRewritten: number().int().nonnegative().optional(),
+  chunkFilesDeleted: number().int().nonnegative(),
+  sessionArchiveLogsDeleted: number().int().nonnegative().optional()
+});
 function buildSessionMembershipEvidence(groups, sessionId) {
   const memberships = [];
   for (const group of groups) {
@@ -14732,6 +15112,8 @@ const HASH_HIGHLIGHT_MS = 1800;
 const SESSION_PAGE_LIMIT = 100;
 const SESSION_RELOAD_PAGE_LIMIT = 500;
 const MAX_SESSION_RELOAD_PAGES = 200;
+const SESSION_LOGS_FETCH_TIMEOUT_MS = 2e4;
+const SESSION_MEMBERSHIP_FETCH_TIMEOUT_MS = 1e4;
 function buildLogsStreamUrl(sessionId) {
   const params = new URLSearchParams();
   if (sessionId !== void 0) {
@@ -14769,6 +15151,13 @@ function buildLogIndex(logs) {
   }
   return idx;
 }
+function fetchSessionLogsPage(sessionId, request, limit = SESSION_PAGE_LIMIT) {
+  return fetchJsonWithTimeout(
+    buildSessionLogsPageUrl(sessionId, request, limit),
+    LogCursorPageSchema,
+    SESSION_LOGS_FETCH_TIMEOUT_MS
+  );
+}
 function mergeLogsById(previousLogs, incomingLogs) {
   if (incomingLogs.length === 0) return [...previousLogs];
   const byId = /* @__PURE__ */ new Map();
@@ -14801,12 +15190,17 @@ function ProxyViewerContainer({
   const [streamInitialized, setStreamInitialized] = reactExports.useState(initialSessionId === void 0);
   const [logPage, setLogPage] = reactExports.useState(null);
   const [sessionPageLoading, setSessionPageLoading] = reactExports.useState(initialSessionId !== void 0);
+  const [sessionLoadProgress, setSessionLoadProgress] = reactExports.useState(
+    void 0
+  );
   const [sessionMemberships, setSessionMemberships] = reactExports.useState([]);
   const [, startLogTransition] = reactExports.useTransition();
   const eventSourceRef = reactExports.useRef(null);
   const reconnectTimeoutRef = reactExports.useRef(null);
   const handledHashRef = reactExports.useRef(null);
   const sessionPageRequestIdRef = reactExports.useRef(0);
+  const sessionLoadStartedAtRef = reactExports.useRef(null);
+  const sessionLoadTimerRef = reactExports.useRef(null);
   const logIndexRef = reactExports.useRef(/* @__PURE__ */ new Map());
   const pendingUpdatesRef = reactExports.useRef([]);
   const flushTimerRef = reactExports.useRef(null);
@@ -14816,6 +15210,50 @@ function ProxyViewerContainer({
     },
     [showToast]
   );
+  const stopSessionLoadProgress = reactExports.useCallback(() => {
+    if (sessionLoadTimerRef.current !== null) {
+      clearInterval(sessionLoadTimerRef.current);
+      sessionLoadTimerRef.current = null;
+    }
+    sessionLoadStartedAtRef.current = null;
+    setSessionLoadProgress(void 0);
+  }, []);
+  const startSessionLoadProgress = reactExports.useCallback(
+    (label, requestId, loadedLogs = 0, loadedPages = 0) => {
+      if (sessionLoadTimerRef.current !== null) {
+        clearInterval(sessionLoadTimerRef.current);
+      }
+      const startedAt = Date.now();
+      sessionLoadStartedAtRef.current = startedAt;
+      const update = () => {
+        if (sessionPageRequestIdRef.current !== requestId) return;
+        setSessionLoadProgress({
+          label,
+          elapsedMs: Date.now() - startedAt,
+          timeoutMs: SESSION_LOGS_FETCH_TIMEOUT_MS,
+          loadedLogs,
+          loadedPages
+        });
+      };
+      update();
+      sessionLoadTimerRef.current = setInterval(update, 250);
+    },
+    []
+  );
+  const updateSessionLoadProgress = reactExports.useCallback(
+    (label, requestId, loadedLogs, loadedPages) => {
+      const startedAt = sessionLoadStartedAtRef.current;
+      if (startedAt === null || sessionPageRequestIdRef.current !== requestId) return;
+      setSessionLoadProgress({
+        label,
+        elapsedMs: Date.now() - startedAt,
+        timeoutMs: SESSION_LOGS_FETCH_TIMEOUT_MS,
+        loadedLogs,
+        loadedPages
+      });
+    },
+    []
+  );
   const logs = reactExports.useMemo(
     () => filterLogs(allLogs, selectedSession, selectedModel),
     [allLogs, selectedSession, selectedModel]
@@ -14911,8 +15349,9 @@ function ProxyViewerContainer({
       const requestId = sessionPageRequestIdRef.current + 1;
       sessionPageRequestIdRef.current = requestId;
       setSessionPageLoading(true);
+      startSessionLoadProgress("Loading session logs", requestId);
       dismissToast();
-      void fetchJson(buildSessionLogsPageUrl(initialSessionId, request), LogCursorPageSchema).then((page) => {
+      void fetchSessionLogsPage(initialSessionId, request).then((page) => {
         if (sessionPageRequestIdRef.current !== requestId) return;
         const nextLogs = page.logs;
         logIndexRef.current = buildLogIndex(nextLogs);
@@ -14920,42 +15359,56 @@ function ProxyViewerContainer({
         setLogPage(page);
         setSelectedSession(initialSessionId);
         setSessionPageLoading(false);
+        stopSessionLoadProgress();
         dismissToast();
       }).catch((err) => {
         if (sessionPageRequestIdRef.current !== requestId) return;
         setAllLogs([]);
         setLogPage(null);
         setSessionPageLoading(false);
+        stopSessionLoadProgress();
         showErrorToast(err instanceof Error ? err.message : "Failed to load session logs");
       });
     },
-    [dismissToast, initialSessionId, showErrorToast]
+    [
+      dismissToast,
+      initialSessionId,
+      showErrorToast,
+      startSessionLoadProgress,
+      stopSessionLoadProgress
+    ]
   );
   const reloadSessionLogs = reactExports.useCallback(
     (sessionId) => {
       const requestId = sessionPageRequestIdRef.current + 1;
       sessionPageRequestIdRef.current = requestId;
       setSessionPageLoading(true);
+      startSessionLoadProgress("Reloading full session", requestId);
       dismissToast();
       void (async () => {
         const collected = [];
-        let page = await fetchJson(
-          buildSessionLogsPageUrl(sessionId, { kind: "oldest" }, SESSION_RELOAD_PAGE_LIMIT),
-          LogCursorPageSchema
+        let page = await fetchSessionLogsPage(
+          sessionId,
+          { kind: "oldest" },
+          SESSION_RELOAD_PAGE_LIMIT
         );
         collected.push(...page.logs);
+        updateSessionLoadProgress("Reloading full session", requestId, collected.length, 1);
         let loadedPages = 1;
         while (page.hasNewer && page.newestLogId !== null && loadedPages < MAX_SESSION_RELOAD_PAGES) {
-          page = await fetchJson(
-            buildSessionLogsPageUrl(
-              sessionId,
-              { kind: "newer", afterLogId: page.newestLogId },
-              SESSION_RELOAD_PAGE_LIMIT
-            ),
-            LogCursorPageSchema
+          page = await fetchSessionLogsPage(
+            sessionId,
+            { kind: "newer", afterLogId: page.newestLogId },
+            SESSION_RELOAD_PAGE_LIMIT
           );
           collected.push(...page.logs);
           loadedPages += 1;
+          updateSessionLoadProgress(
+            "Reloading full session",
+            requestId,
+            collected.length,
+            loadedPages
+          );
         }
         if (sessionPageRequestIdRef.current !== requestId) return;
         setAllLogs((prev) => {
@@ -14965,6 +15418,7 @@ function ProxyViewerContainer({
         });
         setKnownSessions((prev) => mergeSessionIds(prev, [sessionId]));
         setSessionPageLoading(false);
+        stopSessionLoadProgress();
         if (page.hasNewer) {
           showToast({
             message: `Loaded ${String(collected.length)} logs for this session. More history is available.`,
@@ -14976,10 +15430,18 @@ function ProxyViewerContainer({
       })().catch((err) => {
         if (sessionPageRequestIdRef.current !== requestId) return;
         setSessionPageLoading(false);
+        stopSessionLoadProgress();
         showErrorToast(err instanceof Error ? err.message : "Failed to reload session logs");
       });
     },
-    [dismissToast, showErrorToast, showToast]
+    [
+      dismissToast,
+      showErrorToast,
+      showToast,
+      startSessionLoadProgress,
+      stopSessionLoadProgress,
+      updateSessionLoadProgress
+    ]
   );
   reactExports.useEffect(() => {
     if (initialSessionId === void 0) {
@@ -14987,12 +15449,11 @@ function ProxyViewerContainer({
       return;
     }
     let cancelled = false;
-    void fetch("/api/groups").then(async (response) => {
-      if (!response.ok) return null;
-      const raw = await response.json();
-      const parsed = InspectorGroupsListResponseSchema.safeParse(raw);
-      return parsed.success ? parsed.data.groups : null;
-    }).then((groups) => {
+    void fetchJsonWithTimeout(
+      "/api/groups",
+      InspectorGroupsListResponseSchema,
+      SESSION_MEMBERSHIP_FETCH_TIMEOUT_MS
+    ).then((response) => response.groups).then((groups) => {
       if (cancelled || groups === null) return;
       setSessionMemberships(buildSessionMembershipEvidence(groups, initialSessionId));
     }).catch(() => {
@@ -15005,6 +15466,11 @@ function ProxyViewerContainer({
   reactExports.useEffect(() => {
     refreshSessions();
   }, [refreshSessions]);
+  reactExports.useEffect(() => {
+    return () => {
+      stopSessionLoadProgress();
+    };
+  }, [stopSessionLoadProgress]);
   reactExports.useEffect(() => {
     if (initialSessionId === void 0) return;
     loadSessionPage({ kind: "newest" });
@@ -15082,6 +15548,8 @@ function ProxyViewerContainer({
   }, [logs.length]);
   const handleClearAll = reactExports.useCallback(() => {
     const clearedSessions = extractSessions(allLogs);
+    stopSessionLoadProgress();
+    setSessionPageLoading(false);
     logIndexRef.current.clear();
     setAllLogs([]);
     setLogPage(null);
@@ -15090,7 +15558,7 @@ function ProxyViewerContainer({
       message: "Cleared the current view. Stored logs are still reloadable.",
       tone: "success"
     });
-  }, [allLogs, showToast]);
+  }, [allLogs, showToast, stopSessionLoadProgress]);
   const handleClearGroup = reactExports.useCallback(
     (ids) => {
       if (ids.length === 0) return;
@@ -15106,6 +15574,35 @@ function ProxyViewerContainer({
     },
     [showToast]
   );
+  const handleDeleteCurrentView = reactExports.useCallback(
+    async (ids) => {
+      if (ids.length === 0) return;
+      const idSet = new Set(ids);
+      const removed = allLogs.filter((log) => idSet.has(log.id));
+      const result = await fetchJson("/api/logs", DeleteLogsResponseSchema, {
+        method: "DELETE",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ ids })
+      });
+      setAllLogs((prev) => {
+        const remaining = prev.filter((log) => !idSet.has(log.id));
+        logIndexRef.current = buildLogIndex(remaining);
+        return remaining;
+      });
+      setLogPage(
+        (prev) => prev === null ? null : {
+          ...prev,
+          logs: prev.logs.filter((log) => !idSet.has(log.id))
+        }
+      );
+      setKnownSessions((prev) => mergeSessionIds(prev, extractSessions(removed)));
+      showToast({
+        message: `Deleted ${result.cleared.toString()} stored log${result.cleared === 1 ? "" : "s"} from the current view.`,
+        tone: "success"
+      });
+    },
+    [allLogs, showToast]
+  );
   const handleReloadSession = reactExports.useCallback(() => {
     if (initialSessionId !== void 0) {
       loadSessionPage({ kind: "newest" });
@@ -15166,6 +15663,7 @@ function ProxyViewerContainer({
     if (initialSessionId === void 0) return void 0;
     return {
       isLoading: sessionPageLoading,
+      loadProgress: sessionLoadProgress,
       total: logPage?.total ?? null,
       pageSize: logPage?.limit ?? SESSION_PAGE_LIMIT,
       hasOlder: logPage?.hasOlder ?? false,
@@ -15184,6 +15682,7 @@ function ProxyViewerContainer({
     loadOlderPage,
     loadOldestPage,
     logPage,
+    sessionLoadProgress,
     sessionPageLoading
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -15200,12 +15699,14 @@ function ProxyViewerContainer({
         onSessionChange: setSelectedSession,
         onModelChange: setSelectedModel,
         onClearAll: handleClearAll,
+        onDeleteCurrentView: handleDeleteCurrentView,
         onReloadSession: initialSessionId !== void 0 || selectedSession !== "__all__" ? handleReloadSession : void 0,
         onClearGroup: handleClearGroup,
         onNotify: showToast,
         onImportLogs: initialSessionId === void 0 ? handleImportLogs : void 0,
         isLoading: initialSessionId === void 0 ? !streamInitialized || sessionPageLoading : sessionPageLoading,
         pagination,
+        sessionLoadProgress,
         sessionMemberships,
         viewMode,
         captureMode,
@@ -15219,13 +15720,15 @@ function ProxyViewerContainer({
   ] });
 }
 export {
-  ANATOMY_ROLE_LABELS as A,
+  ApiTimeoutError as A,
   Badge as B,
   CONTEXT_USAGE_THRESHOLDS as C,
   Dialog as D,
-  LazyJsonViewer as E,
-  safeJsonValue as F,
-  parseJsonText as G,
+  CollapsibleContent as E,
+  ScrollArea as F,
+  LazyJsonViewer as G,
+  safeJsonValue as H,
+  parseJsonText as I,
   LazyJsonViewerFromString as L,
   ProxyViewerContainer as P,
   ROLE_COLOR_CLASSES as R,
@@ -15234,27 +15737,27 @@ export {
   getConversationId as a,
   copyTextToClipboard as b,
   cn as c,
-  DialogContent as d,
-  DialogHeader as e,
+  fetchJsonWithTimeout as d,
+  DialogContent as e,
   formatTokens as f,
   getLogFormatAdapter as g,
-  DialogTitle as h,
-  TabsList as i,
-  TabsTrigger as j,
-  TabsContent as k,
-  Button as l,
-  TooltipProvider as m,
-  Tooltip as n,
-  TooltipTrigger as o,
-  TooltipContent as p,
-  dispatchLogFocusRequest as q,
+  DialogHeader as h,
+  DialogTitle as i,
+  TabsList as j,
+  TabsTrigger as k,
+  TabsContent as l,
+  Button as m,
+  TooltipProvider as n,
+  Tooltip as o,
+  TooltipTrigger as p,
+  TooltipContent as q,
   resolveLogFormat as r,
-  analyzeContextIntelligence as s,
-  formatContextWindowTokens as t,
+  dispatchLogFocusRequest as s,
+  analyzeContextIntelligence as t,
   useProviders as u,
-  getStatusCategory as v,
-  Collapsible as w,
-  CollapsibleTrigger as x,
-  CollapsibleContent as y,
-  ScrollArea as z
+  ANATOMY_ROLE_LABELS as v,
+  formatContextWindowTokens as w,
+  getStatusCategory as x,
+  Collapsible as y,
+  CollapsibleTrigger as z
 };