@tonyclaw/agent-inspector 3.0.8 → 3.0.9

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

@@ -1,19 +1,19 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, 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-BI-Mvxz9.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({
@@ -738,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,
@@ -892,7 +892,9 @@ const ClaudeCodeLogoSvg = "data:image/svg+xml,%3csvg%20height='1em'%20style='fle
 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='%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",
@@ -913,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";
@@ -923,6 +928,7 @@ function detectClientApp(input) {
 }
 function clientAppLabel(client) {
   switch (client) {
+    case "agent-inspector":
     case "codex":
     case "opencode":
     case "mimo-code":
@@ -933,18 +939,21 @@ 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)]",
@@ -1089,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",
@@ -1164,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,
@@ -1259,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);
@@ -1416,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);
@@ -2368,27 +2546,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-CaM8FYuD.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-s-UF9gW3.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BPpJ2-q8.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DvS8gvJr.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-DeQAWnZx.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-BwhWglJL.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-Dshm8iQ7.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-wBVreqQf.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-32yIU2hn.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-Dr6eg-MJ.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-C0aX5rqC.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-D7L8y0FH.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-C0aX5rqC.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;
@@ -3535,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" });
 }
@@ -5067,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(
@@ -5174,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,
               {
@@ -13777,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,
@@ -13794,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(
@@ -13932,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,
@@ -13986,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" }),
@@ -14014,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" }),
@@ -14054,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, {}),
@@ -14362,6 +14390,7 @@ function ProxyViewer({
   onSessionChange,
   onModelChange,
   onClearAll,
+  onDeleteCurrentView,
   onReloadSession,
   onClearGroup,
   onNotify,
@@ -14373,6 +14402,7 @@ function ProxyViewer({
   timeDisplayFormat,
   isLoading = false,
   pagination,
+  sessionLoadProgress,
   sessionMemberships = [],
   hideSessionFilter = false,
   pinnedSessionId
@@ -14384,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"
@@ -14500,6 +14533,34 @@ function ProxyViewer({
     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();
@@ -14622,16 +14683,31 @@ function ProxyViewer({
                 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(
@@ -14795,11 +14871,26 @@ function ProxyViewer({
                 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 }),
@@ -14810,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." }),
@@ -14881,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,
       {
@@ -14913,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) {
@@ -15038,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);
@@ -15053,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]
@@ -15148,6 +15349,7 @@ function ProxyViewerContainer({
       const requestId = sessionPageRequestIdRef.current + 1;
       sessionPageRequestIdRef.current = requestId;
       setSessionPageLoading(true);
+      startSessionLoadProgress("Loading session logs", requestId);
       dismissToast();
       void fetchSessionLogsPage(initialSessionId, request).then((page) => {
         if (sessionPageRequestIdRef.current !== requestId) return;
@@ -15157,22 +15359,31 @@ 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 = [];
@@ -15182,6 +15393,7 @@ function ProxyViewerContainer({
           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 fetchSessionLogsPage(
@@ -15191,6 +15403,12 @@ function ProxyViewerContainer({
           );
           collected.push(...page.logs);
           loadedPages += 1;
+          updateSessionLoadProgress(
+            "Reloading full session",
+            requestId,
+            collected.length,
+            loadedPages
+          );
         }
         if (sessionPageRequestIdRef.current !== requestId) return;
         setAllLogs((prev) => {
@@ -15200,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.`,
@@ -15211,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) {
@@ -15239,6 +15466,11 @@ function ProxyViewerContainer({
   reactExports.useEffect(() => {
     refreshSessions();
   }, [refreshSessions]);
+  reactExports.useEffect(() => {
+    return () => {
+      stopSessionLoadProgress();
+    };
+  }, [stopSessionLoadProgress]);
   reactExports.useEffect(() => {
     if (initialSessionId === void 0) return;
     loadSessionPage({ kind: "newest" });
@@ -15316,6 +15548,8 @@ function ProxyViewerContainer({
   }, [logs.length]);
   const handleClearAll = reactExports.useCallback(() => {
     const clearedSessions = extractSessions(allLogs);
+    stopSessionLoadProgress();
+    setSessionPageLoading(false);
     logIndexRef.current.clear();
     setAllLogs([]);
     setLogPage(null);
@@ -15324,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;
@@ -15340,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" });
@@ -15400,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,
@@ -15418,6 +15682,7 @@ function ProxyViewerContainer({
     loadOlderPage,
     loadOldestPage,
     logPage,
+    sessionLoadProgress,
     sessionPageLoading
   ]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -15434,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,