sisyphi 1.0.10 → 1.0.12

package/dist/tui.js

@@ -128,8 +128,8 @@ var require_emoji_regex = __commonJS({
 import { render } from "ink";
 
 // src/tui/App.tsx
-import { useState as useState4, useEffect as useEffect3, useCallback as useCallback2, useMemo as useMemo6, useRef as useRef3 } from "react";
-import { Box as Box11, Text as Text11, useApp, useStdout } from "ink";
+import { useState as useState3, useEffect as useEffect3, useCallback as useCallback2, useMemo as useMemo6, useRef as useRef3 } from "react";
+import { Box as Box10, Text as Text10, useApp, useStdout, useInput as useInput4 } from "ink";
 
 // src/tui/components/SessionTree.tsx
 import { Box, Text } from "ink";
@@ -353,10 +353,49 @@ function seg(text, opts) {
 function singleLine(text, opts) {
   return [seg(text, opts)];
 }
+function messageSourceLabel(source, agentId) {
+  if (source === "user") return "You";
+  if (source === "agent") {
+    if (!agentId) throw new Error("agentId required when source is agent");
+    return agentId;
+  }
+  return "system";
+}
+function messageSourceColor(source) {
+  if (source === "user") return "yellow";
+  if (source === "agent") return "cyan";
+  return "gray";
+}
+function reportBadge(type) {
+  return type === "final" ? { label: "FINAL", color: "cyan" } : { label: "UPDATE", color: "yellow" };
+}
+function agentDisplayName(agent) {
+  return agent.name !== agent.id ? agent.name : agent.agentType;
+}
+function modeColor(mode) {
+  if (mode === "planning") return "blue";
+  if (mode === "implementation") return "green";
+  return "cyan";
+}
+function mergeStatusDisplay(status) {
+  switch (status) {
+    case "merged":
+      return { icon: "\u2295", label: "merged", color: "green" };
+    case "pending":
+      return { icon: "\u25CC", label: "pending", color: "yellow" };
+    case "no-changes":
+      return { icon: "\u2205", label: "no changes", color: "gray" };
+    case "conflict":
+      return { icon: "\u26A0", label: "conflict", color: "red" };
+    default:
+      return null;
+  }
+}
 function wrapText(text, width) {
-  if (width <= 0) return text.split("\n");
+  const cleaned = cleanMarkdown(text);
+  if (width <= 0) return cleaned.split("\n");
   const result = [];
-  for (const rawLine of text.split("\n")) {
+  for (const rawLine of cleaned.split("\n")) {
     if (stringWidth(rawLine) <= width) {
       result.push(rawLine);
       continue;
@@ -493,7 +532,7 @@ function renderNodeContent(node, maxWidth) {
       const dur = formatDuration(node.spawnedAt, node.completedAt);
       const durClr = durationColor(node.spawnedAt, node.completedAt) || void 0;
       const dim = node.status === "completed";
-      const displayName = node.name !== node.agentId ? node.name : node.agentType;
+      const displayName = agentDisplayName({ name: node.name, id: node.agentId, agentType: node.agentType });
       const maxLabel = Math.max(8, maxWidth - dur.length - 4);
       return {
         icon,
@@ -702,14 +741,14 @@ function buildLines(session, planContent, goalContent, _logsContent, width, pane
   const elapsed = formatDuration(session.createdAt, session.completedAt);
   const activeMs = computeActiveTimeMs(session);
   const activeTime = formatDuration(activeMs);
-  const modeColor = mode === "planning" ? "blue" : mode === "implementation" ? "green" : "cyan";
+  const modeLabelColor = modeColor(mode);
   lines.push([
     seg("  "),
     seg(isDead ? "\u2715 dead" : session.status, {
       color: statusColor(isDead ? "crashed" : session.status)
     }),
     seg(` \xB7 cycle ${cycleNum}`, { dim: true }),
-    ...mode ? [seg(" (", { dim: true }), seg(mode, { color: modeColor }), seg(")", { dim: true })] : [],
+    ...mode ? [seg(" (", { dim: true }), seg(mode, { color: modeLabelColor }), seg(")", { dim: true })] : [],
     seg(` \xB7 ${elapsed} \xB7 `, { dim: true }),
     seg(`${runningAgents} running`, { color: "green" }),
     seg(" \xB7 ", { dim: true }),
@@ -752,7 +791,7 @@ function buildLines(session, planContent, goalContent, _logsContent, width, pane
   if (session.status === "completed" && session.completionReport) {
     lines.push(singleLine(" "));
     lines.push([seg("  \u258E \u2713 COMPLETION", { color: "cyan", bold: true })]);
-    wrapText(cleanMarkdown(session.completionReport), contentWidth - 6).forEach(
+    wrapText(session.completionReport, contentWidth - 6).forEach(
       (l) => {
         lines.push(singleLine(`    ${l}`, { dim: true }));
       }
@@ -765,8 +804,9 @@ function buildLines(session, planContent, goalContent, _logsContent, width, pane
   ]);
   const pushMsgLine = (msg, connector) => {
     const time = formatTime(msg.timestamp);
-    const label = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "\u2699 system";
-    const labelColor = msg.source.type === "user" ? "yellow" : msg.source.type === "agent" ? "cyan" : "gray";
+    const agentId = msg.source.type === "agent" ? msg.source.agentId : void 0;
+    const label = messageSourceLabel(msg.source.type, agentId);
+    const labelColor = messageSourceColor(msg.source.type);
     const maxContent = Math.max(10, contentWidth - label.length - 18);
     lines.push([
       seg(`    ${connector} `, { dim: true }),
@@ -799,7 +839,7 @@ function buildLines(session, planContent, goalContent, _logsContent, width, pane
       const n = cycle.agentsSpawned.length;
       const startTime = formatTime(cycle.timestamp);
       const modeLabel = cycle.mode ? cycle.mode === "implementation" ? "impl" : cycle.mode === "planning" ? "plan" : cycle.mode : "";
-      const cycModeColor = cycle.mode === "planning" ? "blue" : cycle.mode === "implementation" ? "green" : "cyan";
+      const cycModeColor = modeColor(cycle.mode);
       const cycleAgents = agents.filter((a) => cycle.agentsSpawned.includes(a.id));
       const cyclePad = `C${cycle.cycle}`.padEnd(4);
       const durPad = (isRunning ? "running" : duration).padEnd(9);
@@ -969,7 +1009,7 @@ function buildLines3(cycle, agents, width) {
     ...cycle.mode ? [
       seg(" \xB7 ", { dim: true }),
       seg(cycle.mode, {
-        color: cycle.mode === "planning" ? "blue" : cycle.mode === "implementation" ? "green" : "cyan"
+        color: modeColor(cycle.mode)
       })
     ] : []
   ]);
@@ -983,7 +1023,7 @@ function buildLines3(cycle, agents, width) {
     lines.push(singleLine("    orchestrator spawning agents\u2026", { dim: true, italic: true }));
   } else {
     for (const agent of cycleAgents) {
-      const nameLabel = agent.name !== agent.id ? agent.name : agent.agentType;
+      const nameLabel = agentDisplayName(agent);
       const instrPreview = agent.instruction.split("\n")[0] || "";
       const latestReport = agent.reports.length > 0 ? agent.reports[agent.reports.length - 1] : null;
       const reportSummary = latestReport && agent.status === "completed" ? extractFirstSentence(latestReport.summary, contentWidth - 14) : null;
@@ -1047,38 +1087,19 @@ function buildLines4(agent, reportBlocks, width) {
   const dur = formatDuration(agent.spawnedAt, agent.completedAt);
   const icon = agentStatusIcon(agent.status);
   const color = statusColor(agent.status);
-  const nameLabel = agent.name !== agent.id ? agent.name : agent.agentType;
+  const nameLabel = agentDisplayName(agent);
   const maxMergeLines = 3;
   lines.push([
     seg(" "),
     seg(icon, { color }),
     seg(` ${agent.id} \xB7 ${nameLabel}`, { bold: true })
   ]);
-  const mergeSegs = [];
-  if (agent.mergeStatus) {
-    mergeSegs.push(seg(" \xB7 ", { dim: true }));
-    switch (agent.mergeStatus) {
-      case "merged":
-        mergeSegs.push(seg("\u2295 merged", { color: "green" }));
-        break;
-      case "pending":
-        mergeSegs.push(seg("\u25CC pending", { color: "yellow" }));
-        break;
-      case "no-changes":
-        mergeSegs.push(seg("\u2205 no changes", { color: "gray" }));
-        break;
-      case "conflict":
-        mergeSegs.push(seg("\u26A0 conflict", { color: "red" }));
-        break;
-      default:
-        mergeSegs.push(seg(agent.mergeStatus, { dim: true }));
-    }
-  }
+  const merge = agent.mergeStatus ? mergeStatusDisplay(agent.mergeStatus) : null;
   lines.push([
     seg("  "),
     seg(agent.status, { color }),
     seg(` \xB7 ${dur} \xB7 ${agent.agentType}`, { dim: true }),
-    ...mergeSegs
+    ...merge ? [seg(" \xB7 ", { dim: true }), seg(`${merge.icon} ${merge.label}`, { color: merge.color })] : agent.mergeStatus ? [seg(" \xB7 ", { dim: true }), seg(agent.mergeStatus, { dim: true })] : []
   ]);
   if (agent.killedReason) {
     lines.push(singleLine(`  \u26A0 ${agent.killedReason}`, { color: "red" }));
@@ -1103,22 +1124,20 @@ function buildLines4(agent, reportBlocks, width) {
     if (hasResolved) {
       for (let i = 0; i < reportBlocks.length; i++) {
         const block = reportBlocks[i];
-        const badge = block.type === "final" ? "FINAL" : "UPDATE";
-        const badgeColor = block.type === "final" ? "cyan" : "yellow";
+        const { label: badge, color: badgeColor } = reportBadge(block.type);
         if (i > 0) lines.push(singleLine(" "));
         lines.push([
           seg("    "),
           seg(badge, { color: badgeColor, bold: block.type === "final" }),
           seg(` ${formatTime(block.timestamp)}`, { dim: true })
         ]);
-        for (const wl of wrapText(cleanMarkdown(block.content.trim()), contentWidth - 10)) {
+        for (const wl of wrapText(block.content.trim(), contentWidth - 10)) {
           lines.push(singleLine(`      ${wl}`, { dim: true }));
         }
       }
     } else {
       for (const report of agent.reports) {
-        const badge = report.type === "final" ? "FINAL" : "UPDATE";
-        const badgeColor = report.type === "final" ? "cyan" : "yellow";
+        const { label: badge, color: badgeColor } = reportBadge(report.type);
         lines.push([
           seg("    "),
           seg(badge, { color: badgeColor, bold: report.type === "final" }),
@@ -1162,142 +1181,81 @@ function AgentDetail({ agent, reportBlocks, width, height, scrollOffset = 0, foc
 }
 
 // src/tui/components/ReportView.tsx
-import { useState, useMemo as useMemo5 } from "react";
-import { Box as Box6, Text as Text6, useInput } from "ink";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-function ReportView({ agent, reportBlocks, width, height, onClose }) {
-  const [scrollOffset, setScrollOffset] = useState(0);
+import { useMemo as useMemo5 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function buildLines5(agent, reportBlocks, width) {
+  const lines = [];
   const contentWidth = width - 6;
-  const lines = useMemo5(() => {
-    const lines2 = [];
-    if (reportBlocks.length === 0) {
-      lines2.push({ text: "", dim: true });
-      lines2.push({ text: "  No reports submitted yet.", dim: true });
-      lines2.push({ text: "", dim: true });
-      return lines2;
-    }
-    for (let i = 0; i < reportBlocks.length; i++) {
-      const report = reportBlocks[i];
-      const time = formatTime(report.timestamp);
-      if (i > 0) {
-        lines2.push({ text: "" });
-        lines2.push({ text: `  ${divider(contentWidth - 2, "\xB7")}`, dim: true });
-        lines2.push({ text: "" });
-      }
-      const badge = report.type === "final" ? "FINAL" : "UPDATE";
-      const badgeColor = report.type === "final" ? "cyan" : "yellow";
-      lines2.push({
-        text: `  ${badge}  ${time}`,
-        color: badgeColor,
-        bold: report.type === "final"
-      });
-      lines2.push({ text: "" });
-      const wrapped = wrapText(report.content.trim(), contentWidth - 4);
-      for (const line of wrapped) {
-        lines2.push({ text: `    ${line}` });
-      }
-    }
-    lines2.push({ text: "" });
-    return lines2;
-  }, [reportBlocks, contentWidth]);
-  const viewableHeight = height - 7;
-  const maxScroll = Math.max(0, lines.length - viewableHeight);
-  useInput((input, key) => {
-    if (key.escape || key.return) {
-      onClose();
-      return;
-    }
-    if (key.upArrow) {
-      setScrollOffset((o) => Math.max(0, o - 1));
-      return;
-    }
-    if (key.downArrow) {
-      setScrollOffset((o) => Math.min(maxScroll, o + 1));
-      return;
-    }
-    if (input === "[" || key.upArrow && key.shift) {
-      setScrollOffset((o) => Math.max(0, o - Math.floor(viewableHeight / 2)));
-      return;
-    }
-    if (input === "]" || key.downArrow && key.shift) {
-      setScrollOffset((o) => Math.min(maxScroll, o + Math.floor(viewableHeight / 2)));
-      return;
-    }
-  });
-  const visible = lines.slice(scrollOffset, scrollOffset + viewableHeight);
-  const scrollPct = maxScroll > 0 ? Math.round(scrollOffset / maxScroll * 100) : 100;
-  const totalReports = agent.reports.length;
+  const dur = formatDuration(agent.spawnedAt, agent.completedAt);
   const icon = agentStatusIcon(agent.status);
   const color = statusColor(agent.status);
-  const dur = formatDuration(agent.spawnedAt, agent.completedAt);
-  return /* @__PURE__ */ jsxs3(
-    Box6,
+  const totalReports = agent.reports.length;
+  const nameLabel = agentDisplayName(agent);
+  lines.push([
+    seg(" "),
+    seg(icon, { color }),
+    seg(" "),
+    seg(agent.id, { bold: true }),
+    seg(" ", { dim: true }),
+    seg("\xB7", { dim: true }),
+    seg(" "),
+    seg(nameLabel, { bold: true })
+  ]);
+  lines.push(singleLine(
+    `  ${agent.status} \xB7 ${dur} \xB7 ${agent.agentType} \xB7 ${totalReports} report${totalReports !== 1 ? "s" : ""}`,
+    { dim: true }
+  ));
+  lines.push(singleLine("  " + divider(contentWidth - 2), { dim: true }));
+  if (reportBlocks.length === 0) {
+    lines.push(singleLine(""));
+    lines.push(singleLine("  No reports submitted yet.", { dim: true }));
+    lines.push(singleLine(""));
+    return lines;
+  }
+  for (let i = 0; i < reportBlocks.length; i++) {
+    const report = reportBlocks[i];
+    const time = formatTime(report.timestamp);
+    if (i > 0) {
+      lines.push(singleLine(""));
+      lines.push(singleLine(`  ${divider(contentWidth - 2, "\xB7")}`, { dim: true }));
+      lines.push(singleLine(""));
+    }
+    const { label: badge, color: badgeColor } = reportBadge(report.type);
+    lines.push([
+      seg(`  ${badge}`, { color: badgeColor, bold: report.type === "final" }),
+      seg(`  ${time}`, { color: badgeColor })
+    ]);
+    lines.push(singleLine(""));
+    const wrapped = wrapText(report.content.trim(), contentWidth - 4);
+    for (const line of wrapped) {
+      lines.push(singleLine(`    ${line}`));
+    }
+  }
+  lines.push(singleLine(""));
+  return lines;
+}
+function ReportView({ agent, reportBlocks, width, height, scrollOffset = 0, focused = false }) {
+  const lines = useMemo5(
+    () => buildLines5(agent, reportBlocks, width),
+    [agent, reportBlocks, width]
+  );
+  return /* @__PURE__ */ jsx8(
+    ScrollablePanel,
     {
-      flexDirection: "column",
+      lines,
       width,
       height,
-      borderStyle: "round",
-      borderColor: "cyan",
-      paddingX: 1,
-      children: [
-        /* @__PURE__ */ jsxs3(Text6, { bold: true, children: [
-          " ",
-          /* @__PURE__ */ jsx8(Text6, { color, children: icon }),
-          " ",
-          agent.id,
-          " ",
-          /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "\xB7" }),
-          " ",
-          agent.name !== agent.id ? agent.name : agent.agentType
-        ] }),
-        /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
-          "  ",
-          agent.status,
-          " \xB7 ",
-          dur,
-          " \xB7 ",
-          agent.agentType,
-          " \xB7 ",
-          totalReports,
-          " report",
-          totalReports !== 1 ? "s" : ""
-        ] }),
-        /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
-        /* @__PURE__ */ jsx8(Box6, { flexDirection: "column", flexGrow: 1, children: visible.map((line, i) => /* @__PURE__ */ jsx8(
-          Text6,
-          {
-            color: line.color,
-            bold: line.bold,
-            dimColor: line.dim,
-            children: line.text
-          },
-          i
-        )) }),
-        /* @__PURE__ */ jsx8(Text6, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
-        /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
-          "  ",
-          "[esc] back  [\u2191\u2193] scroll  [",
-          "] page",
-          "  ",
-          /* @__PURE__ */ jsxs3(Text6, { children: [
-            scrollPct,
-            "%"
-          ] }),
-          maxScroll > 0 && /* @__PURE__ */ jsxs3(Text6, { dimColor: true, children: [
-            " \xB7 ",
-            lines.length,
-            " lines"
-          ] })
-        ] })
-      ]
+      scrollOffset,
+      focused,
+      borderColor: "cyan"
     }
   );
 }
 
 // src/tui/components/InputBar.tsx
-import { useState as useState2, useEffect, useRef } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Box as Box6, Text as Text6, useInput } from "ink";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var INPUT_MODES = /* @__PURE__ */ new Set([
   "resume",
   "continue",
@@ -1320,8 +1278,8 @@ var PROMPTS = {
 };
 var OPTIONAL_INPUT = /* @__PURE__ */ new Set(["resume", "continue", "search"]);
 function InputBar({ mode, defaultText, onSubmit, onCancel }) {
-  const [text, setText] = useState2("");
-  const [cursorPos, setCursorPos] = useState2(0);
+  const [text, setText] = useState("");
+  const [cursorPos, setCursorPos] = useState(0);
   const prevMode = useRef(mode);
   useEffect(() => {
     if (mode !== prevMode.current) {
@@ -1335,7 +1293,7 @@ function InputBar({ mode, defaultText, onSubmit, onCancel }) {
     }
     prevMode.current = mode;
   }, [mode, defaultText]);
-  useInput2(
+  useInput(
     (input, key) => {
       if (key.return) {
         if (OPTIONAL_INPUT.has(mode) || text.trim()) {
@@ -1391,163 +1349,163 @@ function InputBar({ mode, defaultText, onSubmit, onCancel }) {
     { isActive: INPUT_MODES.has(mode) }
   );
   if (mode === "navigate") {
-    return /* @__PURE__ */ jsx9(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "Press [m] to message orchestrator, [n] for new session" }) });
+    return /* @__PURE__ */ jsx9(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text6, { dimColor: true, children: "Press [m] to message orchestrator, [n] for new session" }) });
   }
   if (mode === "report-detail" || mode === "leader" || mode === "copy-menu" || mode === "help" || !INPUT_MODES.has(mode)) {
     return null;
   }
   const prompt = PROMPTS[mode] ?? mode;
-  return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
-    /* @__PURE__ */ jsxs4(Text7, { color: "yellow", children: [
+  return /* @__PURE__ */ jsxs3(Box6, { paddingX: 1, children: [
+    /* @__PURE__ */ jsxs3(Text6, { color: "yellow", children: [
       prompt,
       " > "
     ] }),
-    /* @__PURE__ */ jsx9(Text7, { children: text.slice(0, cursorPos) }),
-    /* @__PURE__ */ jsx9(Text7, { inverse: true, children: cursorPos < text.length ? text[cursorPos] : " " }),
-    /* @__PURE__ */ jsx9(Text7, { children: text.slice(cursorPos + 1) }),
-    /* @__PURE__ */ jsx9(Text7, { dimColor: true, children: "  (enter to send, esc to cancel)" })
+    /* @__PURE__ */ jsx9(Text6, { children: text.slice(0, cursorPos) }),
+    /* @__PURE__ */ jsx9(Text6, { inverse: true, children: cursorPos < text.length ? text[cursorPos] : " " }),
+    /* @__PURE__ */ jsx9(Text6, { children: text.slice(cursorPos + 1) }),
+    /* @__PURE__ */ jsx9(Text6, { dimColor: true, children: "  (enter to send, esc to cancel)" })
   ] });
 }
 
 // src/tui/components/StatusLine.tsx
-import { Box as Box8, Text as Text8 } from "ink";
-import { Fragment, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text7 } from "ink";
+import { Fragment, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function StatusLine({ mode, detailFocused = false, logsFocused = false, showLogs = false, cursorNodeType }) {
   if (mode === "report-detail") {
     return null;
   }
   if (mode === "leader") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "magenta", bold: true, children: "LEADER" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  press a command key or [esc] to cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "magenta", bold: true, children: "LEADER" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  press a command key or [esc] to cancel" })
     ] });
   }
   if (mode === "copy-menu") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "cyan", bold: true, children: "COPY" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  [p] path  [C] context  [l] logs  [s] session ID  [esc] cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "cyan", bold: true, children: "COPY" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  [p] path  [C] context  [l] logs  [s] session ID  [esc] cancel" })
     ] });
   }
   if (mode === "help") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "yellow", bold: true, children: "HELP" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  [esc] or [?] to dismiss" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "yellow", bold: true, children: "HELP" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  [esc] or [?] to dismiss" })
     ] });
   }
   if (mode === "delete-confirm") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "red", bold: true, children: "DELETE" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  type 'yes' to confirm, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "red", bold: true, children: "DELETE" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  type 'yes' to confirm, [esc] to cancel" })
     ] });
   }
   if (mode === "spawn-agent") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "green", bold: true, children: "SPAWN" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  enter agent instruction, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "green", bold: true, children: "SPAWN" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  enter agent instruction, [esc] to cancel" })
     ] });
   }
   if (mode === "search") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "blue", bold: true, children: "SEARCH" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  type to filter, enter to apply, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "blue", bold: true, children: "SEARCH" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  type to filter, enter to apply, [esc] to cancel" })
     ] });
   }
   if (mode === "message-agent") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "cyan", bold: true, children: "MESSAGE" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  enter message for agent, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "cyan", bold: true, children: "MESSAGE" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  enter message for agent, [esc] to cancel" })
     ] });
   }
   if (mode === "shell-command") {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { color: "magenta", bold: true, children: "SHELL" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "  enter command, [esc] to cancel" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { color: "magenta", bold: true, children: "SHELL" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "  enter command, [esc] to cancel" })
     ] });
   }
   if (mode !== "navigate") {
-    return /* @__PURE__ */ jsx10(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "[enter] send  [esc] cancel" }) });
+    return /* @__PURE__ */ jsx10(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "[enter] send  [esc] cancel" }) });
   }
   if (logsFocused) {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[jk/\u2191\u2193]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " scroll  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[h/\u2190/tab]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " back  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[t]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oggle logs  " }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[m]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "sg  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[g]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oal  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[n]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "ew  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[p]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "lan  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[w]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "indow  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[R]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "esume  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[q]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "uit" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[jk/\u2191\u2193]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " scroll  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[h/\u2190/tab]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " back  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[t]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "oggle logs  " }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "\u2502 " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[m]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "sg  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[g]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "oal  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[n]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "ew  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[p]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "lan  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[w]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "indow  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "esume  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[q]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "uit" })
     ] });
   }
   if (detailFocused) {
-    return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[jk/\u2191\u2193]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " scroll  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[h/\u2190/tab]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " back  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[t]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oggle logs  " }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[m]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "sg  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[g]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oal  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[n]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "ew  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[p]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "lan  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[w]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "indow  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[R]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "esume  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[q]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "uit" })
+    return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[jk/\u2191\u2193]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " scroll  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[h/\u2190/tab]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " back  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[t]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "oggle logs  " }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "\u2502 " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[m]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "sg  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[g]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "oal  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[n]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "ew  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[p]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "lan  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[w]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "indow  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "esume  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[q]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "uit" })
     ] });
   }
-  return /* @__PURE__ */ jsxs5(Box8, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[hjkl]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " navigate  " }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
-    cursorNodeType === "context-file" && /* @__PURE__ */ jsxs5(Fragment, { children: [
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[e]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "dit  " }),
-      /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[\u23CE]" }),
-      /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " open  " })
+  return /* @__PURE__ */ jsxs4(Box7, { paddingX: 1, children: [
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[hjkl]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " navigate  " }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "\u2502 " }),
+    cursorNodeType === "context-file" && /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[e]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "dit  " }),
+      /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[\u23CE]" }),
+      /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " open  " })
     ] }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[space]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " leader  " }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[tab]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: " detail  " }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[t]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "oggle logs  " }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "\u2502 " }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[m]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "sg  " }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[n]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "ew  " }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[R]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "esume  " }),
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "[q]" }),
-    /* @__PURE__ */ jsx10(Text8, { dimColor: true, children: "uit" })
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[space]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " leader  " }),
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[tab]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: " detail  " }),
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[t]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "oggle logs  " }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "\u2502 " }),
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[m]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "sg  " }),
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[n]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "ew  " }),
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[R]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "esume  " }),
+    /* @__PURE__ */ jsx10(Text7, { bold: true, children: "[q]" }),
+    /* @__PURE__ */ jsx10(Text7, { dimColor: true, children: "uit" })
   ] });
 }
 
 // src/tui/components/LeaderOverlay.tsx
-import { Box as Box9, Text as Text9 } from "ink";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var LEADER_WIDTH = 26;
 var LEADER_HEIGHT = 19;
 var COPY_HEIGHT = 9;
@@ -1557,8 +1515,8 @@ function pad(s) {
 }
 function LeaderOverlay({ mode, rows, cols }) {
   if (mode === "leader") {
-    return /* @__PURE__ */ jsxs6(
-      Box9,
+    return /* @__PURE__ */ jsxs5(
+      Box8,
       {
         position: "absolute",
         marginTop: rows - LEADER_HEIGHT - 2,
@@ -1568,30 +1526,30 @@ function LeaderOverlay({ mode, rows, cols }) {
         borderStyle: "round",
         borderColor: "magenta",
         children: [
-          /* @__PURE__ */ jsx11(Text9, { bold: true, color: "magenta", children: pad("  LEADER") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad(" ") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  y  copy menu") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  d  delete session") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  l  daemon logs") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  o  open session dir") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  a  spawn agent") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  m  message agent") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  /  search") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  !  shell command") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  j  jump to pane") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  k  kill session/agent") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  q  quit") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  ?  help") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad(" 1-9  jump to session") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad(" ") }),
-          /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: pad("  esc  dismiss") })
+          /* @__PURE__ */ jsx11(Text8, { bold: true, color: "magenta", children: pad("  LEADER") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  y  copy menu") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  d  delete session") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  l  daemon logs") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  o  open session dir") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  a  spawn agent") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  m  message agent") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  /  search") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  !  shell command") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  j  jump to pane") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  k  kill session/agent") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  q  quit") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  ?  help") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad(" 1-9  jump to session") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text8, { dimColor: true, children: pad("  esc  dismiss") })
         ]
       }
     );
   }
   if (mode === "copy-menu") {
-    return /* @__PURE__ */ jsxs6(
-      Box9,
+    return /* @__PURE__ */ jsxs5(
+      Box8,
       {
         position: "absolute",
         marginTop: rows - COPY_HEIGHT - 2,
@@ -1601,13 +1559,13 @@ function LeaderOverlay({ mode, rows, cols }) {
         borderStyle: "round",
         borderColor: "cyan",
         children: [
-          /* @__PURE__ */ jsx11(Text9, { bold: true, color: "cyan", children: pad("  COPY") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad(" ") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  p  session path") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  C  LLM context") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  l  logs content") }),
-          /* @__PURE__ */ jsx11(Text9, { children: pad("  s  session ID") }),
-          /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: pad("  esc  cancel") })
+          /* @__PURE__ */ jsx11(Text8, { bold: true, color: "cyan", children: pad("  COPY") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  p  session path") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  C  LLM context") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  l  logs content") }),
+          /* @__PURE__ */ jsx11(Text8, { children: pad("  s  session ID") }),
+          /* @__PURE__ */ jsx11(Text8, { dimColor: true, children: pad("  esc  cancel") })
         ]
       }
     );
@@ -1616,8 +1574,8 @@ function LeaderOverlay({ mode, rows, cols }) {
 }
 
 // src/tui/components/HelpOverlay.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9 } from "ink";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var HELP_WIDTH = 62;
 var INNER2 = HELP_WIDTH - 2;
 function pad2(s) {
@@ -1652,8 +1610,8 @@ function HelpOverlay({ mode, rows, cols }) {
     row("  y \u2192 l  logs content", "  y \u2192 s  session ID")
   ];
   const overlayHeight = Math.min(lines.length + 4, rows - 2);
-  return /* @__PURE__ */ jsxs7(
-    Box10,
+  return /* @__PURE__ */ jsxs6(
+    Box9,
     {
       position: "absolute",
       marginTop: Math.max(0, Math.floor((rows - overlayHeight) / 2)),
@@ -1663,20 +1621,20 @@ function HelpOverlay({ mode, rows, cols }) {
       borderStyle: "round",
       borderColor: "yellow",
       children: [
-        /* @__PURE__ */ jsx12(Text10, { bold: true, color: "yellow", children: pad2("  KEYBINDINGS  (esc or ? to close)") }),
-        /* @__PURE__ */ jsx12(Text10, { children: pad2(" ") }),
+        /* @__PURE__ */ jsx12(Text9, { bold: true, color: "yellow", children: pad2("  KEYBINDINGS  (esc or ? to close)") }),
+        /* @__PURE__ */ jsx12(Text9, { children: pad2(" ") }),
         lines.map((line, i) => {
-          if (line === "") return /* @__PURE__ */ jsx12(Text10, { children: pad2(" ") }, i);
-          return /* @__PURE__ */ jsx12(Text10, { children: pad2(line) }, i);
+          if (line === "") return /* @__PURE__ */ jsx12(Text9, { children: pad2(" ") }, i);
+          return /* @__PURE__ */ jsx12(Text9, { children: pad2(line) }, i);
         }),
-        /* @__PURE__ */ jsx12(Text10, { children: pad2(" ") })
+        /* @__PURE__ */ jsx12(Text9, { children: pad2(" ") })
       ]
     }
   );
 }
 
 // src/tui/hooks/usePolling.ts
-import { useState as useState3, useEffect as useEffect2, useRef as useRef2, useCallback } from "react";
+import { useState as useState2, useEffect as useEffect2, useRef as useRef2, useCallback } from "react";
 
 // src/tui/lib/client.ts
 function send(request) {
@@ -1783,7 +1741,7 @@ function openEditorPopup(cwd2, editor, filePath, size) {
 
 // src/tui/hooks/usePolling.ts
 function usePolling(cwd2, selectedSessionId, intervalMs = 2500) {
-  const [state, setState] = useState3({
+  const [state, setState] = useState2({
     sessions: [],
     selectedSession: null,
     planContent: "",
@@ -1894,9 +1852,9 @@ function usePolling(cwd2, selectedSessionId, intervalMs = 2500) {
 }
 
 // src/tui/hooks/useKeybindings.ts
-import { useInput as useInput3 } from "ink";
+import { useInput as useInput2 } from "ink";
 function useKeybindings(handlers, isActive) {
-  useInput3(
+  useInput2(
     (input, key) => {
       if (key.upArrow) {
         handlers.onMoveUp();
@@ -2004,9 +1962,9 @@ function useKeybindings(handlers, isActive) {
 }
 
 // src/tui/hooks/useLeaderKey.ts
-import { useInput as useInput4 } from "ink";
+import { useInput as useInput3 } from "ink";
 function useLeaderKey(mode, onAction) {
-  useInput4(
+  useInput3(
     (input, key) => {
       if (key.escape) {
         onAction({ type: "dismiss" });
@@ -2069,7 +2027,7 @@ function useLeaderKey(mode, onAction) {
     },
     { isActive: mode === "leader" }
   );
-  useInput4(
+  useInput3(
     (input, key) => {
       if (key.escape) {
         onAction({ type: "dismiss" });
@@ -2095,7 +2053,7 @@ function useLeaderKey(mode, onAction) {
     },
     { isActive: mode === "copy-menu" }
   );
-  useInput4(
+  useInput3(
     (input, key) => {
       if (key.escape || input === "?") {
         onAction({ type: "dismiss" });
@@ -2225,7 +2183,8 @@ function buildTree(sessions, selectedSession, expanded, cwd2, polledContextFiles
       });
       if (msgsExpanded) {
         for (const msg of messages) {
-          const sourceLabel = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "system";
+          const agentId = msg.source.type === "agent" ? msg.source.agentId : void 0;
+          const sourceLabel = messageSourceLabel(msg.source.type, agentId);
           nodes.push({
             id: `message:${s.id}:${msg.id}`,
             type: "message",
@@ -2283,7 +2242,7 @@ function findParentIndex(nodes, index) {
 
 // src/tui/App.tsx
 import { readFileSync as readFileSync3, existsSync as existsSync3 } from "fs";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function resolveEditor(configEditor) {
   if (configEditor) return configEditor;
   if (process.env.EDITOR) return process.env.EDITOR;
@@ -2295,17 +2254,17 @@ function App({ cwd: cwd2 }) {
   const rows = stdout.rows || 24;
   const cols = stdout.columns || 80;
   const config = loadConfig(cwd2);
-  const [cursorIndex, setCursorIndex] = useState4(0);
-  const [expanded, setExpanded] = useState4(/* @__PURE__ */ new Set());
-  const [mode, setMode] = useState4("navigate");
-  const [notification, setNotification] = useState4(null);
-  const [selectedSessionId, setSelectedSessionId] = useState4(null);
-  const [detailScrollOffset, setDetailScrollOffset] = useState4(0);
-  const [logsScrollOffset, setLogsScrollOffset] = useState4(0);
-  const [showLogs, setShowLogs] = useState4(false);
-  const [focusPane, setFocusPane] = useState4("tree");
-  const [searchFilter, setSearchFilter] = useState4(null);
-  const [targetAgentId, setTargetAgentId] = useState4(null);
+  const [cursorIndex, setCursorIndex] = useState3(0);
+  const [expanded, setExpanded] = useState3(/* @__PURE__ */ new Set());
+  const [mode, setMode] = useState3("navigate");
+  const [notification, setNotification] = useState3(null);
+  const [selectedSessionId, setSelectedSessionId] = useState3(null);
+  const [detailScrollOffset, setDetailScrollOffset] = useState3(0);
+  const [logsScrollOffset, setLogsScrollOffset] = useState3(0);
+  const [showLogs, setShowLogs] = useState3(false);
+  const [focusPane, setFocusPane] = useState3("tree");
+  const [searchFilter, setSearchFilter] = useState3(null);
+  const [targetAgentId, setTargetAgentId] = useState3(null);
   const cursorNodeIdRef = useRef3(null);
   const prevNodesRef = useRef3([]);
   const { sessions, selectedSession, planContent, goalContent, logsContent, logsCycles, paneAlive, contextFiles, error } = usePolling(cwd2, selectedSessionId);
@@ -2458,6 +2417,15 @@ function App({ cwd: cwd2 }) {
   const detailWidth = showLogs ? Math.floor(remainingWidth * 0.6) : remainingWidth;
   const logsWidth = showLogs ? remainingWidth - detailWidth : 0;
   const contentHeight = rows - 3;
+  const expandSessionLatestCycle = (node) => {
+    if (node.type === "session" && selectedSession?.id === node.sessionId) {
+      const cycles = selectedSession.orchestratorCycles;
+      if (cycles.length > 0) {
+        const latest = cycles[cycles.length - 1];
+        expandNode(`cycle:${node.sessionId}:${latest.cycle}`);
+      }
+    }
+  };
   useKeybindings(
     {
       onMoveUp: () => {
@@ -2501,13 +2469,7 @@ function App({ cwd: cwd2 }) {
         if (!node) return;
         if (node.expandable && !node.expanded) {
           expandNode(node.id);
-          if (node.type === "session" && selectedSession?.id === node.sessionId) {
-            const cycles = selectedSession.orchestratorCycles;
-            if (cycles.length > 0) {
-              const latest = cycles[cycles.length - 1];
-              expandNode(`cycle:${node.sessionId}:${latest.cycle}`);
-            }
-          }
+          expandSessionLatestCycle(node);
         } else if (node.expandable && node.expanded) {
           if (cursorIndex + 1 < nodes.length && nodes[cursorIndex + 1].depth > node.depth) {
             setCursorIndex(cursorIndex + 1);
@@ -2538,13 +2500,7 @@ function App({ cwd: cwd2 }) {
         if (!node) return;
         if (node.expandable && !node.expanded) {
           expandNode(node.id);
-          if (node.type === "session" && selectedSession?.id === node.sessionId) {
-            const cycles = selectedSession.orchestratorCycles;
-            if (cycles.length > 0) {
-              const latest = cycles[cycles.length - 1];
-              expandNode(`cycle:${node.sessionId}:${latest.cycle}`);
-            }
-          }
+          expandSessionLatestCycle(node);
         } else if (node.type === "report") {
           setMode("report-detail");
         } else if (node.type === "context-file") {
@@ -2715,6 +2671,23 @@ function App({ cwd: cwd2 }) {
     },
     mode === "navigate"
   );
+  useInput4(
+    (input, key) => {
+      if (key.escape || key.return) {
+        handleCancel();
+        return;
+      }
+      if (key.upArrow) {
+        setDetailScrollOffset((o) => Math.max(0, o - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setDetailScrollOffset((o) => o + 1);
+        return;
+      }
+    },
+    { isActive: mode === "report-detail" }
+  );
   useLeaderKey(mode, (action) => {
     switch (action.type) {
       case "enter-copy-menu":
@@ -3048,7 +3021,8 @@ function App({ cwd: cwd2 }) {
             reportBlocks,
             width: detailWidth2,
             height: contentHeight2,
-            onClose: handleCancel
+            scrollOffset: detailScrollOffset,
+            focused: true
           }
         );
       }
@@ -3165,10 +3139,9 @@ function App({ cwd: cwd2 }) {
             return originalIdx === reportIdx;
           });
           if (specificBlock) {
-            const badge = specificBlock.type === "final" ? "FINAL" : "UPDATE";
-            const badgeColor = specificBlock.type === "final" ? "cyan" : "yellow";
+            const { label: badge, color: badgeColor } = reportBadge(specificBlock.type);
             const reportContentLines = [
-              [seg(" "), seg(badge, { color: badgeColor }), seg(` ${agent.id} \xB7 ${agent.name !== agent.id ? agent.name : agent.agentType}`, { bold: true })],
+              [seg(" "), seg(badge, { color: badgeColor }), seg(` ${agent.id} \xB7 ${agentDisplayName(agent)}`, { bold: true })],
               singleLine(`  ${formatTime(specificBlock.timestamp)}`, { dim: true }),
               singleLine(" "),
               [seg("  \u258E CONTENT", { color: badgeColor, bold: true })],
@@ -3207,8 +3180,9 @@ function App({ cwd: cwd2 }) {
           } else {
             for (const msg of session.messages) {
               const time = formatTime(msg.timestamp);
-              const label = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "system";
-              const labelColor = msg.source.type === "user" ? "yellow" : msg.source.type === "agent" ? "cyan" : "gray";
+              const agentId = msg.source.type === "agent" ? msg.source.agentId : void 0;
+              const label = messageSourceLabel(msg.source.type, agentId);
+              const labelColor = messageSourceColor(msg.source.type);
               const maxContent = Math.max(10, detailWidth2 - label.length - 20);
               msgsLines.push([
                 seg(`  [${time}] `, { dim: true }),
@@ -3282,7 +3256,7 @@ function App({ cwd: cwd2 }) {
           if (contextFileContent == null) {
             ctxFileLines.push(singleLine("  File not found or unreadable.", { dim: true }));
           } else {
-            const wrapped = wrapText(cleanMarkdown(stripFrontmatter(contextFileContent)), detailWidth2 - 8);
+            const wrapped = wrapText(stripFrontmatter(contextFileContent), detailWidth2 - 8);
             if (wrapped.length === 0) {
               ctxFileLines.push(singleLine("  (empty)", { dim: true }));
             } else {
@@ -3322,20 +3296,20 @@ function App({ cwd: cwd2 }) {
     [cursorNode, session, planContent, goalContent, logsContent, paneAlive, agents, mode, reportAgent, reportBlocks, detailReportBlocks, handleCancel, detailScrollOffset, focusPane, contextFiles, contextFileContent]
   );
   if (cols < 60 || rows < 12) {
-    return /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", width: cols, height: rows, justifyContent: "center", alignItems: "center", children: [
-      /* @__PURE__ */ jsx13(Text11, { color: "yellow", bold: true, children: "Terminal too small" }),
-      /* @__PURE__ */ jsxs8(Text11, { dimColor: true, children: [
+    return /* @__PURE__ */ jsxs7(Box10, { flexDirection: "column", width: cols, height: rows, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ jsx13(Text10, { color: "yellow", bold: true, children: "Terminal too small" }),
+      /* @__PURE__ */ jsxs7(Text10, { dimColor: true, children: [
         "Minimum: 60\xD712 (current: ",
         cols,
         "\xD7",
         rows,
         ")"
       ] }),
-      /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Resize your terminal and try again." })
+      /* @__PURE__ */ jsx13(Text10, { dimColor: true, children: "Resize your terminal and try again." })
     ] });
   }
-  return /* @__PURE__ */ jsxs8(Box11, { flexDirection: "column", width: cols, height: rows, children: [
-    /* @__PURE__ */ jsxs8(Box11, { flexDirection: "row", height: contentHeight, children: [
+  return /* @__PURE__ */ jsxs7(Box10, { flexDirection: "column", width: cols, height: rows, children: [
+    /* @__PURE__ */ jsxs7(Box10, { flexDirection: "row", height: contentHeight, children: [
       /* @__PURE__ */ jsx13(
         SessionTree,
         {
@@ -3358,8 +3332,8 @@ function App({ cwd: cwd2 }) {
         }
       )
     ] }),
-    notification && /* @__PURE__ */ jsx13(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text11, { color: "yellow", bold: true, children: /error|failed/i.test(notification) ? `\u2715 ${notification}` : /success|created|killed|sent|copied|deleted/i.test(notification) ? `\u2713 ${notification}` : `\u2139 ${notification}` }) }),
-    error && !notification && /* @__PURE__ */ jsx13(Box11, { paddingX: 1, children: /* @__PURE__ */ jsxs8(Text11, { color: "red", children: [
+    notification && /* @__PURE__ */ jsx13(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text10, { color: "yellow", bold: true, children: /error|failed/i.test(notification) ? `\u2715 ${notification}` : /success|created|killed|sent|copied|deleted/i.test(notification) ? `\u2713 ${notification}` : `\u2139 ${notification}` }) }),
+    error && !notification && /* @__PURE__ */ jsx13(Box10, { paddingX: 1, children: /* @__PURE__ */ jsxs7(Text10, { color: "red", children: [
       "\u26A0 ",
       error
     ] }) }),