farai 0.2.2 → 0.2.3

package/dist/cli/index.js

@@ -7206,8 +7206,8 @@ var init_grep = __esm(() => {
 // src/version.ts
 import { readFileSync as readFileSync4 } from "fs";
 function resolveFaraiVersion() {
-  if ("0.2.2")
-    return "0.2.2";
+  if ("0.2.3")
+    return "0.2.3";
   try {
     const parsed = JSON.parse(readFileSync4(new URL("../package.json", import.meta.url), "utf8"));
     if (typeof parsed.version === "string" && parsed.version)
@@ -33884,6 +33884,54 @@ function mergeProps(...sources) {
   }
   return target;
 }
+function splitProps(props, ...keys) {
+  const len = keys.length;
+  if (SUPPORTS_PROXY && $PROXY in props) {
+    const blocked = len > 1 ? keys.flat() : keys[0];
+    const res = keys.map((k) => {
+      return new Proxy({
+        get(property) {
+          return k.includes(property) ? props[property] : undefined;
+        },
+        has(property) {
+          return k.includes(property) && property in props;
+        },
+        keys() {
+          return k.filter((property) => (property in props));
+        }
+      }, propTraps);
+    });
+    res.push(new Proxy({
+      get(property) {
+        return blocked.includes(property) ? undefined : props[property];
+      },
+      has(property) {
+        return blocked.includes(property) ? false : (property in props);
+      },
+      keys() {
+        return Object.keys(props).filter((k) => !blocked.includes(k));
+      }
+    }, propTraps));
+    return res;
+  }
+  const objects = [];
+  for (let i = 0;i <= len; i++) {
+    objects[i] = {};
+  }
+  for (const propName of Object.getOwnPropertyNames(props)) {
+    let keyIndex = len;
+    for (let i = 0;i < keys.length; i++) {
+      if (keys[i].includes(propName)) {
+        keyIndex = i;
+        break;
+      }
+    }
+    const desc = Object.getOwnPropertyDescriptor(props, propName);
+    const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable;
+    isDefaultDesc ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc);
+  }
+  return objects;
+}
 function For(props) {
   const fallback = "fallback" in props && {
     fallback: () => props.fallback
@@ -34378,6 +34426,26 @@ function _getParentNode(childNode) {
   }
   return parent;
 }
+function createDynamic(component, props) {
+  const cached = createMemo(component);
+  return createMemo(() => {
+    const component2 = cached();
+    switch (typeof component2) {
+      case "function":
+        return untrack(() => component2(props));
+      case "string":
+        const el = createElement(component2);
+        spread(el, props);
+        return el;
+      default:
+        break;
+    }
+  });
+}
+function Dynamic(props) {
+  const [, others] = splitProps(props, ["component"]);
+  return createDynamic(() => props.component, others);
+}
 function getLayoutNodeConstructor(parent) {
   const parentLayoutNode = parent?.getLayoutNode?.();
   return parentLayoutNode?.constructor;
@@ -39267,24 +39335,6 @@ function toolInputKind(_toolName, input) {
     return "write";
   return "json";
 }
-function isWorkspaceExplorationTool(toolName) {
-  const definition = toolDefinition(toolName);
-  if (!definition || definition.mutates)
-    return false;
-  const action = toolActionKey(toolName);
-  if (action !== "read" && action !== "list" && action !== "grep" && action !== "search")
-    return false;
-  const props = schemaPropertyNames(definition);
-  return props.has("path") || props.has("pattern") || props.has("include");
-}
-function explorationVerb(toolName) {
-  const action = toolActionKey(toolName);
-  if (action === "list")
-    return "list";
-  if (action === "grep" || action === "search")
-    return "search";
-  return "read";
-}
 function isActiveToolStatus(status2) {
   return status2 === "running" || status2 === "pending";
 }
@@ -39399,6 +39449,10 @@ function browserToolTitle(tool, input, active) {
   return;
 }
 function nativeToolTitle(tool, input, active) {
+  if (tool === "callback_host_info")
+    return active ? "inspecting host network" : "inspected host network";
+  if (tool === "callback_oast")
+    return active ? "starting oast session" : "started oast session";
   if (tool === "notebook_edit") {
     const operation = typeof input.operation === "string" ? input.operation : "edit";
     const path = typeof input.path === "string" ? ` in ${input.path}` : "";
@@ -39514,6 +39568,12 @@ var init_tool_presentation = __esm(() => {
     agent_followup: ["continued agent", "continuing agent"],
     agent_interrupt: ["interrupted agent", "interrupting agent"],
     agent_close: ["closed agent", "closing agent"],
+    skill_load: ["loaded skill", "loading skill"],
+    callback_host_info: ["inspected host network", "inspecting host network"],
+    callback_listen: ["started callback listener", "starting callback listener"],
+    callback_oast: ["started oast session", "starting oast session"],
+    callback_stop: ["stopped callback listener", "stopping callback listener"],
+    session_rename: ["renamed session", "renaming session"],
     request_user_input: ["asked user", "asking user"],
     internet_search: ["searched the web", "searching the web"],
     internet_fetch: ["fetched page", "fetching page"],
@@ -39582,6 +39642,487 @@ var init_tool_presentation = __esm(() => {
   };
 });
 
+// src/agent-tui/tool-renderers.ts
+function parseNmap(text) {
+  const rows = [];
+  for (const line of text.split(`
+`)) {
+    const match = line.trim().match(/^(\d+)\/(tcp|udp)\s+(open|closed|filtered|open\|filtered)\s+(\S+)(?:\s+(.*))?$/i);
+    if (!match)
+      continue;
+    rows.push({
+      port: match[1],
+      proto: match[2],
+      state: match[3],
+      service: match[4],
+      version: match[5] ?? ""
+    });
+  }
+  return rows;
+}
+function parseDirectoryResults(text) {
+  try {
+    const parsed = JSON.parse(text);
+    return (parsed.results ?? []).map((item) => ({
+      url: String(item.url ?? item.input ?? ""),
+      status: Number(item.status ?? 0),
+      size: Number(item.length ?? item.size ?? 0)
+    })).filter((row) => row.url).sort((a, b) => a.status - b.status || b.size - a.size);
+  } catch {
+    return [];
+  }
+}
+function splitHttpResponse2(text) {
+  const normalized = text.replaceAll(`\r
+`, `
+`);
+  const boundary = normalized.indexOf(`
+
+`);
+  if (boundary < 0 || !normalized.startsWith("HTTP/"))
+    return {
+      headers: "",
+      body: text
+    };
+  const headers = normalized.slice(0, boundary);
+  const status2 = headers.split(`
+`)[0];
+  const contentTypeLine = headers.split(`
+`).find((line) => /^content-type:/i.test(line));
+  const contentType = contentTypeLine?.slice(contentTypeLine.indexOf(":") + 1).trim();
+  return {
+    headers,
+    body: normalized.slice(boundary + 2),
+    ...status2 ? {
+      status: status2
+    } : {},
+    ...contentType ? {
+      contentType
+    } : {}
+  };
+}
+function unifiedEditDiff(path, oldText, newText) {
+  const oldLines = oldText.split(`
+`);
+  const newLines = newText.split(`
+`);
+  return [`--- a/${path}`, `+++ b/${path}`, `@@ -1,${oldLines.length} +1,${newLines.length} @@`, ...oldLines.map((line) => `-${line}`), ...newLines.map((line) => `+${line}`)].join(`
+`);
+}
+
+// src/agent-tui/tool-activity.ts
+function presentToolActivity(input) {
+  const tool = canonicalToolName(input.tool) || "tool";
+  const args = inputObject(input.args);
+  const active = isActiveToolStatus(input.status);
+  const text = active ? input.liveOutput ?? input.result ?? "" : input.result ?? input.fullResult ?? "";
+  const metadata = input.toolResult?.metadata ?? {};
+  const family = toolFamily(tool);
+  const title = toolTitle(tool, args, input.status, 240);
+  const warning = hasWarning(input.toolResult, text);
+  const preview = toolPreview(tool, args, text, metadata, active);
+  const outcome = toolOutcome(tool, args, text, metadata, input.toolResult, active);
+  const grouping = activityGrouping(tool, family, args, metadata);
+  const standalone = toolStandalone(tool, input, warning, family);
+  return {
+    family,
+    title,
+    compact: compactActivityLabel(tool, args, title),
+    ...outcome ? {
+      outcome
+    } : {},
+    preview,
+    ...grouping ? grouping : {},
+    standalone,
+    warning
+  };
+}
+function activityStatus(items) {
+  if (items.some((item) => isActiveToolStatus(item.status)))
+    return "running";
+  if (items.some((item) => item.status === "error" || item.toolResult?.ok === false))
+    return "error";
+  return "done";
+}
+function activityDuration(items) {
+  const values = items.flatMap((item) => typeof item.durationMs === "number" && Number.isFinite(item.durationMs) ? [item.durationMs] : []);
+  return values.length === items.length && values.length > 0 ? values.reduce((total, value) => total + value, 0) : undefined;
+}
+function formatActivityDuration(durationMs) {
+  if (durationMs === undefined || !Number.isFinite(durationMs) || durationMs < 0)
+    return;
+  if (durationMs < 1000)
+    return `${Math.max(1, Math.round(durationMs))}ms`;
+  if (durationMs < 60000) {
+    const seconds2 = durationMs / 1000;
+    return `${seconds2 < 10 ? seconds2.toFixed(1) : Math.round(seconds2)}s`;
+  }
+  const seconds = Math.round(durationMs / 1000);
+  return `${Math.floor(seconds / 60)}m ${String(seconds % 60).padStart(2, "0")}s`;
+}
+function toolFamily(tool) {
+  if (tool === "shell_exec" || tool === "session_poll" || tool === "session_stop")
+    return "command";
+  if (WORKSPACE_TOOLS.has(tool))
+    return "workspace";
+  if (tool === "browser_context" || BROWSER_TOOLS.has(tool))
+    return "browser";
+  if (HTTP_TOOLS.has(tool))
+    return "http";
+  if (tool.startsWith("proxy_"))
+    return "proxy";
+  if (RECON_TOOLS.has(tool))
+    return "recon";
+  if (tool.startsWith("knowledge_") || tool.startsWith("memory_") || tool.startsWith("notes_") || tool.startsWith("evidence_"))
+    return "knowledge";
+  if (tool.startsWith("campaign_") || tool.startsWith("report_"))
+    return "campaign";
+  if (tool.startsWith("agent_"))
+    return "agent";
+  if (tool.startsWith("mcp_"))
+    return "mcp";
+  if (tool === "image_view")
+    return "media";
+  return "generic";
+}
+function activityGrouping(tool, family, args, metadata) {
+  if (tool === "shell_exec")
+    return {
+      groupKey: "command",
+      groupPast: "ran",
+      groupActive: "running"
+    };
+  if (family === "workspace")
+    return {
+      groupKey: "workspace",
+      groupPast: "inspected",
+      groupActive: "inspecting"
+    };
+  if (family === "browser" && tool !== "browser_context") {
+    const context = stringValue(metadata.browserContextName) ?? stringValue(args.browser) ?? "default";
+    return {
+      groupKey: `browser:${context}`,
+      groupPast: `browsed \xB7 ${context}`,
+      groupActive: `browsing \xB7 ${context}`
+    };
+  }
+  if (tool === "http_request") {
+    const origin = urlOrigin(stringValue(args.url));
+    return {
+      groupKey: `http:${origin ?? "requests"}`,
+      groupPast: origin ? `probed \xB7 ${origin}` : "probed endpoints",
+      groupActive: origin ? `probing \xB7 ${origin}` : "probing endpoints"
+    };
+  }
+  if (family === "proxy" && !toolDefinition(tool)?.mutates) {
+    const host = stringValue(metadata.host) ?? stringValue(args.host) ?? stringValue(args.filter) ?? "traffic";
+    return {
+      groupKey: `proxy:${host}`,
+      groupPast: `inspected proxy \xB7 ${host}`,
+      groupActive: `inspecting proxy \xB7 ${host}`
+    };
+  }
+  if (family === "knowledge" && !toolDefinition(tool)?.mutates)
+    return {
+      groupKey: "knowledge",
+      groupPast: "queried knowledge",
+      groupActive: "querying knowledge"
+    };
+  if (family === "mcp" && !toolDefinition(tool)?.mutates) {
+    const server = stringValue(args.server) ?? "mcp";
+    return {
+      groupKey: `mcp:${server}`,
+      groupPast: `queried ${server}`,
+      groupActive: `querying ${server}`
+    };
+  }
+  return;
+}
+function toolStandalone(tool, input, warning, family) {
+  if (input.status === "error" || input.toolResult?.ok === false || input.status === "running_background")
+    return true;
+  if (input.toolResult?.attachments?.length || input.toolResult?.evidence?.length || input.toolResult?.outputArtifactId)
+    return true;
+  if (warning)
+    return true;
+  if (family === "recon" || family === "campaign" || family === "agent" || family === "media")
+    return true;
+  if (tool === "browser_context" || tool === "internet_search" || tool === "internet_fetch")
+    return true;
+  if (family === "browser")
+    return false;
+  const definition = toolDefinition(tool);
+  return definition?.mutates === true && tool !== "shell_exec";
+}
+function compactActivityLabel(tool, args, title) {
+  if (tool === "shell_exec")
+    return (stringValue(args.command) ?? title).replace(/\s+/g, " ").trim();
+  if (tool === "http_request") {
+    const method = (stringValue(args.method) ?? "get").toLowerCase();
+    return `${method} ${stringValue(args.url) ?? "request"}`;
+  }
+  if (tool === "browser_navigate")
+    return `opened ${stringValue(args.url) ?? "page"}`;
+  if (tool === "proxy_flow_get")
+    return `flow ${stringValue(args.flowId) ?? "request"}`;
+  return title;
+}
+function toolOutcome(tool, args, text, metadata, result, active) {
+  if (active)
+    return liveOutcome(text);
+  if (result?.ok === false)
+    return firstMeaningfulLine(text) ?? result.summary;
+  if (tool === "port_scan" || tool === "nmap_scan" || tool === "shell_exec" && /^\s*(?:sudo\s+)?nmap\b/i.test(stringValue(args.command) ?? "")) {
+    const ports = parseNmap(text);
+    if (ports.length > 0)
+      return ports.slice(0, 6).map((row) => `${row.port}/${row.service}`).join(", ") + (ports.length > 6 ? ` \xB7 +${ports.length - 6}` : "");
+    const discovered = arrayValue(metadata.discoveredPorts);
+    if (discovered.length > 0)
+      return `${discovered.length} open port${discovered.length === 1 ? "" : "s"}`;
+  }
+  if (tool === "subdomain_enum") {
+    const names = arrayValue(metadata.discoveredSubdomains);
+    const sources = arrayValue(metadata.sources);
+    const warnings = sources.filter((value) => objectValue(value)?.status !== "ok").length;
+    return `${names.length} subdomain${names.length === 1 ? "" : "s"}${warnings ? ` \xB7 ${warnings} source warning${warnings === 1 ? "" : "s"}` : ""}`;
+  }
+  if (tool === "dir_enum") {
+    const dirs = parseDirectoryResults(text);
+    if (dirs.length > 0)
+      return `${dirs.length} path${dirs.length === 1 ? "" : "s"}`;
+    const summarized = text.split(`
+`).filter((line) => /^\d{3}\s+https?:\/\//.test(line.trim()));
+    if (summarized.length > 0)
+      return `${summarized.length} path${summarized.length === 1 ? "" : "s"}`;
+  }
+  if (tool === "http_request") {
+    const http = splitHttpResponse2(text);
+    if (http.status)
+      return http.status.replace(/^HTTP\/\S+\s+/, "").toLowerCase();
+  }
+  if (tool === "internet_search") {
+    const results = arrayValue(metadata.results);
+    const provider = stringValue(metadata.provider);
+    return `${results.length} result${results.length === 1 ? "" : "s"}${provider ? ` \xB7 ${provider}` : ""}`;
+  }
+  if (tool === "internet_fetch") {
+    const contentType = stringValue(metadata.contentType)?.split(";", 1)[0];
+    const bytes = numberValue(metadata.bytes);
+    return [contentType, bytes !== undefined ? formatBytes(bytes) : undefined].filter(Boolean).join(" \xB7 ") || result?.summary;
+  }
+  if (tool === "browser_context") {
+    const action = stringValue(metadata.browserContextAction) ?? stringValue(args.action);
+    if (action === "list")
+      return `${arrayValue(metadata.browserContexts).length} browser context${arrayValue(metadata.browserContexts).length === 1 ? "" : "s"}`;
+    return stringValue(metadata.browserContextName) ?? result?.summary;
+  }
+  if (tool === "fs_read")
+    return cleanSummary(result?.summary) ?? `${semanticLines(text, Number.MAX_SAFE_INTEGER).length} lines`;
+  if (tool === "fs_list") {
+    const count2 = semanticLines(text, Number.MAX_SAFE_INTEGER).length;
+    return `${count2} ${count2 === 1 ? "entry" : "entries"}`;
+  }
+  if (tool === "fs_grep") {
+    const count2 = semanticLines(text, Number.MAX_SAFE_INTEGER).filter((line) => line !== "No matches").length;
+    return `${count2} match${count2 === 1 ? "" : "es"}`;
+  }
+  if (tool === "git_status") {
+    const count2 = semanticLines(text, Number.MAX_SAFE_INTEGER).filter((line) => !/^on branch\b|^your branch\b|^nothing to commit/i.test(line)).length;
+    return count2 ? `${count2} changed line${count2 === 1 ? "" : "s"}` : "clean";
+  }
+  if (tool === "git_diff") {
+    const lines = text.split(`
+`);
+    const added = lines.filter((line) => line.startsWith("+") && !line.startsWith("+++")).length;
+    const removed = lines.filter((line) => line.startsWith("-") && !line.startsWith("---")).length;
+    return added || removed ? `+${added} \u2212${removed}` : "no diff";
+  }
+  if (tool.startsWith("browser_"))
+    return browserOutcome(text, metadata) ?? cleanSummary(result?.summary);
+  if (tool.startsWith("proxy_"))
+    return proxyOutcome(metadata, result?.summary, text);
+  if (tool === "image_view")
+    return result?.summary?.replace(/^image\s+/i, "") ?? firstMeaningfulLine(text);
+  if (tool === "shell_exec") {
+    const first = firstMeaningfulLine(text);
+    if (first)
+      return first;
+    const exit = result?.summary?.match(/\bexit=(\d+)/)?.[1];
+    return exit ? `exit ${exit}` : cleanSummary(result?.summary);
+  }
+  return cleanSummary(result?.summary) ?? firstMeaningfulLine(text);
+}
+function toolPreview(tool, args, text, metadata, active) {
+  if (!text && !Object.keys(metadata).length)
+    return [];
+  if (tool === "port_scan" || tool === "nmap_scan" || tool === "shell_exec" && /^\s*(?:sudo\s+)?nmap\b/i.test(stringValue(args.command) ?? "")) {
+    const rows = parseNmap(text);
+    if (rows.length > 0)
+      return withMore(rows.slice(0, 5).map((row) => `${row.port}/${row.proto}  ${row.service}${row.version ? `  ${row.version}` : ""}`), rows.length, 5);
+  }
+  if (tool === "subdomain_enum") {
+    const names = arrayValue(metadata.discoveredSubdomains).map(String);
+    const errors = arrayValue(metadata.sources).flatMap((value) => {
+      const source = objectValue(value);
+      return source && source.status !== "ok" ? [`warning: ${String(source.source ?? "source")} ${String(source.error ?? source.status)}`] : [];
+    });
+    return [...withMore(names.slice(0, 4), names.length, 4), ...errors.slice(0, 2)];
+  }
+  if (tool === "dir_enum") {
+    const rows = parseDirectoryResults(text);
+    if (rows.length > 0)
+      return withMore(rows.slice(0, 5).map((row) => `${row.status}  ${row.url}`), rows.length, 5);
+  }
+  if (tool === "internet_search") {
+    const results = arrayValue(metadata.results);
+    const lines = results.slice(0, 5).flatMap((value) => {
+      const result = objectValue(value);
+      return result ? [`${String(result.title ?? result.url ?? "result")} \xB7 ${hostFromUrl(stringValue(result.url)) ?? String(result.source ?? "web")}`] : [];
+    });
+    return withMore(lines, results.length, 5);
+  }
+  if (tool === "browser_context")
+    return browserContextPreview(metadata);
+  if (tool.startsWith("proxy_")) {
+    const flow = proxyOutcome(metadata, undefined, text);
+    if (flow)
+      return [flow, ...semanticLines(text, 3).filter((line) => line !== flow)];
+  }
+  if (active)
+    return boundedTailLines(text, 4);
+  return boundedPreviewLines(text, 5);
+}
+function browserOutcome(text, metadata) {
+  const url = text.match(/(?:final url|page url):\s*(\S+)/i)?.[1];
+  const title = text.match(/(?:page title|title):\s*(.+)/i)?.[1]?.trim();
+  const warning = metadata.exactProtocolVerificationRequired === true ? "protocol warning" : undefined;
+  return [title ?? url, warning].filter(Boolean).join(" \xB7 ") || undefined;
+}
+function browserContextPreview(metadata) {
+  const contexts = arrayValue(metadata.browserContexts);
+  if (contexts.length > 0)
+    return withMore(contexts.slice(0, 6).flatMap((value) => {
+      const context2 = objectValue(value);
+      if (!context2)
+        return [];
+      return [`${String(context2.name ?? "browser")} \xB7 ${String(context2.status ?? "ready")}`];
+    }), contexts.length, 6);
+  const context = objectValue(metadata.browserContext);
+  if (!context)
+    return [];
+  return [`${String(context.name ?? "browser")} \xB7 isolated context`];
+}
+function proxyOutcome(metadata, summary2, text) {
+  const method = stringValue(metadata.method)?.toLowerCase();
+  const path = stringValue(metadata.path);
+  const status2 = numberValue(metadata.status);
+  if (method || path || status2 !== undefined)
+    return `${method ?? "request"} ${path ?? ""}${status2 !== undefined ? ` \u2192 ${status2}` : ""}`.trim();
+  const count2 = numberValue(metadata.count);
+  if (count2 !== undefined)
+    return `${count2} captured flow${count2 === 1 ? "" : "s"}`;
+  return cleanSummary(summary2) ?? firstMeaningfulLine(text);
+}
+function hasWarning(result, text) {
+  if (!result)
+    return false;
+  if (result.metadata?.exactProtocolVerificationRequired === true || result.metadata?.snapshotError)
+    return true;
+  if (arrayValue(result.metadata?.failures).length > 0)
+    return true;
+  if (arrayValue(result.metadata?.sources).some((value) => objectValue(value)?.status !== "ok"))
+    return true;
+  return /^(?:warning|source error):/im.test(text);
+}
+function liveOutcome(text) {
+  const lines = tailSemanticLines(text, 1);
+  return lines[0];
+}
+function semanticLines(text, limit) {
+  return text.split(`
+`).map((line) => line.trimEnd()).filter((line) => line.trim().length > 0).slice(0, limit);
+}
+function tailSemanticLines(text, limit) {
+  return text.split(`
+`).map((line) => line.trimEnd()).filter((line) => line.trim().length > 0).slice(-limit);
+}
+function boundedPreviewLines(text, limit) {
+  const lines = semanticLines(text, Number.MAX_SAFE_INTEGER);
+  if (lines.length <= limit)
+    return lines;
+  const head = Math.max(1, Math.floor(limit / 2));
+  const tail = Math.max(1, limit - head - 1);
+  return [...lines.slice(0, head), `\u2026 +${lines.length - head - tail} lines`, ...lines.slice(-tail)];
+}
+function boundedTailLines(text, limit) {
+  const lines = semanticLines(text, Number.MAX_SAFE_INTEGER);
+  if (lines.length <= limit)
+    return lines;
+  return [`\u2026 ${lines.length - limit} earlier lines`, ...lines.slice(-limit)];
+}
+function withMore(lines, total, shown) {
+  return total > shown ? [...lines, `\u2026 +${total - shown} more`] : lines;
+}
+function firstMeaningfulLine(text) {
+  return semanticLines(text, 1)[0];
+}
+function cleanSummary(summary2) {
+  if (!summary2?.trim())
+    return;
+  if (/^(?:exit=\d+\s+)?duration=\d+ms(?:\s+timedOut=\w+)?$/i.test(summary2.trim()))
+    return;
+  return summary2.trim().replace(/\bprocessId=[^\s]+/g, "").replace(/\bjobId=[^\s]+/g, "").replace(/\s+/g, " ").trim();
+}
+function inputObject(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+}
+function objectValue(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : undefined;
+}
+function arrayValue(value) {
+  return Array.isArray(value) ? value : [];
+}
+function stringValue(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : undefined;
+}
+function numberValue(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : undefined;
+}
+function urlOrigin(value) {
+  if (!value)
+    return;
+  try {
+    return new URL(value).host;
+  } catch {
+    return;
+  }
+}
+function hostFromUrl(value) {
+  if (!value)
+    return;
+  try {
+    return new URL(value).hostname;
+  } catch {
+    return;
+  }
+}
+function formatBytes(bytes) {
+  if (bytes < 1024)
+    return `${bytes} b`;
+  if (bytes < 1024 * 1024)
+    return `${(bytes / 1024).toFixed(bytes < 10 * 1024 ? 1 : 0)} kb`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} mb`;
+}
+var BROWSER_TOOLS, WORKSPACE_TOOLS, RECON_TOOLS, HTTP_TOOLS;
+var init_tool_activity = __esm(() => {
+  init_tool_names();
+  init_tool_presentation();
+  BROWSER_TOOLS = new Set(["browser_navigate", "browser_snapshot", "browser_find", "browser_click", "browser_fill_form", "browser_type", "browser_press_key", "browser_wait_for", "browser_tabs", "browser_network_requests", "browser_network_request"]);
+  WORKSPACE_TOOLS = new Set(["fs_read", "fs_list", "fs_grep", "fs_write", "fs_edit", "patch_apply", "notebook_edit", "git_status", "git_diff", "lsp_inspect", "tool_output_read", "code_write_script"]);
+  RECON_TOOLS = new Set(["port_scan", "nmap_scan", "subdomain_enum", "dir_enum", "exploit_search", "kali_tool_search"]);
+  HTTP_TOOLS = new Set(["http_request", "internet_search", "internet_fetch"]);
+});
+
 // src/agent-tui/renderers.ts
 function truncateLine2(line, maxWidth) {
   return truncateTerminal(line, Math.max(maxWidth, 1));
@@ -39789,17 +40330,65 @@ function projectMessagesToRows(messages, width = DEFAULT_WIDTH, runningTurnId, l
       continue;
     const tool = preview.tool || "tool";
     const args = previewArguments(preview.rawArguments);
-    rows.push({
+    const row = {
       kind: "tool",
       tool,
       args,
       argsSummary: summarizeToolArgs(tool, args, 80),
       status: "pending",
       toolCallId: preview.providerToolCallId,
-      id: preview.providerToolCallId ? toolTimelineRowId(preview.turnId, preview.providerToolCallId) : preview.id
-    });
+      id: preview.providerToolCallId ? toolTimelineRowId(preview.turnId, preview.providerToolCallId) : preview.id,
+      presentation: presentToolActivity({
+        tool,
+        args,
+        status: "pending"
+      })
+    };
+    rows.push(row);
   }
-  return groupExplorationRows(rows);
+  return groupActivityRows(rows);
+}
+function reconcileTimelineRows(rows) {
+  const jobs = new Map;
+  const processes = new Map;
+  for (let index = 0;index < rows.length; index += 1) {
+    const row = rows[index];
+    if (row.kind !== "tool")
+      continue;
+    if (row.jobId)
+      jobs.set(row.jobId, index);
+    if (row.processId)
+      processes.set(row.processId, index);
+  }
+  const suppressed = new Set;
+  const replacements = new Map;
+  for (let index = 0;index < rows.length; index += 1) {
+    const row = rows[index];
+    if (row.kind !== "artifact")
+      continue;
+    const completion = row[BACKGROUND_COMPLETION];
+    if (!completion)
+      continue;
+    const targetIndex = completion.jobId ? jobs.get(completion.jobId) : completion.processId ? processes.get(completion.processId) : undefined;
+    if (targetIndex === undefined)
+      continue;
+    const target = replacements.get(targetIndex) ?? rows[targetIndex];
+    if (target.kind !== "tool")
+      continue;
+    const status2 = completion.status === "succeeded" ? "done" : "error";
+    const updated = {
+      ...target,
+      status: status2,
+      result: row.body ?? row.detail,
+      fullResult: row.body ?? row.detail
+    };
+    updated.presentation = presentToolActivity(updated);
+    replacements.set(targetIndex, updated);
+    suppressed.add(index);
+  }
+  if (suppressed.size === 0)
+    return rows;
+  return rows.flatMap((row, index) => suppressed.has(index) ? [] : [replacements.get(index) ?? row]);
 }
 function hoistLateThinking(rows, start) {
   const messageRows = rows.slice(start);
@@ -39916,7 +40505,18 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
           jobId
         } : {},
         toolCallId,
-        id: providerToolCallId ? toolTimelineRowId(message.turnId, providerToolCallId) : part.id
+        id: providerToolCallId ? toolTimelineRowId(message.turnId, providerToolCallId) : part.id,
+        ...part.createdAt ? {
+          startedAt: part.createdAt
+        } : {},
+        presentation: presentToolActivity({
+          tool,
+          args,
+          status: status2,
+          ...liveOutput ? {
+            liveOutput
+          } : {}
+        })
       };
       if (toolCallId)
         toolRows.set(toolCallId, row);
@@ -39943,12 +40543,22 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
           linked.mcp = mcp2;
         if (toolResult?.processId)
           linked.processId = toolResult.processId;
-        if (linked.status === "pending" || linked.status === "running")
+        if (toolResult?.jobId)
+          linked.jobId = toolResult.jobId;
+        if (toolResult?.status)
+          linked.status = toolResult.status;
+        else if (toolResult?.ok === false)
+          linked.status = "error";
+        else if (linked.status === "pending" || linked.status === "running")
           linked.status = "done";
+        const durationMs = elapsedMs(linked.startedAt, part.createdAt);
+        if (durationMs !== undefined)
+          linked.durationMs = durationMs;
+        linked.presentation = presentToolActivity(linked);
         return null;
       }
       const mcp = mcpToolRowData(toolResult);
-      return {
+      const row = {
         kind: "tool",
         tool: extractField(part.payload, "tool") ?? "tool",
         args: undefined,
@@ -39968,8 +40578,21 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
           toolResult
         } : {},
         toolCallId,
-        id: part.id
+        id: part.id,
+        presentation: presentToolActivity({
+          tool: extractField(part.payload, "tool") ?? "tool",
+          args: undefined,
+          status: "done",
+          result: truncatePayload(display, width * 4),
+          ...fullResult !== undefined ? {
+            fullResult
+          } : {},
+          ...toolResult ? {
+            toolResult
+          } : {}
+        })
       };
+      return row;
     }
     case "planner_attempt":
     case "provider_context":
@@ -39977,7 +40600,39 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
       return null;
     case "tool_started":
       return null;
-    case "tool_progress":
+    case "tool_progress": {
+      const toolCallId = extractField(part.payload, "toolCallId");
+      const linked = toolCallId ? toolRows.get(toolCallId) : undefined;
+      if (linked) {
+        const artifactId = extractField(part.payload, "artifactId");
+        const path = extractField(part.payload, "path");
+        const bytes = field(part.payload, "bytes");
+        linked.toolResult = {
+          ...linked.toolResult ?? {
+            ok: true,
+            summary: linked.result ?? "tool output saved"
+          },
+          ...artifactId ? {
+            outputArtifactId: artifactId
+          } : {},
+          metadata: {
+            ...linked.toolResult?.metadata ?? {},
+            outputArtifact: {
+              ...artifactId ? {
+                id: artifactId
+              } : {},
+              ...path ? {
+                path
+              } : {},
+              ...typeof bytes === "number" ? {
+                bytes
+              } : {}
+            }
+          }
+        };
+        linked.presentation = presentToolActivity(linked);
+        return null;
+      }
       return {
         kind: "progress",
         title: "tool progress",
@@ -39985,6 +40640,7 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
         status: progressStatus(part.payload),
         id: part.id
       };
+    }
     case "phase_change":
       return {
         kind: "phase",
@@ -39997,6 +40653,18 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
         return planRow(part, width, streaming);
       if (extractField(part.payload, "kind") === "mcp_inventory")
         return mcpInventoryRow(part, width);
+      if (extractField(part.payload, "kind") === "background_job_completion") {
+        const linked = backgroundCompletionToolRow(part.payload, toolRows);
+        if (linked) {
+          const status2 = extractField(part.payload, "status");
+          const summary2 = extractField(part.payload, "summary") ?? "background job completed";
+          linked.status = status2 === "succeeded" ? "done" : "error";
+          linked.result = summary2;
+          linked.fullResult = summary2;
+          linked.presentation = presentToolActivity(linked);
+          return null;
+        }
+      }
       return artifactRow(part, width);
     case "finding":
       return findingRow(part, width);
@@ -40014,6 +40682,26 @@ function partToRow(message, part, width, streaming, toolRows, latestToolRecords,
         id: part.id
       };
     case "error":
+      {
+        const toolCallId = extractField(part.payload, "toolCallId");
+        const linked = toolCallId ? toolRows.get(toolCallId) : undefined;
+        if (linked) {
+          const error = extractField(part.payload, "error") ?? extractField(part.payload, "message") ?? extractField(part.payload, "text") ?? "tool failed";
+          linked.status = "error";
+          linked.result = error;
+          linked.fullResult = error;
+          linked.toolResult = {
+            ok: false,
+            summary: error,
+            output: error
+          };
+          const durationMs = elapsedMs(linked.startedAt, part.createdAt);
+          if (durationMs !== undefined)
+            linked.durationMs = durationMs;
+          linked.presentation = presentToolActivity(linked);
+          return null;
+        }
+      }
       return errorRow(part, width);
     case "planner_error":
       return part.payload?.retrying === true ? null : errorRow(part, width);
@@ -40112,7 +40800,22 @@ function toolTimelineRowId(turnId, providerToolCallId) {
 function providerToolCallKey(turnId, providerToolCallId) {
   return `${turnId}\x00${providerToolCallId}`;
 }
-function groupExplorationRows(rows) {
+function elapsedMs(startedAt, finishedAt) {
+  if (!startedAt || !finishedAt)
+    return;
+  const started = Date.parse(startedAt);
+  const finished = Date.parse(finishedAt);
+  if (!Number.isFinite(started) || !Number.isFinite(finished) || finished < started)
+    return;
+  return finished - started;
+}
+function backgroundCompletionToolRow(payload, toolRows) {
+  const jobId = extractField(payload, "jobId");
+  const processId = extractField(payload, "processId");
+  const candidates = [...toolRows.values()].reverse();
+  return candidates.find((row) => jobId && row.jobId === jobId || processId && row.processId === processId);
+}
+function groupActivityRows(rows) {
   const grouped = [];
   let pending = [];
   let activeTodoRow;
@@ -40122,7 +40825,7 @@ function groupExplorationRows(rows) {
     if (pending.length === 1)
       grouped.push(pending[0]);
     else
-      grouped.push(toExplorationRow(pending));
+      grouped.push(toActivityRow(pending));
     pending = [];
   };
   for (const row of rows) {
@@ -40133,8 +40836,12 @@ function groupExplorationRows(rows) {
       activeTodoRow = appendTodoRow(grouped, row, activeTodoRow);
       continue;
     }
-    if (row.kind === "tool" && isExplorationTool(row.tool)) {
+    if (row.kind === "tool" && canGroupToolRow(row)) {
+      if (pending.length > 0 && !canJoinActivity(pending[0], row))
+        flush();
       pending.push(row);
+      if (pending.length >= 8)
+        flush();
       continue;
     }
     flush();
@@ -40143,6 +40850,33 @@ function groupExplorationRows(rows) {
   flush();
   return grouped;
 }
+function canGroupToolRow(row) {
+  return Boolean(row.presentation.groupKey) && !row.presentation.standalone;
+}
+function canJoinActivity(first, next) {
+  return first.presentation.groupKey === next.presentation.groupKey;
+}
+function toActivityRow(rows) {
+  const status2 = activityStatus(rows);
+  const durationMs = activityDuration(rows);
+  return {
+    kind: "activity",
+    status: status2,
+    label: activityLabel(rows[0], rows.length, status2 === "running"),
+    items: rows,
+    ...durationMs !== undefined ? {
+      durationMs
+    } : {},
+    id: rows[0].id
+  };
+}
+function activityLabel(first, count2, active) {
+  const presentation = first.presentation;
+  const verb = active ? presentation.groupActive ?? "running" : presentation.groupPast ?? "ran";
+  const [action = verb, qualifier] = verb.split(" \xB7 ", 2);
+  const noun = presentation.family === "command" ? "command" : presentation.family === "workspace" ? "workspace item" : presentation.family === "browser" ? "browser action" : presentation.family === "http" ? "endpoint" : presentation.family === "proxy" ? "proxy action" : presentation.family === "knowledge" ? "knowledge source" : presentation.family === "mcp" ? "mcp call" : "operation";
+  return `${action} ${count2} ${noun}${count2 === 1 ? "" : "s"}${qualifier ? ` \xB7 ${qualifier}` : ""}`;
+}
 function appendTodoRow(rows, row, current) {
   const items = todoItemsFromToolRow(row);
   if (items.length === 0) {
@@ -40173,36 +40907,6 @@ function upsertTodoItem(items, next) {
   else
     items.push(next);
 }
-function toExplorationRow(rows) {
-  return {
-    kind: "exploration",
-    status: explorationStatus(rows),
-    id: rows.map((row) => row.id).join(":"),
-    items: rows.map((row) => ({
-      tool: row.tool,
-      verb: explorationVerb(row.tool),
-      target: summarizeToolArgs(row.tool, row.args, 120) || shortToolName(row.tool),
-      status: row.status,
-      ...row.result ? {
-        result: firstResultLine(row.result, 120)
-      } : {},
-      ...row.fullResult || row.result ? {
-        fullResult: row.fullResult ?? row.result
-      } : {},
-      toolCallId: row.toolCallId
-    }))
-  };
-}
-function explorationStatus(rows) {
-  if (rows.some((row) => row.status === "running" || row.status === "pending"))
-    return "running";
-  if (rows.some((row) => row.status === "failed" || row.status === "error"))
-    return "failed";
-  return "done";
-}
-function isExplorationTool(tool) {
-  return isWorkspaceExplorationTool(tool);
-}
 function isTodoTool(tool) {
   return tool === "todo_add" || tool === "todo_update" || tool === "todo_list";
 }
@@ -40413,7 +41117,9 @@ function artifactRow(part, width) {
       };
     }
     const summary2 = extractField(payload, "summary") ?? "background job completed.";
-    return {
+    const jobId = extractField(payload, "jobId");
+    const processId = extractField(payload, "processId");
+    const row = {
       kind: "artifact",
       title: status2 === "succeeded" ? "background job completed" : `background job ${status2}`,
       detail: truncateLine2(singleLine(summary2), width),
@@ -40421,6 +41127,19 @@ function artifactRow(part, width) {
       bodyFormat: "text",
       id: part.id
     };
+    Object.defineProperty(row, BACKGROUND_COMPLETION, {
+      value: {
+        ...jobId ? {
+          jobId
+        } : {},
+        ...processId ? {
+          processId
+        } : {},
+        status: status2
+      },
+      enumerable: false
+    });
+    return row;
   }
   const note = extractObject(payload, "note");
   const artifact = extractObject(payload, "artifact") ?? extractObject(payload, "outputArtifact");
@@ -40536,13 +41255,15 @@ ${value.trim()}` : undefined;
 function summarizeToolArgs(tool, args, max = 80) {
   return summarizeToolInput(tool, args, max);
 }
-var MAX_PAYLOAD_BYTES = 200000, HEAD_BUDGET = 4096, TAIL_BUDGET = 1024, TOOL_DETAIL_MAX_BYTES, DEFAULT_WIDTH = 120;
+var MAX_PAYLOAD_BYTES = 200000, HEAD_BUDGET = 4096, TAIL_BUDGET = 1024, TOOL_DETAIL_MAX_BYTES, BACKGROUND_COMPLETION, DEFAULT_WIDTH = 120;
 var init_renderers2 = __esm(() => {
   init_reasoning();
   init_reasoning_summary();
   init_tool_presentation();
   init_terminal_text();
+  init_tool_activity();
   TOOL_DETAIL_MAX_BYTES = 32 * 1024;
+  BACKGROUND_COMPLETION = Symbol("backgroundCompletion");
 });
 
 // src/agent-tui/transcript/projection.ts
@@ -40566,7 +41287,7 @@ function createTranscriptProjection(store, width) {
   });
   const historyRows = createMemo(() => projectMessagesToRows(historyMessages(), width(), undefined, historyToolCalls()));
   const activeRows = createMemo(() => projectMessagesToRows(activeMessages(), width(), store.snapshot.runningTurnId, activeToolCalls(), store.snapshot.toolInputPreviews));
-  return createMemo(() => [...historyRows(), ...activeRows()]);
+  return createMemo(() => reconcileTimelineRows([...historyRows(), ...activeRows()]));
 }
 var init_projection = __esm(() => {
   init_solid();
@@ -45142,8 +45863,8 @@ input: ${row.argsSummary}` : ""}`;
 
 ${result}` : header;
     }
-    case "exploration":
-      return [`## ${row.status === "running" ? "exploring" : "explored"}`, "", ...row.items.flatMap((item) => [`### ${item.verb} ${item.target}`, "", item.fullResult ?? item.result ?? "no output"])].join(`
+    case "activity":
+      return [`## ${row.label}`, "", ...row.items.flatMap((item) => [`### ${item.presentation.compact}`, "", `status: ${item.status}`, ...item.fullResult ?? item.result ? ["", item.fullResult ?? item.result ?? ""] : []])].join(`
 `);
     case "plan":
       return [`## ${row.title}`, "", row.explanation ?? "", ...row.items.map((item) => `- [${item.status === "completed" ? "x" : " "}] ${item.step}`), row.markdown ?? ""].filter((line) => line.length > 0).join(`
@@ -45993,6 +46714,54 @@ function styleTaskGlyphs(chunks) {
     });
   });
 }
+function styleUnorderedListGlyphs(chunks) {
+  const text = chunks.map((chunk) => chunk.text).join("");
+  const replacements = new Map;
+  let lineStart = 0;
+  for (const line of text.split(`
+`)) {
+    const match = line.match(/^([ \t]*)([-+*])(?=[ \t]+)/);
+    if (match) {
+      const indent = match[1].replace(/\t/g, "  ").length;
+      const depth = Math.floor(indent / 2) % unorderedListMarkers.length;
+      replacements.set(lineStart + match[1].length, {
+        text: unorderedListMarkers[depth],
+        fg: unorderedListMarkerColors[depth]
+      });
+    }
+    lineStart += line.length + 1;
+  }
+  if (replacements.size === 0)
+    return chunks;
+  let offset = 0;
+  return chunks.flatMap((chunk) => {
+    const parts = [];
+    let start = 0;
+    for (let index = 0;index < chunk.text.length; index += 1) {
+      const replacement = replacements.get(offset + index);
+      if (!replacement)
+        continue;
+      if (index > start)
+        parts.push({
+          ...chunk,
+          text: chunk.text.slice(start, index)
+        });
+      parts.push({
+        ...chunk,
+        text: replacement.text,
+        fg: replacement.fg
+      });
+      start = index + 1;
+    }
+    if (start < chunk.text.length)
+      parts.push({
+        ...chunk,
+        text: chunk.text.slice(start)
+      });
+    offset += chunk.text.length;
+    return parts.length > 0 ? parts : chunk;
+  });
+}
 function mermaidLineStyle(line) {
   const trimmed = line.trimStart();
   if (trimmed.startsWith("%%"))
@@ -46038,11 +46807,13 @@ function styleMermaidContent(chunks, content) {
     return transformed;
   }));
 }
-var checkedTaskColor, uncheckedTaskColor, mermaidKeywordAttributes, mermaidCommentAttributes, mermaidDimColor, mermaidAccentColor, mermaidWarningColor, mermaidEdgeColor;
+var checkedTaskColor, uncheckedTaskColor, unorderedListMarkerColors, unorderedListMarkers, mermaidKeywordAttributes, mermaidCommentAttributes, mermaidDimColor, mermaidAccentColor, mermaidWarningColor, mermaidEdgeColor;
 var init_markdown_content = __esm(() => {
   init_theme();
   checkedTaskColor = parseColor3(COLOR.success);
   uncheckedTaskColor = parseColor3(COLOR.dim);
+  unorderedListMarkerColors = [parseColor3(COLOR.accent), parseColor3(COLOR.muted), parseColor3(COLOR.dim)];
+  unorderedListMarkers = ["\u2022", "\u203A", "\xB7"];
   mermaidKeywordAttributes = createTextAttributes3({
     bold: true
   });
@@ -46248,72 +47019,8 @@ var init_markdown_diff = __esm(() => {
   decoratedDiffRenderables = new WeakSet;
 });
 
-// src/agent-tui/markdown-finalize.ts
-function createMarkdownFinalizeScheduler(delayMs = 70, clock = systemClock) {
-  const queue = new Map;
-  let timer;
-  let timerDeadline = 0;
-  function setTimer(deadline) {
-    if (timer)
-      clock.clearTimer(timer);
-    timerDeadline = deadline;
-    timer = clock.setTimer(flush, Math.max(0, Math.ceil(deadline - clock.now())));
-  }
-  function flush() {
-    timer = undefined;
-    timerDeadline = 0;
-    const now = clock.now();
-    const callbacks = [];
-    let nextDeadline = Number.POSITIVE_INFINITY;
-    for (const [callback, deadline] of queue) {
-      if (deadline <= now) {
-        queue.delete(callback);
-        callbacks.push(callback);
-      } else {
-        nextDeadline = Math.min(nextDeadline, deadline);
-      }
-    }
-    if (callbacks.length > 0) {
-      batch(() => {
-        for (const finalize of callbacks)
-          finalize();
-      });
-    }
-    if (Number.isFinite(nextDeadline))
-      setTimer(nextDeadline);
-  }
-  function schedule(callback) {
-    const deadline = clock.now() + delayMs;
-    queue.set(callback, deadline);
-    if (!timer || deadline < timerDeadline)
-      setTimer(deadline);
-    return () => {
-      if (!queue.delete(callback))
-        return;
-      if (queue.size > 0 || !timer)
-        return;
-      clock.clearTimer(timer);
-      timer = undefined;
-      timerDeadline = 0;
-    };
-  }
-  return {
-    schedule
-  };
-}
-var systemClock, scheduleMarkdownFinalize;
-var init_markdown_finalize = __esm(() => {
-  init_solid();
-  systemClock = {
-    now: () => Date.now(),
-    setTimer: (callback, delayMs) => setTimeout(callback, delayMs),
-    clearTimer: (timer) => clearTimeout(timer)
-  };
-  scheduleMarkdownFinalize = createMarkdownFinalizeScheduler().schedule;
-});
-
 // src/agent-tui/markdown-layout.ts
-import { StyledText, TextRenderable as TextRenderable4, TextTableRenderable, createTextAttributes as createTextAttributes4, parseColor as parseColor5 } from "@opentui/core";
+import { TextTableRenderable, createTextAttributes as createTextAttributes4, parseColor as parseColor5 } from "@opentui/core";
 function tableCellText(cell) {
   return cell?.map((chunk) => chunk.text).join("") ?? "";
 }
@@ -46383,37 +47090,18 @@ function applyTableHeaderRule(table) {
     });
   };
 }
-function decorateUnorderedListMarker(renderable) {
-  if (!renderable.id.endsWith("-marker"))
-    return;
-  if (renderable.chunks.map((chunk) => chunk.text).join("").trim() !== "-")
-    return;
-  const depth = Math.max(0, (renderable.id.match(/-item-\d+/g)?.length ?? 1) - 1);
-  const index = depth % unorderedListMarkers.length;
-  renderable.content = new StyledText([{
-    __isChunk: true,
-    text: `${unorderedListMarkers[index]} `,
-    fg: unorderedListMarkerColors[index]
-  }]);
-}
 function decorateMarkdownLayout(renderable) {
   if (renderable instanceof TextTableRenderable) {
     applyTableHeaderRule(renderable);
     return true;
   }
-  if (renderable instanceof TextRenderable4) {
-    decorateUnorderedListMarker(renderable);
-    return true;
-  }
   return false;
 }
-var tableRuleColor, unorderedListMarkerColors, unorderedListMarkers, tableResizeHooks, enhancedTables;
+var tableRuleColor, tableResizeHooks, enhancedTables;
 var init_markdown_layout = __esm(() => {
   init_terminal_text();
   init_theme();
   tableRuleColor = parseColor5(COLOR.dim);
-  unorderedListMarkerColors = [parseColor5(COLOR.accent), parseColor5(COLOR.muted), parseColor5(COLOR.dim)];
-  unorderedListMarkers = ["\u2022", "\u203A", "\xB7"];
   tableResizeHooks = new WeakSet;
   enhancedTables = new WeakMap;
 });
@@ -46775,7 +47463,8 @@ function enhanceMarkdownChunks(renderable) {
       fg: renderable.fg,
       attributes: (chunk.attributes ?? 0) | strikethroughAttributes
     } : chunk);
-    return styleTaskGlyphs(struck);
+    const tasks = styleTaskGlyphs(struck);
+    return context.filetype === "markdown" ? styleUnorderedListGlyphs(tasks) : tasks;
   };
 }
 function enableTextFallback(renderable) {
@@ -46786,6 +47475,7 @@ function enableTextFallback(renderable) {
     if (resetStreaming) {
       renderable.streaming = false;
       renderable.streaming = true;
+      renderable.requestRender();
     }
     return;
   }
@@ -46797,20 +47487,9 @@ function enableTextFallback(renderable) {
     enableTextFallback(child);
 }
 function MarkdownView(props) {
-  const [renderStreaming, setRenderStreaming] = createSignal(true);
-  let cancelFinalize = () => {};
   let markdownRef;
   let fallbackGeneration = 0;
-  createEffect(() => {
-    props.content;
-    cancelFinalize();
-    cancelFinalize = () => {};
-    setRenderStreaming(true);
-    if (props.streaming) {
-      return;
-    }
-    cancelFinalize = scheduleMarkdownFinalize(() => setRenderStreaming(false));
-  });
+  const renderStreaming = () => props.streaming === true;
   createEffect(() => {
     props.content;
     renderStreaming();
@@ -46825,25 +47504,20 @@ function MarkdownView(props) {
     if (!markdownRef || markdownRef.isDestroyed)
       return;
     markdownRef.refreshStyles();
-    enableTextFallback(markdownRef);
   });
   onCleanup(() => {
     fallbackGeneration += 1;
-    cancelFinalize();
   });
   return (() => {
     var _el$ = createElement("markdown");
     use((renderable) => {
       markdownRef = renderable;
-      enableTextFallback(renderable);
     }, _el$);
     spread(_el$, mergeProps3(() => props.id ? {
       id: props.id
     } : {}, {
       width: "100%",
-      get internalBlockMode() {
-        return props.variant === "document" ? "coalesced" : "top-level";
-      },
+      internalBlockMode: "coalesced",
       conceal: true,
       concealCode: false,
       get syntaxStyle() {
@@ -46854,11 +47528,11 @@ function MarkdownView(props) {
       get fg() {
         return props.fg ?? COLOR.markdownText;
       },
-      get streaming() {
-        return renderStreaming();
-      },
       get content() {
         return normalizeTaskListMarkers(props.content);
+      },
+      get streaming() {
+        return renderStreaming();
       }
     }), false);
     return _el$;
@@ -46875,7 +47549,6 @@ var init_markdown = __esm(() => {
   init_code_highlighter();
   init_markdown_content();
   init_markdown_diff();
-  init_markdown_finalize();
   init_markdown_layout();
   init_syntax();
   init_theme();
@@ -46903,7 +47576,8 @@ var init_markdown = __esm(() => {
       renderable.conceal = false;
       renderable.filetype = "markdown";
     }
-    enableTextFallback(renderable);
+    if (renderable instanceof CodeRenderable2)
+      enhanceMarkdownChunks(renderable);
     return renderable;
   }, {
     codeBlockOnly: true
@@ -47295,88 +47969,47 @@ var init_filetype = __esm(() => {
   };
 });
 
-// src/agent-tui/tool-renderers.ts
-function parseNmap(text) {
-  const rows = [];
-  for (const line of text.split(`
-`)) {
-    const match = line.trim().match(/^(\d+)\/(tcp|udp)\s+(open|closed|filtered|open\|filtered)\s+(\S+)(?:\s+(.*))?$/i);
-    if (!match)
-      continue;
-    rows.push({
-      port: match[1],
-      proto: match[2],
-      state: match[3],
-      service: match[4],
-      version: match[5] ?? ""
-    });
-  }
-  return rows;
-}
-function parseDirectoryResults(text) {
-  try {
-    const parsed = JSON.parse(text);
-    return (parsed.results ?? []).map((item) => ({
-      url: String(item.url ?? item.input ?? ""),
-      status: Number(item.status ?? 0),
-      size: Number(item.length ?? item.size ?? 0)
-    })).filter((row) => row.url).sort((a, b) => a.status - b.status || b.size - a.size);
-  } catch {
-    return [];
-  }
-}
-function splitHttpResponse2(text) {
-  const normalized = text.replaceAll(`\r
-`, `
-`);
-  const boundary = normalized.indexOf(`
-
-`);
-  if (boundary < 0 || !normalized.startsWith("HTTP/"))
-    return {
-      headers: "",
-      body: text
-    };
-  const headers = normalized.slice(0, boundary);
-  const status2 = headers.split(`
-`)[0];
-  const contentTypeLine = headers.split(`
-`).find((line) => /^content-type:/i.test(line));
-  const contentType = contentTypeLine?.slice(contentTypeLine.indexOf(":") + 1).trim();
-  return {
-    headers,
-    body: normalized.slice(boundary + 2),
-    ...status2 ? {
-      status: status2
-    } : {},
-    ...contentType ? {
-      contentType
-    } : {}
-  };
-}
-function unifiedEditDiff(path, oldText, newText) {
-  const oldLines = oldText.split(`
-`);
-  const newLines = newText.split(`
-`);
-  return [`--- a/${path}`, `+++ b/${path}`, `@@ -1,${oldLines.length} +1,${newLines.length} @@`, ...oldLines.map((line) => `-${line}`), ...newLines.map((line) => `+${line}`)].join(`
-`);
-}
-
 // src/agent-tui/transcript/cells/tool-cell.tsx
 function ToolRow(props) {
+  return createComponent2(Show, {
+    get when() {
+      return ["agent_task", "agent_spawn", "agent_followup"].includes(props.row.tool);
+    },
+    get fallback() {
+      return createComponent2(StandardToolRow, {
+        get row() {
+          return props.row;
+        },
+        get animated() {
+          return props.animated;
+        }
+      });
+    },
+    get children() {
+      return createComponent2(AgentTaskRow, {
+        get row() {
+          return props.row;
+        },
+        get animated() {
+          return props.animated;
+        }
+      });
+    }
+  });
+}
+function StandardToolRow(props) {
   const tui = useTuiStore();
   const dims = useTuiDimensions();
   const contentWidth = () => Math.max(1, dims().width - 6);
   const input = () => args(props.row.args);
   const expanded = () => Boolean(tui.store.ui.expandedCells[props.row.id]);
-  const title = () => toolTitle(props.row.tool, input(), props.row.status, Math.max(1, dims().width - 4));
   const result = () => props.row.result ?? "";
   const fullResult = () => props.row.fullResult ?? result();
   const mcpInvocation = () => props.row.mcp ? `${props.row.mcp.server}.${props.row.mcp.tool}${props.row.argsSummary ? ` \xB7 ${props.row.argsSummary}` : ""}` : "";
   const mcpResult = () => props.row.mcp ? mcpContentLines(props.row.mcp.result) : [];
   const isMcp = () => Boolean(props.row.mcp);
   const active = () => isActiveToolStatus(props.row.status);
+  const presentation = () => props.row.presentation ?? presentToolActivity(props.row);
   const visibleOutput = () => active() ? props.row.liveOutput ?? "" : result();
   const detailOutput = () => {
     if (isMcp() && mcpResult().length > 0)
@@ -47387,20 +48020,16 @@ function ToolRow(props) {
     return fullResult();
   };
   const hasInput = () => Object.keys(input()).length > 0;
-  const headerLabel = () => truncateLine2(isMcp() ? `${active() ? "calling" : "called"} ${mcpInvocation()}` : title(), Math.max(1, dims().width - 4));
+  const header = () => {
+    const title = isMcp() ? `${active() ? "calling" : "called"} ${mcpInvocation()}` : presentation().title;
+    const right = [presentation().outcome, formatActivityDuration(props.row.durationMs)].filter(Boolean).join(" \xB7 ");
+    return fitTerminalPair(title, right, Math.max(1, dims().width - 4), 8, 2);
+  };
   const headerColor = () => active() ? COLOR.accent : toolColor(props.row.status);
   const toggleClick = createPrimaryClickGesture(() => tui.actions.cellExpandedToggle(props.row.id));
   const previewClick = createPrimaryClickGesture(() => tui.actions.cellExpandedToggle(props.row.id));
-  const visibleOutputLines = () => active() ? tailLines(visibleOutput(), 3) : previewOutputLines(visibleOutput(), TOOL_OUTPUT_PREVIEW_LINES);
-  if (["agent_task", "agent_spawn", "agent_followup"].includes(props.row.tool))
-    return createComponent2(AgentTaskRow, {
-      get row() {
-        return props.row;
-      },
-      get animated() {
-        return props.animated;
-      }
-    });
+  const semanticPreview = () => presentation().preview.filter((line) => line.trim() !== presentation().outcome?.trim());
+  const visibleOutputLines = () => presentation().preview.length > 0 ? semanticPreview() : active() ? tailLines(visibleOutput(), 3) : previewOutputLines(visibleOutput(), TOOL_OUTPUT_PREVIEW_LINES);
   return (() => {
     var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("text");
     insertNode(_el$, _el$2);
@@ -47424,30 +48053,41 @@ function ToolRow(props) {
         return props.animated;
       }
     }), _el$3);
-    insert(_el$3, headerLabel);
+    insert(_el$3, () => header().left);
+    insert(_el$2, createComponent2(Show, {
+      get when() {
+        return header().right;
+      },
+      get children() {
+        var _el$4 = createElement("text");
+        insert(_el$4, () => `  ${header().right}`);
+        effect((_$p) => setProp(_el$4, "fg", presentation().warning ? COLOR.warning : COLOR.dim, _$p));
+        return _el$4;
+      }
+    }), null);
     insert(_el$, createComponent2(Show, {
       get when() {
         return memo2(() => !!(!expanded() && !isMcp()))() && visibleOutput();
       },
       get children() {
-        var _el$4 = createElement("box");
-        setProp(_el$4, "style", {
+        var _el$5 = createElement("box");
+        setProp(_el$5, "style", {
           flexDirection: "column",
           paddingLeft: 2
         });
-        spread(_el$4, previewClick, true);
-        insert(_el$4, createComponent2(Index, {
+        spread(_el$5, previewClick, true);
+        insert(_el$5, createComponent2(Index, {
           get each() {
             return visibleOutputLines();
           },
           children: (line, index) => (() => {
-            var _el$11 = createElement("text");
-            insert(_el$11, () => `${active() ? "\u2502 " : index === 0 ? "\u2514 " : "  "}${truncateLine2(line(), contentWidth())}`);
-            effect((_$p) => setProp(_el$11, "fg", COLOR.dim, _$p));
-            return _el$11;
+            var _el$12 = createElement("text");
+            insert(_el$12, () => `${active() ? "\u2502 " : index === 0 ? "\u2514 " : "  "}${truncateLine2(line(), contentWidth())}`);
+            effect((_$p) => setProp(_el$12, "fg", COLOR.dim, _$p));
+            return _el$12;
           })()
         }));
-        return _el$4;
+        return _el$5;
       }
     }), null);
     insert(_el$, createComponent2(Show, {
@@ -47455,25 +48095,25 @@ function ToolRow(props) {
         return memo2(() => !!(!expanded() && isMcp()))() && mcpResult().length > 0;
       },
       get children() {
-        var _el$5 = createElement("box");
-        setProp(_el$5, "style", {
+        var _el$6 = createElement("box");
+        setProp(_el$6, "style", {
           flexDirection: "column",
           paddingLeft: 2
         });
-        spread(_el$5, previewClick, true);
-        insert(_el$5, createComponent2(For, {
+        spread(_el$6, previewClick, true);
+        insert(_el$6, createComponent2(For, {
           get each() {
             return previewOutputLines(mcpResult().join(`
 `), TOOL_OUTPUT_PREVIEW_LINES);
           },
           children: (line, index) => (() => {
-            var _el$12 = createElement("text");
-            insert(_el$12, () => `${index() === 0 ? "\u2514 " : "  "}${truncateLine2(line, contentWidth())}`);
-            effect((_$p) => setProp(_el$12, "fg", COLOR.dim, _$p));
-            return _el$12;
+            var _el$13 = createElement("text");
+            insert(_el$13, () => `${index() === 0 ? "\u2514 " : "  "}${truncateLine2(line, contentWidth())}`);
+            effect((_$p) => setProp(_el$13, "fg", COLOR.dim, _$p));
+            return _el$13;
           })()
         }));
-        return _el$5;
+        return _el$6;
       }
     }), null);
     insert(_el$, createComponent2(Show, {
@@ -47481,15 +48121,15 @@ function ToolRow(props) {
         return memo2(() => !!props.row.processId)() && props.row.status === "running_background";
       },
       get children() {
-        var _el$6 = createElement("box"), _el$7 = createElement("text");
-        insertNode(_el$6, _el$7);
-        setProp(_el$6, "style", {
+        var _el$7 = createElement("box"), _el$8 = createElement("text");
+        insertNode(_el$7, _el$8);
+        setProp(_el$7, "style", {
           flexDirection: "column",
           paddingLeft: 2
         });
-        insertNode(_el$7, createTextNode(`\u2514 running in background`));
-        effect((_$p) => setProp(_el$7, "fg", COLOR.dim, _$p));
-        return _el$6;
+        insertNode(_el$8, createTextNode(`\u2514 running in background`));
+        effect((_$p) => setProp(_el$8, "fg", COLOR.dim, _$p));
+        return _el$7;
       }
     }), null);
     insert(_el$, createComponent2(Show, {
@@ -47500,20 +48140,20 @@ function ToolRow(props) {
         return createComponent2(ExpandedPanel, {
           get children() {
             return [(() => {
-              var _el$9 = createElement("text");
-              insert(_el$9, () => active() ? "live output" : "result");
-              effect((_$p) => setProp(_el$9, "fg", COLOR.dim, _$p));
-              return _el$9;
+              var _el$0 = createElement("text");
+              insert(_el$0, () => active() ? "live output" : "result");
+              effect((_$p) => setProp(_el$0, "fg", COLOR.dim, _$p));
+              return _el$0;
             })(), createComponent2(Show, {
               get when() {
                 return detailOutput();
               },
               get fallback() {
                 return (() => {
-                  var _el$13 = createElement("text");
-                  insert(_el$13, () => toolEmptyState(props.row.status));
-                  effect((_$p) => setProp(_el$13, "fg", COLOR.dim, _$p));
-                  return _el$13;
+                  var _el$14 = createElement("text");
+                  insert(_el$14, () => toolEmptyState(props.row.status));
+                  effect((_$p) => setProp(_el$14, "fg", COLOR.dim, _$p));
+                  return _el$14;
                 })();
               },
               children: (output) => createComponent2(ToolResult, {
@@ -47535,14 +48175,14 @@ function ToolRow(props) {
                 return hasInput();
               },
               get children() {
-                var _el$0 = createElement("box"), _el$1 = createElement("text");
-                insertNode(_el$0, _el$1);
-                setProp(_el$0, "style", {
+                var _el$1 = createElement("box"), _el$10 = createElement("text");
+                insertNode(_el$1, _el$10);
+                setProp(_el$1, "style", {
                   flexDirection: "column",
                   marginTop: 1
                 });
-                insertNode(_el$1, createTextNode(`input`));
-                insert(_el$0, createComponent2(ToolInput, {
+                insertNode(_el$10, createTextNode(`input`));
+                insert(_el$1, createComponent2(ToolInput, {
                   get tool() {
                     return props.row.tool;
                   },
@@ -47550,8 +48190,12 @@ function ToolRow(props) {
                     return input();
                   }
                 }), null);
-                effect((_$p) => setProp(_el$1, "fg", COLOR.dim, _$p));
-                return _el$0;
+                effect((_$p) => setProp(_el$10, "fg", COLOR.dim, _$p));
+                return _el$1;
+              }
+            }), createComponent2(ToolResultContext, {
+              get row() {
+                return props.row;
               }
             })];
           }
@@ -47562,6 +48206,369 @@ function ToolRow(props) {
     return _el$;
   })();
 }
+function ActivityRow(props) {
+  const tui = useTuiStore();
+  const dims = useTuiDimensions();
+  const expanded = () => Boolean(tui.store.ui.expandedCells[props.row.id]);
+  const active = () => props.row.status === "running";
+  const color = () => props.row.status === "error" ? COLOR.error : active() ? COLOR.accent : COLOR.text;
+  const duration = () => formatActivityDuration(props.row.durationMs);
+  const headline = () => fitTerminalPair(props.row.label, duration() ?? "", Math.max(1, dims().width - 4), 8, 2);
+  const width = () => Math.max(1, dims().width - 8);
+  const toggleClick = createPrimaryClickGesture(() => tui.actions.cellExpandedToggle(props.row.id));
+  return (() => {
+    var _el$15 = createElement("box"), _el$16 = createElement("box"), _el$17 = createElement("text");
+    insertNode(_el$15, _el$16);
+    setProp(_el$15, "style", {
+      flexDirection: "column",
+      marginBottom: 1
+    });
+    insertNode(_el$16, _el$17);
+    setProp(_el$16, "style", {
+      flexDirection: "row"
+    });
+    spread(_el$16, toggleClick, true);
+    insert(_el$16, createComponent2(TranscriptMarker, {
+      get color() {
+        return color();
+      },
+      get spinning() {
+        return active();
+      },
+      get animated() {
+        return props.animated;
+      }
+    }), _el$17);
+    insert(_el$17, () => headline().left);
+    insert(_el$16, createComponent2(Show, {
+      get when() {
+        return headline().right;
+      },
+      get children() {
+        var _el$18 = createElement("text");
+        insert(_el$18, () => `  ${headline().right}`);
+        effect((_$p) => setProp(_el$18, "fg", COLOR.dim, _$p));
+        return _el$18;
+      }
+    }), null);
+    insert(_el$15, createComponent2(Show, {
+      get when() {
+        return !expanded();
+      },
+      get children() {
+        var _el$19 = createElement("box");
+        setProp(_el$19, "style", {
+          flexDirection: "column",
+          paddingLeft: 2
+        });
+        spread(_el$19, toggleClick, true);
+        insert(_el$19, createComponent2(For, {
+          get each() {
+            return props.row.items;
+          },
+          children: (item, index) => {
+            const presentation = () => item.presentation ?? presentToolActivity(item);
+            const pair = () => fitTerminalPair(presentation().compact, presentation().outcome ?? "", width(), 8, 3);
+            return (() => {
+              var _el$20 = createElement("box"), _el$21 = createElement("text"), _el$22 = createElement("text");
+              insertNode(_el$20, _el$21);
+              insertNode(_el$20, _el$22);
+              setProp(_el$20, "style", {
+                flexDirection: "row"
+              });
+              insert(_el$21, () => index() === 0 ? "\u2514 " : "  ");
+              insert(_el$22, () => pair().left);
+              insert(_el$20, createComponent2(Show, {
+                get when() {
+                  return pair().right;
+                },
+                get children() {
+                  var _el$23 = createElement("text");
+                  insert(_el$23, () => ` \u2192 ${pair().right}`);
+                  effect((_$p) => setProp(_el$23, "fg", presentation().warning ? COLOR.warning : COLOR.dim, _$p));
+                  return _el$23;
+                }
+              }), null);
+              effect((_p$) => {
+                var _v$ = COLOR.dim, _v$2 = COLOR.dim;
+                _v$ !== _p$.e && (_p$.e = setProp(_el$21, "fg", _v$, _p$.e));
+                _v$2 !== _p$.t && (_p$.t = setProp(_el$22, "fg", _v$2, _p$.t));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined
+              });
+              return _el$20;
+            })();
+          }
+        }));
+        return _el$19;
+      }
+    }), null);
+    insert(_el$15, createComponent2(Show, {
+      get when() {
+        return expanded();
+      },
+      get children() {
+        return createComponent2(ExpandedPanel, {
+          get children() {
+            return createComponent2(For, {
+              get each() {
+                return props.row.items;
+              },
+              children: (item, index) => {
+                const itemInput = () => args(item.args);
+                const output = () => item.fullResult ?? item.result ?? item.liveOutput ?? "";
+                const presentation = () => item.presentation ?? presentToolActivity(item);
+                return (() => {
+                  var _el$24 = createElement("box"), _el$25 = createElement("text");
+                  insertNode(_el$24, _el$25);
+                  insert(_el$25, () => presentation().compact);
+                  insert(_el$24, createComponent2(Show, {
+                    get when() {
+                      return presentation().outcome;
+                    },
+                    get children() {
+                      var _el$26 = createElement("text");
+                      insert(_el$26, () => presentation().outcome);
+                      effect((_$p) => setProp(_el$26, "fg", presentation().warning ? COLOR.warning : COLOR.dim, _$p));
+                      return _el$26;
+                    }
+                  }), null);
+                  insert(_el$24, createComponent2(Show, {
+                    get when() {
+                      return output();
+                    },
+                    get fallback() {
+                      return (() => {
+                        var _el$30 = createElement("text");
+                        insert(_el$30, () => toolEmptyState(item.status));
+                        effect((_$p) => setProp(_el$30, "fg", COLOR.dim, _$p));
+                        return _el$30;
+                      })();
+                    },
+                    children: (value) => createComponent2(ToolResult, {
+                      get tool() {
+                        return item.tool;
+                      },
+                      get input() {
+                        return itemInput();
+                      },
+                      get text() {
+                        return value();
+                      },
+                      get width() {
+                        return dims().width;
+                      }
+                    })
+                  }), null);
+                  insert(_el$24, createComponent2(Show, {
+                    get when() {
+                      return Object.keys(itemInput()).length > 0;
+                    },
+                    get children() {
+                      var _el$27 = createElement("box"), _el$28 = createElement("text");
+                      insertNode(_el$27, _el$28);
+                      setProp(_el$27, "style", {
+                        flexDirection: "column",
+                        marginTop: 1
+                      });
+                      insertNode(_el$28, createTextNode(`input`));
+                      insert(_el$27, createComponent2(ToolInput, {
+                        get tool() {
+                          return item.tool;
+                        },
+                        get input() {
+                          return itemInput();
+                        }
+                      }), null);
+                      effect((_$p) => setProp(_el$28, "fg", COLOR.dim, _$p));
+                      return _el$27;
+                    }
+                  }), null);
+                  insert(_el$24, createComponent2(ToolResultContext, {
+                    row: item
+                  }), null);
+                  effect((_p$) => {
+                    var _v$3 = {
+                      flexDirection: "column",
+                      marginTop: index() === 0 ? 0 : 1
+                    }, _v$4 = COLOR.text;
+                    _v$3 !== _p$.e && (_p$.e = setProp(_el$24, "style", _v$3, _p$.e));
+                    _v$4 !== _p$.t && (_p$.t = setProp(_el$25, "fg", _v$4, _p$.t));
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined
+                  });
+                  return _el$24;
+                })();
+              }
+            });
+          }
+        });
+      }
+    }), null);
+    effect((_$p) => setProp(_el$17, "fg", color(), _$p));
+    return _el$15;
+  })();
+}
+function ToolResultContext(props) {
+  const dims = useTuiDimensions();
+  const result = () => props.row.toolResult;
+  const evidence = () => result()?.evidence ?? [];
+  const attachments = () => result()?.attachments ?? [];
+  const metadata = () => result()?.metadata ?? {};
+  const artifact = () => {
+    const value = metadata().outputArtifact;
+    return value && typeof value === "object" && !Array.isArray(value) ? value : undefined;
+  };
+  return createComponent2(Show, {
+    get when() {
+      return result();
+    },
+    get children() {
+      var _el$31 = createElement("box");
+      setProp(_el$31, "style", {
+        flexDirection: "column"
+      });
+      insert(_el$31, createComponent2(Show, {
+        get when() {
+          return evidence().length > 0;
+        },
+        get children() {
+          var _el$32 = createElement("box"), _el$33 = createElement("text");
+          insertNode(_el$32, _el$33);
+          setProp(_el$32, "style", {
+            flexDirection: "column",
+            marginTop: 1
+          });
+          insertNode(_el$33, createTextNode(`evidence`));
+          insert(_el$32, createComponent2(For, {
+            get each() {
+              return evidence();
+            },
+            children: (item) => (() => {
+              var _el$44 = createElement("text");
+              insert(_el$44, () => [item.id, item.title, item.summary, item.path].filter(Boolean).join(" \xB7 "));
+              effect((_$p) => setProp(_el$44, "fg", COLOR.text, _$p));
+              return _el$44;
+            })()
+          }), null);
+          effect((_$p) => setProp(_el$33, "fg", COLOR.dim, _$p));
+          return _el$32;
+        }
+      }), null);
+      insert(_el$31, createComponent2(Show, {
+        get when() {
+          return result()?.outputArtifactId || artifact();
+        },
+        get children() {
+          var _el$35 = createElement("box"), _el$36 = createElement("text");
+          insertNode(_el$35, _el$36);
+          setProp(_el$35, "style", {
+            flexDirection: "column",
+            marginTop: 1
+          });
+          insertNode(_el$36, createTextNode(`artifact`));
+          insert(_el$35, createComponent2(For, {
+            get each() {
+              return toolInputDetailLines({
+                ...result()?.outputArtifactId ? {
+                  id: result()?.outputArtifactId
+                } : {},
+                ...artifact() ?? {}
+              });
+            },
+            children: (line) => (() => {
+              var _el$45 = createElement("text");
+              insert(_el$45, line);
+              effect((_$p) => setProp(_el$45, "fg", COLOR.text, _$p));
+              return _el$45;
+            })()
+          }), null);
+          effect((_$p) => setProp(_el$36, "fg", COLOR.dim, _$p));
+          return _el$35;
+        }
+      }), null);
+      insert(_el$31, createComponent2(Show, {
+        get when() {
+          return attachments().length > 0;
+        },
+        get children() {
+          var _el$38 = createElement("box"), _el$39 = createElement("text");
+          insertNode(_el$38, _el$39);
+          setProp(_el$38, "style", {
+            flexDirection: "column",
+            marginTop: 1
+          });
+          insertNode(_el$39, createTextNode(`attachments`));
+          insert(_el$38, createComponent2(For, {
+            get each() {
+              return attachments();
+            },
+            children: (item) => (() => {
+              var _el$46 = createElement("box"), _el$47 = createElement("text"), _el$48 = createElement("image");
+              insertNode(_el$46, _el$47);
+              insertNode(_el$46, _el$48);
+              setProp(_el$46, "style", {
+                flexDirection: "column"
+              });
+              insert(_el$47, () => [item.name ?? "image", item.mediaType, item.detail].filter(Boolean).join(" \xB7 "));
+              setProp(_el$48, "fit", "fit");
+              setProp(_el$48, "protocol", "auto");
+              effect((_p$) => {
+                var _v$5 = COLOR.text, _v$6 = attachmentBytes(item.data), _v$7 = {
+                  width: Math.max(1, dims().width - 10),
+                  height: Math.max(3, Math.min(12, Math.floor(dims().height / 3)))
+                };
+                _v$5 !== _p$.e && (_p$.e = setProp(_el$47, "fg", _v$5, _p$.e));
+                _v$6 !== _p$.t && (_p$.t = setProp(_el$48, "source", _v$6, _p$.t));
+                _v$7 !== _p$.a && (_p$.a = setProp(_el$48, "style", _v$7, _p$.a));
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined
+              });
+              return _el$46;
+            })()
+          }), null);
+          effect((_$p) => setProp(_el$39, "fg", COLOR.dim, _$p));
+          return _el$38;
+        }
+      }), null);
+      insert(_el$31, createComponent2(Show, {
+        get when() {
+          return Object.keys(metadata()).length > 0;
+        },
+        get children() {
+          var _el$41 = createElement("box"), _el$42 = createElement("text");
+          insertNode(_el$41, _el$42);
+          setProp(_el$41, "style", {
+            flexDirection: "column",
+            marginTop: 1
+          });
+          insertNode(_el$42, createTextNode(`metadata`));
+          insert(_el$41, createComponent2(For, {
+            get each() {
+              return toolInputDetailLines(metadata());
+            },
+            children: (line) => (() => {
+              var _el$49 = createElement("text");
+              insert(_el$49, line);
+              effect((_$p) => setProp(_el$49, "fg", COLOR.text, _$p));
+              return _el$49;
+            })()
+          }), null);
+          effect((_$p) => setProp(_el$42, "fg", COLOR.dim, _$p));
+          return _el$41;
+        }
+      }), null);
+      return _el$31;
+    }
+  });
+}
 function AgentTaskRow(props) {
   const tui = useTuiStore();
   const dims = useTuiDimensions();
@@ -47588,19 +48595,19 @@ function AgentTaskRow(props) {
   const toggle = () => tui.actions.cellExpandedToggle(props.row.id);
   const toggleClick = createPrimaryClickGesture(toggle);
   return (() => {
-    var _el$14 = createElement("box"), _el$15 = createElement("box"), _el$16 = createElement("text"), _el$18 = createElement("box"), _el$19 = createElement("text");
-    insertNode(_el$14, _el$15);
-    insertNode(_el$14, _el$18);
-    setProp(_el$14, "style", {
+    var _el$50 = createElement("box"), _el$51 = createElement("box"), _el$52 = createElement("text"), _el$54 = createElement("box"), _el$55 = createElement("text");
+    insertNode(_el$50, _el$51);
+    insertNode(_el$50, _el$54);
+    setProp(_el$50, "style", {
       flexDirection: "column",
       marginBottom: 1
     });
-    insertNode(_el$15, _el$16);
-    setProp(_el$15, "style", {
+    insertNode(_el$51, _el$52);
+    setProp(_el$51, "style", {
       flexDirection: "row"
     });
-    spread(_el$15, toggleClick, true);
-    insert(_el$15, createComponent2(TranscriptMarker, {
+    spread(_el$51, toggleClick, true);
+    insert(_el$51, createComponent2(TranscriptMarker, {
       get color() {
         return delegationColor(status2());
       },
@@ -47613,25 +48620,25 @@ function AgentTaskRow(props) {
       get animated() {
         return props.animated;
       }
-    }), _el$16);
-    insert(_el$16, () => headline().left);
-    insert(_el$15, createComponent2(Show, {
+    }), _el$52);
+    insert(_el$52, () => headline().left);
+    insert(_el$51, createComponent2(Show, {
       get when() {
         return headline().right;
       },
       get children() {
-        var _el$17 = createElement("text");
-        insert(_el$17, () => `  ${headline().right}`);
-        effect((_$p) => setProp(_el$17, "fg", delegationColor(status2()), _$p));
-        return _el$17;
+        var _el$53 = createElement("text");
+        insert(_el$53, () => `  ${headline().right}`);
+        effect((_$p) => setProp(_el$53, "fg", delegationColor(status2()), _$p));
+        return _el$53;
       }
     }), null);
-    insertNode(_el$18, _el$19);
-    setProp(_el$18, "style", {
+    insertNode(_el$54, _el$55);
+    setProp(_el$54, "style", {
       paddingLeft: 2
     });
-    insert(_el$19, () => truncateLine2([lane(), mode(), duration()].filter(Boolean).join(" \xB7 "), width()));
-    insert(_el$14, createComponent2(Show, {
+    insert(_el$55, () => truncateLine2([lane(), mode(), duration()].filter(Boolean).join(" \xB7 "), width()));
+    insert(_el$50, createComponent2(Show, {
       get when() {
         return expanded();
       },
@@ -47639,20 +48646,20 @@ function AgentTaskRow(props) {
         return createComponent2(ExpandedPanel, {
           get children() {
             return [(() => {
-              var _el$20 = createElement("text");
-              insert(_el$20, () => active() ? "live result" : "result");
-              effect((_$p) => setProp(_el$20, "fg", COLOR.dim, _$p));
-              return _el$20;
+              var _el$56 = createElement("text");
+              insert(_el$56, () => active() ? "live result" : "result");
+              effect((_$p) => setProp(_el$56, "fg", COLOR.dim, _$p));
+              return _el$56;
             })(), createComponent2(Show, {
               get when() {
                 return result();
               },
               get fallback() {
                 return (() => {
-                  var _el$21 = createElement("text");
-                  insert(_el$21, () => active() ? "work is still in progress" : "no result available");
-                  effect((_$p) => setProp(_el$21, "fg", COLOR.dim, _$p));
-                  return _el$21;
+                  var _el$57 = createElement("text");
+                  insert(_el$57, () => active() ? "work is still in progress" : "no result available");
+                  effect((_$p) => setProp(_el$57, "fg", COLOR.dim, _$p));
+                  return _el$57;
                 })();
               },
               children: (value) => createComponent2(For, {
@@ -47661,10 +48668,10 @@ function AgentTaskRow(props) {
 `);
                 },
                 children: (line) => (() => {
-                  var _el$22 = createElement("text");
-                  insert(_el$22, line || " ");
-                  effect((_$p) => setProp(_el$22, "fg", activity()?.error ? COLOR.error : COLOR.text, _$p));
-                  return _el$22;
+                  var _el$58 = createElement("text");
+                  insert(_el$58, line || " ");
+                  effect((_$p) => setProp(_el$58, "fg", activity()?.error ? COLOR.error : COLOR.text, _$p));
+                  return _el$58;
                 })()
               })
             }), createComponent2(Show, {
@@ -47672,27 +48679,27 @@ function AgentTaskRow(props) {
                 return prompt();
               },
               children: (value) => (() => {
-                var _el$23 = createElement("box"), _el$24 = createElement("text");
-                insertNode(_el$23, _el$24);
-                setProp(_el$23, "style", {
+                var _el$59 = createElement("box"), _el$60 = createElement("text");
+                insertNode(_el$59, _el$60);
+                setProp(_el$59, "style", {
                   flexDirection: "column",
                   paddingTop: 1
                 });
-                insertNode(_el$24, createTextNode(`task`));
-                insert(_el$23, createComponent2(For, {
+                insertNode(_el$60, createTextNode(`task`));
+                insert(_el$59, createComponent2(For, {
                   get each() {
                     return value().split(`
 `);
                   },
                   children: (line) => (() => {
-                    var _el$26 = createElement("text");
-                    insert(_el$26, line || " ");
-                    effect((_$p) => setProp(_el$26, "fg", COLOR.dim, _$p));
-                    return _el$26;
+                    var _el$62 = createElement("text");
+                    insert(_el$62, line || " ");
+                    effect((_$p) => setProp(_el$62, "fg", COLOR.dim, _$p));
+                    return _el$62;
                   })()
                 }), null);
-                effect((_$p) => setProp(_el$24, "fg", COLOR.dim, _$p));
-                return _el$23;
+                effect((_$p) => setProp(_el$60, "fg", COLOR.dim, _$p));
+                return _el$59;
               })()
             })];
           }
@@ -47700,15 +48707,15 @@ function AgentTaskRow(props) {
       }
     }), null);
     effect((_p$) => {
-      var _v$ = delegationColor(status2()), _v$2 = COLOR.dim;
-      _v$ !== _p$.e && (_p$.e = setProp(_el$16, "fg", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = setProp(_el$19, "fg", _v$2, _p$.t));
+      var _v$8 = delegationColor(status2()), _v$9 = COLOR.dim;
+      _v$8 !== _p$.e && (_p$.e = setProp(_el$52, "fg", _v$8, _p$.e));
+      _v$9 !== _p$.t && (_p$.t = setProp(_el$55, "fg", _v$9, _p$.t));
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
-    return _el$14;
+    return _el$50;
   })();
 }
 function delegationStatus(status2, metadataStatus, mode) {
@@ -47763,156 +48770,40 @@ function agentDuration(startedAt, completedAt) {
   const seconds = totalSeconds % 60;
   return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
 }
-function ExplorationRow(props) {
-  const tui = useTuiStore();
-  const dims = useTuiDimensions();
-  const expanded = () => Boolean(tui.store.ui.expandedCells[props.row.id]);
-  const active = () => isActiveToolStatus(props.row.status);
-  const toggleClick = createPrimaryClickGesture(() => tui.actions.cellExpandedToggle(props.row.id));
-  return (() => {
-    var _el$27 = createElement("box"), _el$28 = createElement("box"), _el$29 = createElement("text"), _el$30 = createElement("box");
-    insertNode(_el$27, _el$28);
-    insertNode(_el$27, _el$30);
-    setProp(_el$27, "style", {
-      flexDirection: "column",
-      marginBottom: 1
-    });
-    insertNode(_el$28, _el$29);
-    setProp(_el$28, "style", {
-      flexDirection: "row"
-    });
-    spread(_el$28, toggleClick, true);
-    insert(_el$28, createComponent2(TranscriptMarker, {
-      get color() {
-        return memo2(() => !!active())() ? COLOR.accent : COLOR.text;
-      },
-      get spinning() {
-        return active();
-      },
-      get animated() {
-        return props.animated;
-      }
-    }), _el$29);
-    insert(_el$29, () => active() ? "exploring" : "explored");
-    setProp(_el$30, "style", {
-      flexDirection: "column",
-      paddingLeft: 2
-    });
-    insert(_el$30, createComponent2(For, {
-      get each() {
-        return props.row.items;
-      },
-      children: (item, index) => createComponent2(ExplorationItemRow, {
-        item,
-        get expanded() {
-          return expanded();
-        },
-        get last() {
-          return index() === props.row.items.length - 1;
-        },
-        get width() {
-          return dims().width;
-        }
-      })
-    }));
-    effect((_$p) => setProp(_el$29, "fg", active() ? COLOR.accent : COLOR.text, _$p));
-    return _el$27;
-  })();
-}
-function ExplorationItemRow(props) {
-  return (() => {
-    var _el$31 = createElement("box"), _el$32 = createElement("text");
-    insertNode(_el$31, _el$32);
-    setProp(_el$31, "style", {
-      flexDirection: "column"
-    });
-    insert(_el$32, () => truncateLine2(`\u2514 ${props.item.verb} ${props.item.target}`, Math.max(1, props.width - 4)));
-    insert(_el$31, createComponent2(Show, {
-      get when() {
-        return props.expanded;
-      },
-      get children() {
-        return createComponent2(ExpandedPanel, {
-          get marginBottom() {
-            return props.last ? 0 : 1;
-          },
-          get children() {
-            return [(() => {
-              var _el$33 = createElement("text");
-              insertNode(_el$33, createTextNode(`result`));
-              effect((_$p) => setProp(_el$33, "fg", COLOR.dim, _$p));
-              return _el$33;
-            })(), createComponent2(Show, {
-              get when() {
-                return props.item.fullResult ?? props.item.result;
-              },
-              get fallback() {
-                return (() => {
-                  var _el$35 = createElement("text");
-                  insert(_el$35, () => isActiveToolStatus(props.item.status) ? "waiting for output" : "no output");
-                  effect((_$p) => setProp(_el$35, "fg", COLOR.dim, _$p));
-                  return _el$35;
-                })();
-              },
-              children: (result) => (() => {
-                var _el$36 = createElement("code");
-                setProp(_el$36, "filetype", "text");
-                effect((_p$) => {
-                  var _v$3 = result(), _v$4 = syntax(), _v$5 = COLOR.text;
-                  _v$3 !== _p$.e && (_p$.e = setProp(_el$36, "content", _v$3, _p$.e));
-                  _v$4 !== _p$.t && (_p$.t = setProp(_el$36, "syntaxStyle", _v$4, _p$.t));
-                  _v$5 !== _p$.a && (_p$.a = setProp(_el$36, "fg", _v$5, _p$.a));
-                  return _p$;
-                }, {
-                  e: undefined,
-                  t: undefined,
-                  a: undefined
-                });
-                return _el$36;
-              })()
-            })];
-          }
-        });
-      }
-    }), null);
-    effect((_$p) => setProp(_el$32, "fg", COLOR.dim, _$p));
-    return _el$31;
-  })();
-}
 function ToolInput(props) {
   const path = String(props.input.path ?? props.input.file ?? props.input.filename ?? "");
   const kind = toolInputKind(props.tool, props.input);
   let body;
   if (kind === "shell") {
     body = (() => {
-      var _el$37 = createElement("code");
-      setProp(_el$37, "filetype", "bash");
+      var _el$63 = createElement("code");
+      setProp(_el$63, "filetype", "bash");
       effect((_p$) => {
-        var _v$6 = String(props.input.command ?? props.input.cmd ?? ""), _v$7 = syntax(), _v$8 = COLOR.text;
-        _v$6 !== _p$.e && (_p$.e = setProp(_el$37, "content", _v$6, _p$.e));
-        _v$7 !== _p$.t && (_p$.t = setProp(_el$37, "syntaxStyle", _v$7, _p$.t));
-        _v$8 !== _p$.a && (_p$.a = setProp(_el$37, "fg", _v$8, _p$.a));
+        var _v$0 = String(props.input.command ?? props.input.cmd ?? ""), _v$1 = syntax(), _v$10 = COLOR.text;
+        _v$0 !== _p$.e && (_p$.e = setProp(_el$63, "content", _v$0, _p$.e));
+        _v$1 !== _p$.t && (_p$.t = setProp(_el$63, "syntaxStyle", _v$1, _p$.t));
+        _v$10 !== _p$.a && (_p$.a = setProp(_el$63, "fg", _v$10, _p$.a));
         return _p$;
       }, {
         e: undefined,
         t: undefined,
         a: undefined
       });
-      return _el$37;
+      return _el$63;
     })();
   } else if (kind === "edit") {
     body = (() => {
-      var _el$38 = createElement("diff");
-      setProp(_el$38, "view", "unified");
-      setProp(_el$38, "showLineNumbers", true);
+      var _el$64 = createElement("diff");
+      setProp(_el$64, "view", "unified");
+      setProp(_el$64, "showLineNumbers", true);
       effect((_p$) => {
-        var _v$9 = unifiedEditDiff(path, String(props.input.oldString ?? ""), String(props.input.newString ?? "")), _v$0 = inferFiletype(path), _v$1 = syntax(), _v$10 = COLOR.diffAddedBg, _v$11 = COLOR.diffRemovedBg, _v$12 = COLOR.diffContextBg;
-        _v$9 !== _p$.e && (_p$.e = setProp(_el$38, "diff", _v$9, _p$.e));
-        _v$0 !== _p$.t && (_p$.t = setProp(_el$38, "filetype", _v$0, _p$.t));
-        _v$1 !== _p$.a && (_p$.a = setProp(_el$38, "syntaxStyle", _v$1, _p$.a));
-        _v$10 !== _p$.o && (_p$.o = setProp(_el$38, "addedBg", _v$10, _p$.o));
-        _v$11 !== _p$.i && (_p$.i = setProp(_el$38, "removedBg", _v$11, _p$.i));
-        _v$12 !== _p$.n && (_p$.n = setProp(_el$38, "contextBg", _v$12, _p$.n));
+        var _v$11 = unifiedEditDiff(path, String(props.input.oldString ?? ""), String(props.input.newString ?? "")), _v$12 = inferFiletype(path), _v$13 = syntax(), _v$14 = COLOR.diffAddedBg, _v$15 = COLOR.diffRemovedBg, _v$16 = COLOR.diffContextBg;
+        _v$11 !== _p$.e && (_p$.e = setProp(_el$64, "diff", _v$11, _p$.e));
+        _v$12 !== _p$.t && (_p$.t = setProp(_el$64, "filetype", _v$12, _p$.t));
+        _v$13 !== _p$.a && (_p$.a = setProp(_el$64, "syntaxStyle", _v$13, _p$.a));
+        _v$14 !== _p$.o && (_p$.o = setProp(_el$64, "addedBg", _v$14, _p$.o));
+        _v$15 !== _p$.i && (_p$.i = setProp(_el$64, "removedBg", _v$15, _p$.i));
+        _v$16 !== _p$.n && (_p$.n = setProp(_el$64, "contextBg", _v$16, _p$.n));
         return _p$;
       }, {
         e: undefined,
@@ -47922,17 +48813,17 @@ function ToolInput(props) {
         i: undefined,
         n: undefined
       });
-      return _el$38;
+      return _el$64;
     })();
   } else if (kind === "write") {
     body = (() => {
-      var _el$39 = createElement("code");
+      var _el$65 = createElement("code");
       effect((_p$) => {
-        var _v$13 = String(props.input.content ?? ""), _v$14 = inferFiletype(path), _v$15 = syntax(), _v$16 = COLOR.text;
-        _v$13 !== _p$.e && (_p$.e = setProp(_el$39, "content", _v$13, _p$.e));
-        _v$14 !== _p$.t && (_p$.t = setProp(_el$39, "filetype", _v$14, _p$.t));
-        _v$15 !== _p$.a && (_p$.a = setProp(_el$39, "syntaxStyle", _v$15, _p$.a));
-        _v$16 !== _p$.o && (_p$.o = setProp(_el$39, "fg", _v$16, _p$.o));
+        var _v$17 = String(props.input.content ?? ""), _v$18 = inferFiletype(path), _v$19 = syntax(), _v$20 = COLOR.text;
+        _v$17 !== _p$.e && (_p$.e = setProp(_el$65, "content", _v$17, _p$.e));
+        _v$18 !== _p$.t && (_p$.t = setProp(_el$65, "filetype", _v$18, _p$.t));
+        _v$19 !== _p$.a && (_p$.a = setProp(_el$65, "syntaxStyle", _v$19, _p$.a));
+        _v$20 !== _p$.o && (_p$.o = setProp(_el$65, "fg", _v$20, _p$.o));
         return _p$;
       }, {
         e: undefined,
@@ -47940,52 +48831,52 @@ function ToolInput(props) {
         a: undefined,
         o: undefined
       });
-      return _el$39;
+      return _el$65;
     })();
   } else if (kind === "patch") {
     body = (() => {
-      var _el$40 = createElement("code");
-      setProp(_el$40, "filetype", "diff");
+      var _el$66 = createElement("code");
+      setProp(_el$66, "filetype", "diff");
       effect((_p$) => {
-        var _v$17 = String(props.input.patch ?? ""), _v$18 = syntax(), _v$19 = COLOR.text;
-        _v$17 !== _p$.e && (_p$.e = setProp(_el$40, "content", _v$17, _p$.e));
-        _v$18 !== _p$.t && (_p$.t = setProp(_el$40, "syntaxStyle", _v$18, _p$.t));
-        _v$19 !== _p$.a && (_p$.a = setProp(_el$40, "fg", _v$19, _p$.a));
+        var _v$21 = String(props.input.patch ?? ""), _v$22 = syntax(), _v$23 = COLOR.text;
+        _v$21 !== _p$.e && (_p$.e = setProp(_el$66, "content", _v$21, _p$.e));
+        _v$22 !== _p$.t && (_p$.t = setProp(_el$66, "syntaxStyle", _v$22, _p$.t));
+        _v$23 !== _p$.a && (_p$.a = setProp(_el$66, "fg", _v$23, _p$.a));
         return _p$;
       }, {
         e: undefined,
         t: undefined,
         a: undefined
       });
-      return _el$40;
+      return _el$66;
     })();
   } else {
     body = (() => {
-      var _el$41 = createElement("box");
-      setProp(_el$41, "style", {
+      var _el$67 = createElement("box");
+      setProp(_el$67, "style", {
         flexDirection: "column"
       });
-      insert(_el$41, createComponent2(For, {
+      insert(_el$67, createComponent2(For, {
         get each() {
           return toolInputDetailLines(props.input);
         },
         children: (line) => (() => {
-          var _el$42 = createElement("text");
-          insert(_el$42, line);
-          effect((_$p) => setProp(_el$42, "fg", COLOR.text, _$p));
-          return _el$42;
+          var _el$68 = createElement("text");
+          insert(_el$68, line);
+          effect((_$p) => setProp(_el$68, "fg", COLOR.text, _$p));
+          return _el$68;
         })()
       }));
-      return _el$41;
+      return _el$67;
     })();
   }
   return (() => {
-    var _el$43 = createElement("box");
-    setProp(_el$43, "style", {
+    var _el$69 = createElement("box");
+    setProp(_el$69, "style", {
       flexDirection: "column"
     });
-    insert(_el$43, body);
-    return _el$43;
+    insert(_el$69, body);
+    return _el$69;
   })();
 }
 function ToolResult(props) {
@@ -47999,32 +48890,32 @@ function ToolResult(props) {
   const hasDiff = () => !hasNmap() && !hasDirs() && !hasHttp() && (looksLikeDiff(props.text) || shortToolName(props.tool).endsWith("diff"));
   const fallback = () => !hasNmap() && !hasDirs() && !hasHttp() && !hasDiff();
   return (() => {
-    var _el$44 = createElement("box");
-    setProp(_el$44, "style", {
+    var _el$70 = createElement("box");
+    setProp(_el$70, "style", {
       flexDirection: "column"
     });
-    insert(_el$44, createComponent2(Show, {
+    insert(_el$70, createComponent2(Show, {
       get when() {
         return hasNmap();
       },
       get children() {
-        var _el$45 = createElement("code");
-        setProp(_el$45, "filetype", "text");
+        var _el$71 = createElement("code");
+        setProp(_el$71, "filetype", "text");
         effect((_p$) => {
-          var _v$20 = props.text, _v$21 = syntax(), _v$22 = COLOR.text;
-          _v$20 !== _p$.e && (_p$.e = setProp(_el$45, "content", _v$20, _p$.e));
-          _v$21 !== _p$.t && (_p$.t = setProp(_el$45, "syntaxStyle", _v$21, _p$.t));
-          _v$22 !== _p$.a && (_p$.a = setProp(_el$45, "fg", _v$22, _p$.a));
+          var _v$24 = props.text, _v$25 = syntax(), _v$26 = COLOR.text;
+          _v$24 !== _p$.e && (_p$.e = setProp(_el$71, "content", _v$24, _p$.e));
+          _v$25 !== _p$.t && (_p$.t = setProp(_el$71, "syntaxStyle", _v$25, _p$.t));
+          _v$26 !== _p$.a && (_p$.a = setProp(_el$71, "fg", _v$26, _p$.a));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
           a: undefined
         });
-        return _el$45;
+        return _el$71;
       }
     }), null);
-    insert(_el$44, createComponent2(Show, {
+    insert(_el$70, createComponent2(Show, {
       get when() {
         return hasDirs();
       },
@@ -48034,47 +48925,47 @@ function ToolResult(props) {
             return dirs();
           },
           children: (row) => (() => {
-            var _el$51 = createElement("text");
-            insert(_el$51, () => `${String(row.status).padEnd(5)} ${String(row.size).padStart(8)}  ${row.url}`);
-            effect((_$p) => setProp(_el$51, "fg", row.status < 400 ? COLOR.success : COLOR.warning, _$p));
-            return _el$51;
+            var _el$77 = createElement("text");
+            insert(_el$77, () => `${String(row.status).padEnd(5)} ${String(row.size).padStart(8)}  ${row.url}`);
+            effect((_$p) => setProp(_el$77, "fg", row.status < 400 ? COLOR.success : COLOR.warning, _$p));
+            return _el$77;
           })()
         });
       }
     }), null);
-    insert(_el$44, createComponent2(Show, {
+    insert(_el$70, createComponent2(Show, {
       get when() {
         return hasHttp();
       },
       get children() {
         return [(() => {
-          var _el$46 = createElement("text");
-          insert(_el$46, () => http().status ?? "HTTP response");
-          effect((_$p) => setProp(_el$46, "fg", COLOR.text, _$p));
-          return _el$46;
+          var _el$72 = createElement("text");
+          insert(_el$72, () => http().status ?? "HTTP response");
+          effect((_$p) => setProp(_el$72, "fg", COLOR.text, _$p));
+          return _el$72;
         })(), (() => {
-          var _el$47 = createElement("code");
-          setProp(_el$47, "filetype", "text");
+          var _el$73 = createElement("code");
+          setProp(_el$73, "filetype", "text");
           effect((_p$) => {
-            var _v$23 = http().headers, _v$24 = syntax(), _v$25 = COLOR.dim;
-            _v$23 !== _p$.e && (_p$.e = setProp(_el$47, "content", _v$23, _p$.e));
-            _v$24 !== _p$.t && (_p$.t = setProp(_el$47, "syntaxStyle", _v$24, _p$.t));
-            _v$25 !== _p$.a && (_p$.a = setProp(_el$47, "fg", _v$25, _p$.a));
+            var _v$27 = http().headers, _v$28 = syntax(), _v$29 = COLOR.dim;
+            _v$27 !== _p$.e && (_p$.e = setProp(_el$73, "content", _v$27, _p$.e));
+            _v$28 !== _p$.t && (_p$.t = setProp(_el$73, "syntaxStyle", _v$28, _p$.t));
+            _v$29 !== _p$.a && (_p$.a = setProp(_el$73, "fg", _v$29, _p$.a));
             return _p$;
           }, {
             e: undefined,
             t: undefined,
             a: undefined
           });
-          return _el$47;
+          return _el$73;
         })(), (() => {
-          var _el$48 = createElement("code");
+          var _el$74 = createElement("code");
           effect((_p$) => {
-            var _v$26 = http().body, _v$27 = inferFiletype(undefined, http().contentType), _v$28 = syntax(), _v$29 = COLOR.text;
-            _v$26 !== _p$.e && (_p$.e = setProp(_el$48, "content", _v$26, _p$.e));
-            _v$27 !== _p$.t && (_p$.t = setProp(_el$48, "filetype", _v$27, _p$.t));
-            _v$28 !== _p$.a && (_p$.a = setProp(_el$48, "syntaxStyle", _v$28, _p$.a));
-            _v$29 !== _p$.o && (_p$.o = setProp(_el$48, "fg", _v$29, _p$.o));
+            var _v$30 = http().body, _v$31 = inferFiletype(undefined, http().contentType), _v$32 = syntax(), _v$33 = COLOR.text;
+            _v$30 !== _p$.e && (_p$.e = setProp(_el$74, "content", _v$30, _p$.e));
+            _v$31 !== _p$.t && (_p$.t = setProp(_el$74, "filetype", _v$31, _p$.t));
+            _v$32 !== _p$.a && (_p$.a = setProp(_el$74, "syntaxStyle", _v$32, _p$.a));
+            _v$33 !== _p$.o && (_p$.o = setProp(_el$74, "fg", _v$33, _p$.o));
             return _p$;
           }, {
             e: undefined,
@@ -48082,26 +48973,26 @@ function ToolResult(props) {
             a: undefined,
             o: undefined
           });
-          return _el$48;
+          return _el$74;
         })()];
       }
     }), null);
-    insert(_el$44, createComponent2(Show, {
+    insert(_el$70, createComponent2(Show, {
       get when() {
         return hasDiff();
       },
       get children() {
-        var _el$49 = createElement("diff");
-        setProp(_el$49, "showLineNumbers", true);
+        var _el$75 = createElement("diff");
+        setProp(_el$75, "showLineNumbers", true);
         effect((_p$) => {
-          var _v$30 = props.text.replace(/^```diff\n?|```$/g, ""), _v$31 = inferFiletype(path()), _v$32 = props.width > 120 ? "split" : "unified", _v$33 = syntax(), _v$34 = COLOR.diffAddedBg, _v$35 = COLOR.diffRemovedBg, _v$36 = COLOR.diffContextBg;
-          _v$30 !== _p$.e && (_p$.e = setProp(_el$49, "diff", _v$30, _p$.e));
-          _v$31 !== _p$.t && (_p$.t = setProp(_el$49, "filetype", _v$31, _p$.t));
-          _v$32 !== _p$.a && (_p$.a = setProp(_el$49, "view", _v$32, _p$.a));
-          _v$33 !== _p$.o && (_p$.o = setProp(_el$49, "syntaxStyle", _v$33, _p$.o));
-          _v$34 !== _p$.i && (_p$.i = setProp(_el$49, "addedBg", _v$34, _p$.i));
-          _v$35 !== _p$.n && (_p$.n = setProp(_el$49, "removedBg", _v$35, _p$.n));
-          _v$36 !== _p$.s && (_p$.s = setProp(_el$49, "contextBg", _v$36, _p$.s));
+          var _v$34 = props.text.replace(/^```diff\n?|```$/g, ""), _v$35 = inferFiletype(path()), _v$36 = props.width > 120 ? "split" : "unified", _v$37 = syntax(), _v$38 = COLOR.diffAddedBg, _v$39 = COLOR.diffRemovedBg, _v$40 = COLOR.diffContextBg;
+          _v$34 !== _p$.e && (_p$.e = setProp(_el$75, "diff", _v$34, _p$.e));
+          _v$35 !== _p$.t && (_p$.t = setProp(_el$75, "filetype", _v$35, _p$.t));
+          _v$36 !== _p$.a && (_p$.a = setProp(_el$75, "view", _v$36, _p$.a));
+          _v$37 !== _p$.o && (_p$.o = setProp(_el$75, "syntaxStyle", _v$37, _p$.o));
+          _v$38 !== _p$.i && (_p$.i = setProp(_el$75, "addedBg", _v$38, _p$.i));
+          _v$39 !== _p$.n && (_p$.n = setProp(_el$75, "removedBg", _v$39, _p$.n));
+          _v$40 !== _p$.s && (_p$.s = setProp(_el$75, "contextBg", _v$40, _p$.s));
           return _p$;
         }, {
           e: undefined,
@@ -48112,21 +49003,21 @@ function ToolResult(props) {
           n: undefined,
           s: undefined
         });
-        return _el$49;
+        return _el$75;
       }
     }), null);
-    insert(_el$44, createComponent2(Show, {
+    insert(_el$70, createComponent2(Show, {
       get when() {
         return fallback();
       },
       get children() {
-        var _el$50 = createElement("code");
+        var _el$76 = createElement("code");
         effect((_p$) => {
-          var _v$37 = props.text, _v$38 = resultFiletype(props.text, path()), _v$39 = syntax(), _v$40 = COLOR.text;
-          _v$37 !== _p$.e && (_p$.e = setProp(_el$50, "content", _v$37, _p$.e));
-          _v$38 !== _p$.t && (_p$.t = setProp(_el$50, "filetype", _v$38, _p$.t));
-          _v$39 !== _p$.a && (_p$.a = setProp(_el$50, "syntaxStyle", _v$39, _p$.a));
-          _v$40 !== _p$.o && (_p$.o = setProp(_el$50, "fg", _v$40, _p$.o));
+          var _v$41 = props.text, _v$42 = resultFiletype(props.text, path()), _v$43 = syntax(), _v$44 = COLOR.text;
+          _v$41 !== _p$.e && (_p$.e = setProp(_el$76, "content", _v$41, _p$.e));
+          _v$42 !== _p$.t && (_p$.t = setProp(_el$76, "filetype", _v$42, _p$.t));
+          _v$43 !== _p$.a && (_p$.a = setProp(_el$76, "syntaxStyle", _v$43, _p$.a));
+          _v$44 !== _p$.o && (_p$.o = setProp(_el$76, "fg", _v$44, _p$.o));
           return _p$;
         }, {
           e: undefined,
@@ -48134,10 +49025,10 @@ function ToolResult(props) {
           a: undefined,
           o: undefined
         });
-        return _el$50;
+        return _el$76;
       }
     }), null);
-    return _el$44;
+    return _el$70;
   })();
 }
 function previewOutputLines(text, limit) {
@@ -48215,10 +49106,15 @@ function resultFiletype(text, path) {
 function mcpContentLines(result) {
   if (!result || typeof result !== "object")
     return [];
-  const content = result.content;
-  if (!Array.isArray(content))
-    return [JSON.stringify(result)];
-  return content.map(mcpContentLine).filter((line) => line.trim().length > 0);
+  const record2 = result;
+  const content = record2.content;
+  const contentLines = Array.isArray(content) ? content.map(mcpContentLine).filter((line) => line.trim().length > 0) : [];
+  const structured = record2.structuredContent;
+  const structuredLines = structured === undefined ? [] : semanticValueLines("structured content", structured, 0);
+  const errorLine = record2.isError === true ? ["mcp result reported an error"] : [];
+  if (contentLines.length || structuredLines.length || errorLine.length)
+    return [...errorLine, ...contentLines, ...structuredLines];
+  return Object.entries(record2).flatMap(([key, value]) => semanticValueLines(key, value, 0));
 }
 function mcpContentLine(part) {
   if (!part || typeof part !== "object" || Array.isArray(part))
@@ -48249,6 +49145,9 @@ function mcpContentLine(part) {
     return String(record2);
   }
 }
+function attachmentBytes(data) {
+  return Uint8Array.from(Buffer.from(data, "base64"));
+}
 var TOOL_OUTPUT_PREVIEW_LINES = 5;
 var init_tool_cell = __esm(() => {
   init_solid2();
@@ -48268,6 +49167,7 @@ var init_tool_cell = __esm(() => {
   init_terminal();
   init_store4();
   init_tool_presentation();
+  init_tool_activity();
   init_session_title();
   init_expanded_panel();
   init_transcript_marker();
@@ -48903,112 +49803,16 @@ var init_progress_cell = __esm(() => {
 
 // src/agent-tui/transcript/cells.tsx
 function FaraiRow(props) {
-  switch (props.row.kind) {
-    case "user":
-      return createComponent2(UserPrompt, {
-        get row() {
-          return props.row;
-        }
-      });
-    case "assistant":
-      return createComponent2(AssistantMessage, {
-        get row() {
-          return props.row;
-        },
-        get streamedText() {
-          return props.streamedText;
-        }
-      });
-    case "thinking":
-      return createComponent2(ReasoningRow, {
-        get row() {
-          return props.row;
-        },
-        get streamedReasoning() {
-          return props.streamedReasoning;
-        },
-        get animated() {
-          return props.animated;
-        }
-      });
-    case "tool":
-      return createComponent2(ToolRow, {
-        get row() {
-          return props.row;
-        },
-        get animated() {
-          return props.animated;
-        }
-      });
-    case "exploration":
-      return createComponent2(ExplorationRow, {
-        get row() {
-          return props.row;
-        },
-        get animated() {
-          return props.animated;
-        }
-      });
-    case "plan":
-      return createComponent2(PlanRow, {
-        get row() {
-          return props.row;
-        },
-        get animated() {
-          return props.animated;
-        }
-      });
-    case "todo_list":
-      return createComponent2(TodoListRow, {
-        get row() {
-          return props.row;
-        }
-      });
-    case "mcp_inventory":
-      return createComponent2(McpInventoryRow, {
-        get row() {
-          return props.row;
-        }
-      });
-    case "artifact":
-      return createComponent2(ArtifactRow, {
-        get row() {
-          return props.row;
-        }
-      });
-    case "finding":
-      return createComponent2(FindingRow, {
-        get row() {
-          return props.row;
-        }
-      });
-    case "progress":
-      return createComponent2(ProgressRow, {
-        get row() {
-          return props.row;
-        },
-        get animated() {
-          return props.animated;
-        }
-      });
-    case "phase":
-      return createComponent2(PhaseRow, {
-        get row() {
-          return props.row;
-        }
-      });
-    case "loop_stop":
-    case "compaction":
-    case "error":
-    case "notice":
-      return createComponent2(NoticeRow, {
-        get row() {
-          return props.row;
-        }
-      });
-  }
+  return createComponent2(Dynamic, mergeProps3({
+    get component() {
+      return ROW_COMPONENTS[props.row.kind];
+    }
+  }, props));
 }
+var ROW_COMPONENTS;
 var init_cells = __esm(() => {
+  init_solid2();
+  init_solid2();
   init_solid2();
   init_user_cell();
   init_assistant_cell();
@@ -49019,6 +49823,109 @@ var init_cells = __esm(() => {
   init_plan_cell();
   init_todo_list_cell();
   init_progress_cell();
+  ROW_COMPONENTS = {
+    user: (props) => createComponent2(UserPrompt, {
+      get row() {
+        return props.row;
+      }
+    }),
+    assistant: (props) => createComponent2(AssistantMessage, {
+      get row() {
+        return props.row;
+      },
+      get streamedText() {
+        return props.streamedText;
+      }
+    }),
+    thinking: (props) => createComponent2(ReasoningRow, {
+      get row() {
+        return props.row;
+      },
+      get streamedReasoning() {
+        return props.streamedReasoning;
+      },
+      get animated() {
+        return props.animated;
+      }
+    }),
+    tool: (props) => createComponent2(ToolRow, {
+      get row() {
+        return props.row;
+      },
+      get animated() {
+        return props.animated;
+      }
+    }),
+    activity: (props) => createComponent2(ActivityRow, {
+      get row() {
+        return props.row;
+      },
+      get animated() {
+        return props.animated;
+      }
+    }),
+    plan: (props) => createComponent2(PlanRow, {
+      get row() {
+        return props.row;
+      },
+      get animated() {
+        return props.animated;
+      }
+    }),
+    todo_list: (props) => createComponent2(TodoListRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    mcp_inventory: (props) => createComponent2(McpInventoryRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    artifact: (props) => createComponent2(ArtifactRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    finding: (props) => createComponent2(FindingRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    progress: (props) => createComponent2(ProgressRow, {
+      get row() {
+        return props.row;
+      },
+      get animated() {
+        return props.animated;
+      }
+    }),
+    phase: (props) => createComponent2(PhaseRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    loop_stop: (props) => createComponent2(NoticeRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    compaction: (props) => createComponent2(NoticeRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    error: (props) => createComponent2(NoticeRow, {
+      get row() {
+        return props.row;
+      }
+    }),
+    notice: (props) => createComponent2(NoticeRow, {
+      get row() {
+        return props.row;
+      }
+    })
+  };
 });
 
 // src/agent-tui/transcript/transcript.tsx
@@ -49271,7 +50178,28 @@ function nextNavigationIndex(direction, currentIndex, itemCount) {
   return Math.max(0, currentIndex - 1);
 }
 function timelineRowsEqual(left, right) {
-  return left.kind === right.kind && left.id === right.id && valuesEqual(left, right, new WeakMap);
+  if (left.kind !== right.kind || left.id !== right.id)
+    return false;
+  if (left.kind === "tool" && right.kind === "tool")
+    return toolRowsEqual(left, right);
+  if (left.kind === "activity" && right.kind === "activity") {
+    if (left.status !== right.status || left.label !== right.label || left.durationMs !== right.durationMs || left.items.length !== right.items.length)
+      return false;
+    return left.items.every((item, index) => toolRowsEqual(item, right.items[index]));
+  }
+  return valuesEqual(left, right, new WeakMap);
+}
+function toolRowsEqual(left, right) {
+  return left.id === right.id && left.tool === right.tool && left.status === right.status && left.liveOutput === right.liveOutput && left.result === right.result && left.fullResult === right.fullResult && left.processId === right.processId && left.jobId === right.jobId && left.toolCallId === right.toolCallId && left.durationMs === right.durationMs && presentationEqual(left.presentation, right.presentation) && valuesEqual(left.args, right.args, new WeakMap) && valuesEqual(left.toolResult, right.toolResult, new WeakMap) && valuesEqual(left.mcp, right.mcp, new WeakMap);
+}
+function presentationEqual(left, right) {
+  if (left === right)
+    return true;
+  if (!left || !right)
+    return false;
+  if (left.family !== right.family || left.title !== right.title || left.compact !== right.compact || left.outcome !== right.outcome || left.groupKey !== right.groupKey || left.groupPast !== right.groupPast || left.groupActive !== right.groupActive || left.standalone !== right.standalone || left.warning !== right.warning || left.preview.length !== right.preview.length)
+    return false;
+  return left.preview.every((line, index) => line === right.preview[index]);
 }
 function valuesEqual(left, right, seen) {
   if (Object.is(left, right))
@@ -49311,11 +50239,12 @@ function valuesEqual(left, right, seen) {
   return true;
 }
 function TranscriptRow(props) {
+  const row = () => normalizeTimelineRow(props.row);
   return (() => {
     var _el$9 = createElement("box");
     insert(_el$9, createComponent2(FaraiRow, {
       get row() {
-        return props.row;
+        return row();
       },
       get streamedText() {
         return props.streamedText;
@@ -49328,10 +50257,10 @@ function TranscriptRow(props) {
       }
     }));
     effect((_p$) => {
-      var _v$3 = props.row.id, _v$4 = {
+      var _v$3 = row().id, _v$4 = {
         flexDirection: "column",
         flexShrink: 0,
-        paddingRight: props.row.kind === "user" ? 0 : 1
+        paddingRight: row().kind === "user" ? 0 : 1
       };
       _v$3 !== _p$.e && (_p$.e = setProp(_el$9, "id", _v$3, _p$.e));
       _v$4 !== _p$.t && (_p$.t = setProp(_el$9, "style", _v$4, _p$.t));
@@ -49343,6 +50272,22 @@ function TranscriptRow(props) {
     return _el$9;
   })();
 }
+function normalizeTimelineRow(row) {
+  if (row.kind === "tool" && !row.presentation)
+    return {
+      ...row,
+      presentation: presentToolActivity(row)
+    };
+  if (row.kind !== "activity" || row.items.every((item) => item.presentation))
+    return row;
+  return {
+    ...row,
+    items: row.items.map((item) => item.presentation ? item : {
+      ...item,
+      presentation: presentToolActivity(item)
+    })
+  };
+}
 var init_transcript = __esm(() => {
   init_solid2();
   init_solid2();
@@ -49359,26 +50304,36 @@ var init_transcript = __esm(() => {
   init_cells();
   init_branding();
   init_terminal();
+  init_tool_activity();
 });
 
 // src/agent-tui/surfaces/center-surface.tsx
 function CenterSurfaceView(props) {
   const tui = useTuiStore();
   const dims = useTuiDimensions();
-  const loader = createSurfaceLoader(() => props.frame);
-  const title = () => surfaceTitle(props.frame);
-  const kindLabel = () => props.frame.kind;
-  const subtitle = () => surfaceSubtitle(props.frame);
+  const frame = () => props.frame();
+  const loader = createSurfaceLoader(frame);
+  const title = () => surfaceTitle(frame());
+  const kindLabel = () => frame().kind;
+  const subtitle = () => surfaceSubtitle(frame());
   const compact = () => dims().height < 16;
   const header = () => fitTerminalPair(title(), kindLabel(), Math.max(1, dims().width - 6), 4, 2);
   let scrollRef;
   let lastScrollSequence = 0;
+  createEffect(on(frame, () => {
+    lastScrollSequence = 0;
+    queueMicrotask(() => {
+      if (!scrollRef || scrollRef.isDestroyed || frame().kind === "proxy_flow")
+        return;
+      scrollRef.scrollTo(0);
+    });
+  }));
   createEffect(() => {
     const request = tui.store.ui.centerScroll;
     if (request.sequence === 0 || request.sequence === lastScrollSequence)
       return;
     lastScrollSequence = request.sequence;
-    if (!scrollRef || untrack(() => props.frame.kind) === "proxy_flow")
+    if (!scrollRef || untrack(() => frame().kind) === "proxy_flow")
       return;
     applyScroll(scrollRef, request.action);
   });
@@ -49421,7 +50376,7 @@ function CenterSurfaceView(props) {
     }), null);
     insert(_el$, createComponent2(Show, {
       get when() {
-        return props.frame.kind === "proxy_flow";
+        return frame().kind === "proxy_flow";
       },
       get fallback() {
         return (() => {
@@ -49438,6 +50393,7 @@ function CenterSurfaceView(props) {
             get fallback() {
               return (() => {
                 var _el$1 = createElement("code");
+                setProp(_el$1, "id", "center-surface-code");
                 effect((_p$) => {
                   var _v$5 = loader.body(), _v$6 = loader.filetype(), _v$7 = syntax(), _v$8 = COLOR.text;
                   _v$5 !== _p$.e && (_p$.e = setProp(_el$1, "content", _v$5, _p$.e));
@@ -49456,10 +50412,10 @@ function CenterSurfaceView(props) {
             },
             get children() {
               return createComponent2(MarkdownView, {
+                id: "center-surface-markdown",
                 get content() {
                   return loader.body();
-                },
-                variant: "document"
+                }
               });
             }
           }));
@@ -49475,7 +50431,7 @@ function CenterSurfaceView(props) {
       get children() {
         return createComponent2(ProxyFlowSplitView, {
           get flow() {
-            return props.frame.flow;
+            return frame().flow;
           },
           get compact() {
             return compact();
@@ -50946,7 +51902,7 @@ function statusColor(status2) {
     return COLOR.accent;
   return COLOR.success;
 }
-function formatBytes(value) {
+function formatBytes2(value) {
   if (value === undefined)
     return "-";
   if (value < 1024)
@@ -51112,7 +52068,7 @@ function ProxyRow(props) {
           })(), (() => {
             var _el$36 = createElement("text");
             setProp(_el$36, "selectable", false);
-            insert(_el$36, () => pad(formatBytes(props.flow.responseBytes ?? props.flow.requestBytes), 8));
+            insert(_el$36, () => pad(formatBytes2(props.flow.responseBytes ?? props.flow.requestBytes), 8));
             effect((_$p) => setProp(_el$36, "fg", COLOR.dim, _$p));
             return _el$36;
           })(), (() => {
@@ -51167,9 +52123,46 @@ var init_command_registry_signal = __esm(() => {
 });
 
 // src/agent-tui/bottom-pane/composer.tsx
+import { RGBA } from "@opentui/core";
 function composerHeightFromVisualLines(visualLines) {
   return Math.min(6, Math.max(1, visualLines));
 }
+function composerFocusTintColor(progress) {
+  const amount = Math.max(0, Math.min(1, progress));
+  return RGBA.fromInts(Math.round(focusTintStart[0] + (focusTintEnd[0] - focusTintStart[0]) * amount), Math.round(focusTintStart[1] + (focusTintEnd[1] - focusTintStart[1]) * amount), Math.round(focusTintStart[2] + (focusTintEnd[2] - focusTintStart[2]) * amount));
+}
+function composerFocusTintPalette(size) {
+  const cached = focusTintPalettes.get(size);
+  if (cached)
+    return cached;
+  const palette = Array.from({
+    length: size
+  }, (_, index) => composerFocusTintColor(size <= 1 ? 0 : index / (size - 1)));
+  focusTintPalettes.set(size, palette);
+  return palette;
+}
+function composerEdgeRun(width) {
+  const cached = composerEdgeRuns.get(width);
+  if (cached)
+    return cached;
+  const run2 = {
+    top: "\u2584".repeat(width),
+    bottom: "\u2580".repeat(width)
+  };
+  composerEdgeRuns.set(width, run2);
+  return run2;
+}
+function paintComposerBand(buffer, x, y, width, height, color) {
+  if (height <= 1) {
+    buffer.fillRect(x, y, width, height, color);
+    return;
+  }
+  const edge = composerEdgeRun(width);
+  buffer.drawText(edge.top, x, y, color, composerPageBackground);
+  if (height > 2)
+    buffer.fillRect(x, y + 1, width, height - 2, color);
+  buffer.drawText(edge.bottom, x, y + height - 1, color, composerPageBackground);
+}
 function Composer(props = {}) {
   const tui = useTuiStore();
   const composer = useComposerControl();
@@ -51212,7 +52205,23 @@ function Composer(props = {}) {
   const popupWidth = () => Math.max(1, dims().width);
   const commandWidth = () => Math.min(Math.max(1, popupWidth() - 2), Math.min(28, Math.max(8, ...slashOptions().map((option) => terminalWidth(option.title) + 2))));
   const descWidth = () => Math.max(0, popupWidth() - commandWidth() - 2);
-  const rule = () => "\u2500".repeat(Math.max(1, dims().width));
+  const paintComposerBackground = function(buffer) {
+    const width = Math.max(1, Math.floor(this.width));
+    const height = Math.max(1, Math.floor(this.height));
+    const x = Math.floor(this.x);
+    const y = Math.floor(this.y);
+    if (!inputActive()) {
+      paintComposerBand(buffer, x, y, width, height, inactiveComposerBackground);
+      return;
+    }
+    const bands = Math.min(width, 48);
+    const palette = composerFocusTintPalette(bands);
+    for (let band = 0;band < bands; band += 1) {
+      const left = Math.floor(band * width / bands);
+      const right = Math.floor((band + 1) * width / bands);
+      paintComposerBand(buffer, x + left, y, Math.max(1, right - left), height, palette[band]);
+    }
+  };
   createEffect(() => {
     dims().width;
     if (surfaceVisible())
@@ -51229,6 +52238,7 @@ function Composer(props = {}) {
       textareaRef.focus();
     else
       textareaRef.blur();
+    renderer.requestRender();
   });
   onMount(() => {
     const draft = composer.text();
@@ -51259,29 +52269,36 @@ function Composer(props = {}) {
     textareaRef?.blur();
   });
   return (() => {
-    var _el$ = createElement("box"), _el$2 = createElement("text"), _el$3 = createElement("box"), _el$4 = createElement("text"), _el$6 = createElement("textarea"), _el$8 = createElement("text");
+    var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("box"), _el$4 = createElement("box"), _el$5 = createElement("textarea");
     insertNode(_el$, _el$2);
-    insertNode(_el$, _el$3);
-    insertNode(_el$, _el$8);
     setProp(_el$, "id", "composer-surface");
     setProp(_el$, "style", {
       flexShrink: 0,
       flexDirection: "column",
       paddingTop: 0
     });
-    insert(_el$2, rule);
-    insertNode(_el$3, _el$4);
-    insertNode(_el$3, _el$6);
-    insertNode(_el$4, createTextNode(`\u203A `));
+    insertNode(_el$2, _el$3);
+    insertNode(_el$2, _el$4);
+    setProp(_el$3, "shouldFill", false);
+    setProp(_el$3, "renderBefore", paintComposerBackground);
+    setProp(_el$3, "style", {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      width: "100%",
+      height: "100%",
+      zIndex: 0
+    });
+    insertNode(_el$4, _el$5);
     use((node) => {
       textareaRef = node;
       composer.setRef(node);
       scheduleComposerHeightRefresh();
-    }, _el$6);
-    setProp(_el$6, "id", "composer-input");
-    setProp(_el$6, "placeholder", "ask farai to do anything");
-    setProp(_el$6, "wrapMode", "word");
-    setProp(_el$6, "onContentChange", () => {
+    }, _el$5);
+    setProp(_el$5, "id", "composer-input");
+    setProp(_el$5, "placeholder", "what should we investigate?");
+    setProp(_el$5, "wrapMode", "word");
+    setProp(_el$5, "onContentChange", () => {
       const value = textareaRef?.plainText ?? "";
       composer.setText(value);
       if (tui.store.ui.lastError)
@@ -51299,8 +52316,8 @@ function Composer(props = {}) {
         return slashActive2();
       },
       get children() {
-        var _el$7 = createElement("box");
-        insert(_el$7, createComponent2(For, {
+        var _el$6 = createElement("box");
+        insert(_el$6, createComponent2(For, {
           get each() {
             return slashMatches2();
           },
@@ -51309,71 +52326,76 @@ function Composer(props = {}) {
             const command = () => fitTerminal(option.title, commandWidth());
             const desc = () => descWidth() >= 8 ? truncateLine2(option.description ?? "", descWidth()) : "";
             return (() => {
-              var _el$9 = createElement("box"), _el$0 = createElement("text"), _el$1 = createElement("text"), _el$10 = createElement("text");
-              insertNode(_el$9, _el$0);
-              insertNode(_el$9, _el$1);
-              insertNode(_el$9, _el$10);
-              setProp(_el$9, "style", {
+              var _el$7 = createElement("box"), _el$8 = createElement("text"), _el$9 = createElement("text"), _el$0 = createElement("text");
+              insertNode(_el$7, _el$8);
+              insertNode(_el$7, _el$9);
+              insertNode(_el$7, _el$0);
+              setProp(_el$7, "style", {
                 flexDirection: "row"
               });
-              setProp(_el$9, "onMouseUp", (event) => {
+              setProp(_el$7, "onMouseUp", (event) => {
                 if (!isPrimaryClick(event))
                   return;
                 composer.setDraft(`${option.title} `);
                 tui.actions.slashSuppress(undefined);
                 composer.focus();
               });
+              setProp(_el$8, "selectable", false);
+              insert(_el$8, () => active() ? "\u203A " : "  ");
+              setProp(_el$9, "selectable", false);
+              insert(_el$9, command);
               setProp(_el$0, "selectable", false);
-              insert(_el$0, () => active() ? "\u203A " : "  ");
-              setProp(_el$1, "selectable", false);
-              insert(_el$1, command);
-              setProp(_el$10, "selectable", false);
-              insert(_el$10, desc);
+              insert(_el$0, desc);
               effect((_p$) => {
-                var _v$1 = active() ? COLOR.accent : COLOR.dim, _v$10 = active() ? COLOR.accent : COLOR.text, _v$11 = COLOR.dim;
-                _v$1 !== _p$.e && (_p$.e = setProp(_el$0, "fg", _v$1, _p$.e));
-                _v$10 !== _p$.t && (_p$.t = setProp(_el$1, "fg", _v$10, _p$.t));
-                _v$11 !== _p$.a && (_p$.a = setProp(_el$10, "fg", _v$11, _p$.a));
+                var _v$9 = active() ? COLOR.accent : COLOR.dim, _v$0 = active() ? COLOR.accent : COLOR.text, _v$1 = COLOR.dim;
+                _v$9 !== _p$.e && (_p$.e = setProp(_el$8, "fg", _v$9, _p$.e));
+                _v$0 !== _p$.t && (_p$.t = setProp(_el$9, "fg", _v$0, _p$.t));
+                _v$1 !== _p$.a && (_p$.a = setProp(_el$0, "fg", _v$1, _p$.a));
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined,
                 a: undefined
               });
-              return _el$9;
+              return _el$7;
             })();
           }
         }));
-        effect((_$p) => setProp(_el$7, "style", {
+        effect((_$p) => setProp(_el$6, "style", {
           width: popupWidth(),
           height: slashRowLimit(),
           flexDirection: "column",
           overflow: "hidden"
         }, _$p));
-        return _el$7;
+        return _el$6;
       }
-    }), _el$8);
-    insert(_el$8, rule);
+    }), null);
     effect((_p$) => {
-      var _v$ = surfaceVisible(), _v$2 = COLOR.border, _v$3 = {
-        flexDirection: "row",
+      var _v$ = surfaceVisible(), _v$2 = {
+        position: "relative",
+        height: composer.height() + 2,
+        flexShrink: 0
+      }, _v$3 = {
+        position: "absolute",
+        left: 2,
+        right: 1,
+        top: 1,
         height: composer.height(),
-        backgroundColor: COLOR.panel
-      }, _v$4 = COLOR.dim, _v$5 = COLOR.dim, _v$6 = COLOR.text, _v$7 = COLOR.text, _v$8 = COLOR.accent, _v$9 = {
+        zIndex: 1,
+        flexDirection: "row"
+      }, _v$4 = COLOR.dim, _v$5 = COLOR.text, _v$6 = COLOR.text, _v$7 = COLOR.accent, _v$8 = {
         height: composer.height(),
         flexGrow: 1,
-        backgroundColor: COLOR.panel
-      }, _v$0 = COLOR.border;
+        backgroundColor: "transparent"
+      };
       _v$ !== _p$.e && (_p$.e = setProp(_el$, "visible", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = setProp(_el$2, "fg", _v$2, _p$.t));
-      _v$3 !== _p$.a && (_p$.a = setProp(_el$3, "style", _v$3, _p$.a));
-      _v$4 !== _p$.o && (_p$.o = setProp(_el$4, "fg", _v$4, _p$.o));
-      _v$5 !== _p$.i && (_p$.i = setProp(_el$6, "placeholderColor", _v$5, _p$.i));
-      _v$6 !== _p$.n && (_p$.n = setProp(_el$6, "textColor", _v$6, _p$.n));
-      _v$7 !== _p$.s && (_p$.s = setProp(_el$6, "focusedTextColor", _v$7, _p$.s));
-      _v$8 !== _p$.h && (_p$.h = setProp(_el$6, "cursorColor", _v$8, _p$.h));
-      _v$9 !== _p$.r && (_p$.r = setProp(_el$6, "style", _v$9, _p$.r));
-      _v$0 !== _p$.d && (_p$.d = setProp(_el$8, "fg", _v$0, _p$.d));
+      _v$2 !== _p$.t && (_p$.t = setProp(_el$2, "style", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = setProp(_el$4, "style", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = setProp(_el$5, "placeholderColor", _v$4, _p$.o));
+      _v$5 !== _p$.i && (_p$.i = setProp(_el$5, "textColor", _v$5, _p$.i));
+      _v$6 !== _p$.n && (_p$.n = setProp(_el$5, "focusedTextColor", _v$6, _p$.n));
+      _v$7 !== _p$.s && (_p$.s = setProp(_el$5, "cursorColor", _v$7, _p$.s));
+      _v$8 !== _p$.h && (_p$.h = setProp(_el$5, "style", _v$8, _p$.h));
       return _p$;
     }, {
       e: undefined,
@@ -51383,13 +52405,12 @@ function Composer(props = {}) {
       i: undefined,
       n: undefined,
       s: undefined,
-      h: undefined,
-      r: undefined,
-      d: undefined
+      h: undefined
     });
     return _el$;
   })();
 }
+var focusTintStart, focusTintEnd, inactiveComposerBackground, composerPageBackground, focusTintPalettes, composerEdgeRuns;
 var init_composer2 = __esm(() => {
   init_solid2();
   init_solid2();
@@ -51399,7 +52420,6 @@ var init_composer2 = __esm(() => {
   init_solid2();
   init_solid2();
   init_solid2();
-  init_solid2();
   init_solid();
   init_solid2();
   init_store4();
@@ -51411,6 +52431,12 @@ var init_composer2 = __esm(() => {
   init_terminal_text();
   init_terminal();
   init_command_registry_signal();
+  focusTintStart = [22, 33, 38];
+  focusTintEnd = [16, 16, 16];
+  inactiveComposerBackground = RGBA.fromInts(...focusTintEnd);
+  composerPageBackground = RGBA.fromInts(0, 0, 0);
+  focusTintPalettes = new Map;
+  composerEdgeRuns = new Map;
 });
 
 // src/agent-tui/bottom-pane/time.ts
@@ -51894,7 +52920,8 @@ function StatusIndicator(props) {
     insertNode(_el$, _el$2);
     setProp(_el$, "style", {
       flexDirection: "row",
-      flexShrink: 0
+      flexShrink: 0,
+      paddingTop: 1
     });
     insert(_el$2, text);
     effect((_$p) => setProp(_el$2, "fg", COLOR.text, _$p));
@@ -54520,7 +55547,7 @@ function BottomPane() {
   const questionNoticeVisible = () => composerChromeVisible() && inputRequestPending();
   const questionNotice = () => truncateLine2(dims().width >= 64 ? "\u2022 question pending \xB7 ctrl+q answer \xB7 chat input remains available" : "\u2022 question pending \xB7 ctrl+q answer", Math.max(1, dims().width));
   const previewMaxRows = () => {
-    const fixedRows = 5 + composer.height() + (statusVisible() ? 1 : 0) + (questionNoticeVisible() ? 1 : 0) + (statusVisible() && (pendingPreviewVisible() || questionNoticeVisible()) ? 1 : 0) + (pendingPreviewVisible() && questionNoticeVisible() ? 1 : 0);
+    const fixedRows = 5 + composer.height() + (statusVisible() ? 2 : 0) + (questionNoticeVisible() ? 1 : 0) + (statusVisible() && (pendingPreviewVisible() || questionNoticeVisible()) ? 1 : 0) + (pendingPreviewVisible() && questionNoticeVisible() ? 1 : 0);
     return Math.min(10, Math.max(0, dims().height - fixedRows));
   };
   const previewRendered = () => pendingPreviewVisible() && previewMaxRows() > 0;
@@ -54861,6 +55888,47 @@ var init_bottom_pane = __esm(() => {
   init_command_registry_signal();
 });
 
+// src/agent-tui/ui/surface-layer.tsx
+import { BoxRenderable as BoxRenderable3 } from "@opentui/core";
+function SurfaceLayer(props) {
+  return (() => {
+    var _el$ = createElement("surface_layer");
+    spread(_el$, props, false);
+    return _el$;
+  })();
+}
+var SurfaceLayerRenderable;
+var init_surface_layer = __esm(() => {
+  init_solid2();
+  init_solid2();
+  init_solid2();
+  SurfaceLayerRenderable = class SurfaceLayerRenderable extends BoxRenderable3 {
+    _renderChildren = true;
+    constructor(ctx, options) {
+      super(ctx, options);
+      this._renderChildren = options.renderChildren ?? true;
+    }
+    get renderChildren() {
+      return this._renderChildren;
+    }
+    set renderChildren(value) {
+      if (this._renderChildren === value)
+        return;
+      this._renderChildren = value;
+      this.requestRender();
+    }
+    _hasVisibleChildFilter() {
+      return !this._renderChildren;
+    }
+    _getVisibleChildren() {
+      return this._renderChildren ? super._getVisibleChildren() : [];
+    }
+  };
+  extend({
+    surface_layer: SurfaceLayerRenderable
+  });
+});
+
 // src/agent-tui/shell/app-shell.tsx
 function AppShell() {
   const tui = useTuiStore();
@@ -54927,14 +55995,12 @@ ${note.text}`).join(`
   return createComponent2(ComposerProvider, {
     get children() {
       return [createComponent2(KeyboardController, {}), (() => {
-        var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("box"), _el$4 = createElement("box");
+        var _el$ = createElement("box"), _el$2 = createElement("box");
         insertNode(_el$, _el$2);
         setProp(_el$, "minHeight", 0);
         setProp(_el$, "overflow", "hidden");
         setProp(_el$, "flexDirection", "column");
         insert(_el$, createComponent2(MainTabs, {}), _el$2);
-        insertNode(_el$2, _el$3);
-        insertNode(_el$2, _el$4);
         setProp(_el$2, "id", "main-surface-viewport");
         setProp(_el$2, "style", {
           flexGrow: 1,
@@ -54943,38 +56009,88 @@ ${note.text}`).join(`
           overflow: "hidden",
           flexDirection: "column"
         });
-        setProp(_el$3, "id", "chat-surface");
-        setProp(_el$3, "style", {
-          flexGrow: 1,
-          flexShrink: 1,
-          minHeight: 0,
-          flexDirection: "column"
-        });
-        insert(_el$3, createComponent2(Transcript, {
-          get active() {
+        insert(_el$2, createComponent2(SurfaceLayer, {
+          id: "chat-surface",
+          get renderChildren() {
             return chatActive();
+          },
+          get zIndex() {
+            return chatActive() ? 1 : 0;
+          },
+          get backgroundColor() {
+            return COLOR.bg;
+          },
+          style: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            width: "100%",
+            height: "100%",
+            minHeight: 0,
+            overflow: "hidden",
+            flexDirection: "column"
+          },
+          get children() {
+            return createComponent2(Transcript, {
+              get active() {
+                return chatActive();
+              }
+            });
           }
-        }));
-        setProp(_el$4, "id", "proxy-surface");
-        setProp(_el$4, "style", {
-          flexGrow: 1,
-          flexShrink: 1,
-          minHeight: 0,
-          flexDirection: "column"
-        });
-        insert(_el$4, createComponent2(ProxyLogView, {
-          get active() {
+        }), null);
+        insert(_el$2, createComponent2(SurfaceLayer, {
+          id: "proxy-surface",
+          get renderChildren() {
             return proxyActive();
+          },
+          get zIndex() {
+            return proxyActive() ? 1 : 0;
+          },
+          get backgroundColor() {
+            return COLOR.bg;
+          },
+          style: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            width: "100%",
+            height: "100%",
+            minHeight: 0,
+            overflow: "hidden",
+            flexDirection: "column"
+          },
+          get children() {
+            return createComponent2(ProxyLogView, {
+              get active() {
+                return proxyActive();
+              }
+            });
           }
-        }));
+        }), null);
         insert(_el$2, createComponent2(Show, {
           get when() {
             return centerFrame();
           },
-          keyed: true,
-          children: (surface) => createComponent2(CenterSurfaceView, {
-            frame: surface
-          })
+          get children() {
+            var _el$3 = createElement("box");
+            setProp(_el$3, "id", "center-surface-layer");
+            setProp(_el$3, "zIndex", 2);
+            setProp(_el$3, "style", {
+              position: "absolute",
+              left: 0,
+              top: 0,
+              width: "100%",
+              height: "100%",
+              minHeight: 0,
+              overflow: "hidden",
+              flexDirection: "column"
+            });
+            insert(_el$3, createComponent2(CenterSurfaceView, {
+              frame: () => centerFrame()
+            }));
+            effect((_$p) => setProp(_el$3, "backgroundColor", COLOR.bg, _$p));
+            return _el$3;
+          }
         }), null);
         insert(_el$, createComponent2(Show, {
           get when() {
@@ -54988,19 +56104,15 @@ ${note.text}`).join(`
           }
         }), null);
         effect((_p$) => {
-          var _v$ = dims().width, _v$2 = dims().height, _v$3 = COLOR.bg, _v$4 = chatActive(), _v$5 = proxyActive();
+          var _v$ = dims().width, _v$2 = dims().height, _v$3 = COLOR.bg;
           _v$ !== _p$.e && (_p$.e = setProp(_el$, "width", _v$, _p$.e));
           _v$2 !== _p$.t && (_p$.t = setProp(_el$, "height", _v$2, _p$.t));
           _v$3 !== _p$.a && (_p$.a = setProp(_el$, "backgroundColor", _v$3, _p$.a));
-          _v$4 !== _p$.o && (_p$.o = setProp(_el$3, "visible", _v$4, _p$.o));
-          _v$5 !== _p$.i && (_p$.i = setProp(_el$4, "visible", _v$5, _p$.i));
           return _p$;
         }, {
           e: undefined,
           t: undefined,
-          a: undefined,
-          o: undefined,
-          i: undefined
+          a: undefined
         });
         return _el$;
       })()];
@@ -55010,17 +56122,17 @@ ${note.text}`).join(`
 function ExitStatus() {
   const dims = useTuiDimensions();
   return (() => {
-    var _el$5 = createElement("box"), _el$6 = createElement("text");
-    insertNode(_el$5, _el$6);
-    setProp(_el$5, "id", "exit-status");
-    setProp(_el$5, "style", {
+    var _el$4 = createElement("box"), _el$5 = createElement("text");
+    insertNode(_el$4, _el$5);
+    setProp(_el$4, "id", "exit-status");
+    setProp(_el$4, "style", {
       height: 2,
       flexShrink: 0,
       paddingTop: 1
     });
-    insert(_el$6, () => exitStatusText(dims().width));
-    effect((_$p) => setProp(_el$6, "fg", COLOR.dim, _$p));
-    return _el$5;
+    insert(_el$5, () => exitStatusText(dims().width));
+    effect((_$p) => setProp(_el$5, "fg", COLOR.dim, _$p));
+    return _el$4;
   })();
 }
 function exitStatusText(width) {
@@ -55044,41 +56156,41 @@ function MainTabs() {
     tui.refreshProxyFlows();
   };
   return (() => {
-    var _el$7 = createElement("box"), _el$8 = createElement("text"), _el$9 = createElement("text"), _el$0 = createElement("text");
-    insertNode(_el$7, _el$8);
-    insertNode(_el$7, _el$9);
-    insertNode(_el$7, _el$0);
-    setProp(_el$7, "id", "main-tabs");
-    setProp(_el$7, "style", {
+    var _el$6 = createElement("box"), _el$7 = createElement("text"), _el$8 = createElement("text"), _el$9 = createElement("text");
+    insertNode(_el$6, _el$7);
+    insertNode(_el$6, _el$8);
+    insertNode(_el$6, _el$9);
+    setProp(_el$6, "id", "main-tabs");
+    setProp(_el$6, "style", {
       height: 2,
       flexShrink: 0,
       flexDirection: "row"
     });
-    setProp(_el$8, "selectable", false);
-    setProp(_el$8, "onMouseUp", (event) => {
+    setProp(_el$7, "selectable", false);
+    setProp(_el$7, "onMouseUp", (event) => {
       if (isPrimaryClick(event))
         openChat();
     });
-    insert(_el$8, () => labels().chat);
-    insert(_el$9, () => labels().gap);
-    setProp(_el$0, "selectable", false);
-    setProp(_el$0, "onMouseUp", (event) => {
+    insert(_el$7, () => labels().chat);
+    insert(_el$8, () => labels().gap);
+    setProp(_el$9, "selectable", false);
+    setProp(_el$9, "onMouseUp", (event) => {
       if (isPrimaryClick(event))
         openProxy();
     });
-    insert(_el$0, () => labels().proxy);
+    insert(_el$9, () => labels().proxy);
     effect((_p$) => {
-      var _v$6 = active() === "chat" ? COLOR.accent : COLOR.dim, _v$7 = COLOR.dim, _v$8 = active() === "proxy" ? COLOR.accent : COLOR.dim;
-      _v$6 !== _p$.e && (_p$.e = setProp(_el$8, "fg", _v$6, _p$.e));
-      _v$7 !== _p$.t && (_p$.t = setProp(_el$9, "fg", _v$7, _p$.t));
-      _v$8 !== _p$.a && (_p$.a = setProp(_el$0, "fg", _v$8, _p$.a));
+      var _v$4 = active() === "chat" ? COLOR.accent : COLOR.dim, _v$5 = COLOR.dim, _v$6 = active() === "proxy" ? COLOR.accent : COLOR.dim;
+      _v$4 !== _p$.e && (_p$.e = setProp(_el$7, "fg", _v$4, _p$.e));
+      _v$5 !== _p$.t && (_p$.t = setProp(_el$8, "fg", _v$5, _p$.t));
+      _v$6 !== _p$.a && (_p$.a = setProp(_el$9, "fg", _v$6, _p$.a));
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$7;
+    return _el$6;
   })();
 }
 function mainTabLabels(width, proxyCount) {
@@ -55109,6 +56221,7 @@ var init_app_shell = __esm(() => {
   init_solid2();
   init_solid2();
   init_solid2();
+  init_solid2();
   init_solid();
   init_store4();
   init_exit();
@@ -55123,6 +56236,7 @@ var init_app_shell = __esm(() => {
   init_theme();
   init_mouse();
   init_terminal();
+  init_surface_layer();
 });
 
 // src/agent-tui/app.tsx
@@ -56672,15 +57786,19 @@ class BenchmarkDockerLifecycle {
     this.runner = runner;
   }
   async start() {
-    const inspected = await this.runner("docker", ["image", "inspect", "--format", "{{.Id}}", DEFAULT_KALI_IMAGE]);
-    if (inspected.exitCode !== 0)
-      throw new Error(inspected.stderr || `benchmark agent image is missing: ${DEFAULT_KALI_IMAGE}`);
-    const agentImageId = inspected.stdout.trim();
+    const processRunner = (command, args2) => this.runner(command, args2);
+    const image = await new KaliContainerBackend({
+      workspace: this.workspace,
+      image: DEFAULT_KALI_IMAGE,
+      processRunner
+    }).resolveImage();
+    if (!image.exists)
+      throw new Error(`benchmark agent image is missing: ${DEFAULT_KALI_IMAGE}`);
+    const agentImageId = image.id?.trim() ?? "";
     if (!/^sha256:[a-f0-9]{64}$/i.test(agentImageId))
       throw new Error(`docker returned an unpinned agent image id: ${agentImageId || "empty"}`);
-    const contractResult = await this.runner("docker", ["image", "inspect", "--format", `{{index .Config.Labels "${KALI_IMAGE_CONTRACT_LABEL}"}}`, agentImageId]);
-    const agentImageContract = contractResult.stdout.trim();
-    if (contractResult.exitCode !== 0 || agentImageContract !== KALI_IMAGE_CONTRACT)
+    const agentImageContract = image.contract?.trim() ?? "";
+    if (agentImageContract !== KALI_IMAGE_CONTRACT)
       throw new Error(`benchmark agent image does not satisfy the current capability contract: ${agentImageContract || "missing"}`);
     const plan = buildBenchmarkDockerPlan(this.manifest, this.workspace, this.runId, agentImageId);
     this.planValue = plan;
@@ -56709,7 +57827,6 @@ class BenchmarkDockerLifecycle {
       }
       await this.requiredDocker(plan.agentStart, "start benchmark agent");
       state.started = true;
-      const processRunner = (command, args2) => this.runner(command, args2);
       return {
         backend: new KaliContainerBackend({
           workspace: this.workspace,
@@ -58161,5 +59278,5 @@ Examples:
 `);
 }
 
-//# debugId=6C2DD0A83CC2860864756E2164756E21
+//# debugId=1ABB7A88DC937DFE64756E2164756E21
 //# sourceMappingURL=index.js.map