sisyphi 0.1.21 → 0.1.23

package/dist/tui.js

@@ -0,0 +1,3236 @@
+#!/usr/bin/env node
+import {
+  loadConfig
+} from "./chunk-KQBSC5KY.js";
+import {
+  computeActiveTimeMs
+} from "./chunk-ZE2SKB4B.js";
+import {
+  globalDir,
+  goalPath,
+  logsDir,
+  roadmapPath,
+  sessionDir,
+  socketPath
+} from "./chunk-YGBGKMTF.js";
+
+// src/tui/index.tsx
+import { render } from "ink";
+
+// src/tui/App.tsx
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback2, useMemo as useMemo4, useRef as useRef3 } from "react";
+import { Box as Box13, Text as Text13, useApp, useStdout } from "ink";
+
+// src/tui/components/SessionTree.tsx
+import { Box, Text } from "ink";
+
+// src/tui/lib/tree-render.ts
+function renderTreePrefix(node, nodes, index) {
+  if (node.depth === 0) {
+    return node.expandable ? node.expanded ? "\u25BC " : "\u25B8 " : "  ";
+  }
+  const parts = [];
+  for (let d = 1; d < node.depth; d++) {
+    parts.push(isAncestorLastSibling(nodes, index, d) ? "  " : "\u2502 ");
+  }
+  parts.push(isLastSibling(nodes, index) ? "\u2514\u2500" : "\u251C\u2500");
+  if (node.expandable) {
+    parts.push(node.expanded ? "\u25BC " : "\u25B8 ");
+  } else {
+    parts.push(" ");
+  }
+  return parts.join("");
+}
+function isLastSibling(nodes, index) {
+  const depth = nodes[index].depth;
+  for (let i = index + 1; i < nodes.length; i++) {
+    if (nodes[i].depth === depth) return false;
+    if (nodes[i].depth < depth) return true;
+  }
+  return true;
+}
+function isAncestorLastSibling(nodes, index, depth) {
+  for (let i = index - 1; i >= 0; i--) {
+    if (nodes[i].depth === depth) {
+      return isLastSibling(nodes, i);
+    }
+    if (nodes[i].depth < depth) return true;
+  }
+  return true;
+}
+
+// src/tui/lib/format.ts
+function formatDuration(startOrMs, endIso) {
+  let totalMs;
+  if (typeof startOrMs === "number") {
+    totalMs = startOrMs;
+  } else {
+    const start = new Date(startOrMs).getTime();
+    const end = endIso ? new Date(endIso).getTime() : Date.now();
+    totalMs = end - start;
+  }
+  const totalSeconds = Math.floor(totalMs / 1e3);
+  if (totalSeconds < 0) return "0s";
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  if (hours > 0) return `${hours}h${minutes}m`;
+  if (minutes > 0) return `${minutes}m${seconds}s`;
+  return `${seconds}s`;
+}
+function formatTimeAgo(iso) {
+  const diff = Date.now() - new Date(iso).getTime();
+  const minutes = Math.floor(diff / 6e4);
+  const hours = Math.floor(minutes / 60);
+  if (hours > 0) return `${hours}h ago`;
+  if (minutes > 0) return `${minutes}m ago`;
+  return "just now";
+}
+function formatTime(iso) {
+  const d = new Date(iso);
+  return `${d.getHours().toString().padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}`;
+}
+function truncate(text, max) {
+  if (max < 4) return text.slice(0, max);
+  if (text.length <= max) return text;
+  const cut = text.lastIndexOf(" ", max - 1);
+  const breakAt = cut > max * 0.6 ? cut : max - 1;
+  return text.slice(0, breakAt) + "\u2026";
+}
+function stripMarkdown(text) {
+  return text.replace(/^#{1,6}\s+/gm, "").replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`{1,3}[^`]*`{1,3}/g, "").replace(/^[-*+]\s+/gm, "").replace(/^\d+[.)]\s+/gm, "").replace(/\[(.+?)\]\(.+?\)/g, "$1").replace(/^>\s+/gm, "").replace(/---+/g, "").replace(/\n+/g, " ").replace(/\s+/g, " ").trim();
+}
+function extractFirstSentence(text, maxLen) {
+  const lines = text.split("\n");
+  for (const line of lines) {
+    const trimmed = line.trim();
+    if (!trimmed) continue;
+    if (trimmed.startsWith("#")) continue;
+    if (trimmed.startsWith("---")) continue;
+    if (trimmed.startsWith("```")) continue;
+    if (trimmed.startsWith("|")) continue;
+    if (trimmed.length < 5) continue;
+    const cleaned = stripMarkdown(trimmed);
+    if (cleaned.length < 5) continue;
+    const periodIdx = cleaned.indexOf(". ");
+    if (periodIdx > 10 && periodIdx < maxLen) {
+      return cleaned.slice(0, periodIdx + 1);
+    }
+    return truncate(cleaned, maxLen);
+  }
+  const fallback = stripMarkdown(text);
+  return truncate(fallback, maxLen);
+}
+function durationColor(startOrMs, endIso) {
+  let totalMs;
+  if (typeof startOrMs === "number") {
+    totalMs = startOrMs;
+  } else {
+    const start = new Date(startOrMs).getTime();
+    const end = endIso ? new Date(endIso).getTime() : Date.now();
+    totalMs = end - start;
+  }
+  if (totalMs < 10 * 60 * 1e3) return "";
+  if (totalMs < 30 * 60 * 1e3) return "yellow";
+  return "red";
+}
+function statusColor(status) {
+  switch (status) {
+    case "active":
+    case "running":
+      return "green";
+    case "completed":
+      return "cyan";
+    case "paused":
+      return "yellow";
+    case "killed":
+    case "crashed":
+      return "red";
+    case "lost":
+      return "gray";
+    default:
+      return "white";
+  }
+}
+function statusIndicator(status) {
+  switch (status) {
+    case "active":
+      return "\u25B6";
+    case "completed":
+      return "\u2713";
+    case "paused":
+      return "\u23F8";
+    default:
+      return "\xB7";
+  }
+}
+function agentStatusIcon(status) {
+  switch (status) {
+    case "running":
+      return "\u25B6";
+    case "completed":
+      return "\u2713";
+    case "killed":
+      return "\u2715";
+    case "crashed":
+      return "!";
+    case "lost":
+      return "?";
+    default:
+      return "\xB7";
+  }
+}
+function agentTypeColor(agentType) {
+  if (!agentType) return void 0;
+  const t = agentType.toLowerCase();
+  if (t.includes("research")) return "blue";
+  if (t.includes("implement") || t.includes("code")) return "green";
+  if (t.includes("review") || t.includes("test")) return "magenta";
+  if (t.includes("plan")) return "yellow";
+  return void 0;
+}
+function divider(width, char = "\u2500") {
+  return char.repeat(Math.max(0, width));
+}
+function stripFrontmatter(content) {
+  if (!content.startsWith("---")) return content;
+  const end = content.indexOf("\n---", 3);
+  if (end === -1) return content;
+  return content.slice(end + 4).trimStart();
+}
+function cleanMarkdown(line) {
+  return line.replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/`(.+?)`/g, "$1").replace(/\[(.+?)\]\(.+?\)/g, "$1");
+}
+function wrapText(text, width) {
+  if (width <= 0) return text.split("\n");
+  const result = [];
+  for (const rawLine of text.split("\n")) {
+    if (rawLine.length <= width) {
+      result.push(rawLine);
+      continue;
+    }
+    let remaining = rawLine;
+    while (remaining.length > width) {
+      let breakAt = remaining.lastIndexOf(" ", width);
+      if (breakAt <= 0) breakAt = width;
+      result.push(remaining.slice(0, breakAt));
+      remaining = remaining.slice(breakAt).trimStart();
+    }
+    if (remaining) result.push(remaining);
+  }
+  return result;
+}
+
+// src/tui/components/SessionTree.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SessionTree({ nodes, cursorIndex, width, height, focused }) {
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        flexDirection: "column",
+        width,
+        borderStyle: "round",
+        borderColor: focused ? "yellow" : "gray",
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, children: " Sessions " }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No sessions found." }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press [n] to create one." })
+        ]
+      }
+    );
+  }
+  const maxVisible = Math.max(1, height - 3);
+  const halfVisible = Math.floor(maxVisible / 2);
+  const scrollOffset = Math.max(
+    0,
+    Math.min(cursorIndex - halfVisible, nodes.length - maxVisible)
+  );
+  const visible = nodes.slice(scrollOffset, scrollOffset + maxVisible);
+  const contentWidth = width - 4;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      width,
+      borderStyle: "round",
+      borderColor: focused ? "yellow" : "gray",
+      paddingX: 1,
+      children: [
+        scrollOffset > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "  \u2191 ",
+          scrollOffset,
+          " more"
+        ] }),
+        visible.map((node, i) => {
+          const realIdx = scrollOffset + i;
+          const isSelected = realIdx === cursorIndex;
+          const prefix = renderTreePrefix(node, nodes, realIdx);
+          const { icon, label, meta, color, dim, metaColor } = renderNodeContent(
+            node,
+            contentWidth - prefix.length
+          );
+          return /* @__PURE__ */ jsxs(Text, { inverse: isSelected && focused, bold: isSelected, children: [
+            prefix,
+            /* @__PURE__ */ jsx(Text, { color, dimColor: dim, children: icon }),
+            icon ? " " : "",
+            /* @__PURE__ */ jsx(Text, { dimColor: dim, children: label }),
+            meta ? /* @__PURE__ */ jsxs(Text, { color: metaColor, dimColor: !metaColor, children: [
+              " ",
+              meta
+            ] }) : null
+          ] }, node.id);
+        }),
+        scrollOffset + maxVisible < nodes.length && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "  \u2193 ",
+          nodes.length - scrollOffset - maxVisible,
+          " more"
+        ] })
+      ]
+    }
+  );
+}
+function renderNodeContent(node, maxWidth) {
+  switch (node.type) {
+    case "session": {
+      const icon = statusIndicator(node.status);
+      const color = statusColor(node.status);
+      const dim = node.status === "completed";
+      const cyclePart = node.cycleCount > 0 ? `C${node.cycleCount}` : "";
+      const dur = formatDuration(node.createdAt, node.completedAt);
+      const agopart = node.status === "completed" && node.completedAt ? formatTimeAgo(node.completedAt) : "";
+      const meta = [cyclePart, dur, agopart].filter(Boolean).join(" ");
+      const maxTask = Math.max(8, maxWidth - meta.length - 4);
+      return { icon, label: truncate(node.task, maxTask), meta, color, dim };
+    }
+    case "cycle": {
+      const isRunning = !node.completedAt;
+      const dur = node.completedAt ? formatDuration(node.timestamp, node.completedAt) : "running";
+      const agents = `${node.agentCount} agent${node.agentCount !== 1 ? "s" : ""}`;
+      const mode = node.mode ? ` \xB7 ${node.mode}` : "";
+      return {
+        icon: isRunning ? "\u25CF" : "\u25CB",
+        label: `C${node.cycleNumber}`,
+        meta: `${dur} \xB7 ${agents}${mode}`,
+        color: isRunning ? "green" : "gray",
+        dim: !isRunning
+      };
+    }
+    case "agent": {
+      const icon = agentStatusIcon(node.status);
+      const color = statusColor(node.status);
+      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 maxLabel = Math.max(8, maxWidth - dur.length - 4);
+      return {
+        icon,
+        label: truncate(displayName, maxLabel),
+        meta: dur,
+        color,
+        dim,
+        metaColor: durClr
+      };
+    }
+    case "report": {
+      const badge = node.reportType === "final" ? "FINAL" : "UPDATE";
+      const time = formatTime(node.timestamp);
+      return {
+        icon: node.reportType === "final" ? "\u25C6" : "\u25C7",
+        label: `${badge} ${time}`,
+        meta: "",
+        color: node.reportType === "final" ? "cyan" : "yellow",
+        dim: false
+      };
+    }
+    case "messages":
+      return {
+        icon: "\u2709",
+        label: `Messages (${node.count})`,
+        meta: "",
+        color: "yellow",
+        dim: false
+      };
+    case "message": {
+      const maxLabel = Math.max(8, maxWidth - 8);
+      return {
+        icon: "\xB7",
+        label: truncate(`${node.source}: ${node.summary}`, maxLabel),
+        meta: formatTime(node.timestamp),
+        color: "gray",
+        dim: true
+      };
+    }
+  }
+}
+
+// src/tui/components/SessionDetail.tsx
+import { useMemo } from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+
+// src/tui/components/PlanView.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function buildPlanLines(content, maxLines, width) {
+  const clean = stripFrontmatter(content);
+  if (!clean.trim()) return [];
+  const contentWidth = width - 4;
+  const lines = [];
+  const rawLines = clean.split("\n");
+  for (const rawLine of rawLines) {
+    if (lines.length >= maxLines) break;
+    const trimmed = rawLine.trim();
+    if (trimmed === "---") continue;
+    const headerMatch = rawLine.match(/^(#{1,6})\s+(.+)/);
+    if (headerMatch) {
+      const level = headerMatch[1].length;
+      const headerText = cleanMarkdown(headerMatch[2]);
+      const indent = "  ".repeat(Math.max(0, level - 1));
+      if (lines.length > 0) lines.push({ text: " " });
+      lines.push({
+        text: `    ${indent}${headerText}`,
+        bold: true,
+        color: level <= 2 ? "white" : void 0
+      });
+      continue;
+    }
+    if (!trimmed) {
+      if (lines.length > 0 && lines[lines.length - 1].text !== "") {
+        lines.push({ text: " " });
+      }
+      continue;
+    }
+    const listMatch = trimmed.match(/^(\d+)[.)]\s+(.+)/);
+    if (listMatch) {
+      const cleaned2 = `${listMatch[1]}. ${cleanMarkdown(listMatch[2])}`;
+      const wrapped2 = wrapText(cleaned2, contentWidth - 6);
+      for (const wl of wrapped2) {
+        if (lines.length >= maxLines) break;
+        lines.push({ text: `    ${wl}`, dim: true });
+      }
+      continue;
+    }
+    const checkboxMatch = trimmed.match(/^- \[( |x|X)\] (.+)/);
+    if (checkboxMatch) {
+      const checked = checkboxMatch[1] !== " ";
+      const checkboxText = cleanMarkdown(checkboxMatch[2]);
+      const icon = checked ? "\u2611" : "\u2610";
+      const wrapped2 = wrapText(`${icon} ${checkboxText}`, contentWidth - 6);
+      for (const wl of wrapped2) {
+        if (lines.length >= maxLines) break;
+        lines.push({ text: `    ${wl}`, dim: true, color: checked ? "green" : void 0 });
+      }
+      continue;
+    }
+    const bulletMatch = trimmed.match(/^[-*+]\s+(.+)/);
+    if (bulletMatch) {
+      const cleaned2 = `\xB7 ${cleanMarkdown(bulletMatch[1])}`;
+      const wrapped2 = wrapText(cleaned2, contentWidth - 6);
+      for (const wl of wrapped2) {
+        if (lines.length >= maxLines) break;
+        lines.push({ text: `    ${wl}`, dim: true });
+      }
+      continue;
+    }
+    const cleaned = cleanMarkdown(trimmed);
+    const wrapped = wrapText(cleaned, contentWidth - 4);
+    for (const wl of wrapped) {
+      if (lines.length >= maxLines) break;
+      lines.push({ text: `    ${wl}`, dim: true });
+    }
+  }
+  const totalContentLines = rawLines.filter((l) => l.trim()).length;
+  if (lines.length >= maxLines && totalContentLines > maxLines) {
+    lines[lines.length - 1] = { text: "    \u2026 [p] open in editor", dim: true };
+  }
+  return lines;
+}
+
+// src/tui/components/SessionDetail.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function seg(text, opts) {
+  return { text, ...opts };
+}
+function simple(text, opts) {
+  return [seg(text, opts)];
+}
+function buildLines(session, planContent, goalContent, logsContent, width, paneAlive) {
+  const lines = [];
+  const contentWidth = width - 4;
+  const agents = session.agents ?? [];
+  const cycles = session.orchestratorCycles ?? [];
+  const messages = session.messages ?? [];
+  const isDead = session.status === "active" && !paneAlive;
+  const conflicts = agents.filter((a) => a.mergeStatus === "conflict");
+  const goalText = goalContent ? cleanMarkdown(stripFrontmatter(goalContent).trim()) : session.task;
+  goalText.split("\n").flatMap((l) => wrapText(l, contentWidth - 2)).forEach((line, i) => {
+    lines.push(simple(`${i === 0 ? " " : "  "}${line}`, { bold: true }));
+  });
+  const lastCycle = cycles.length > 0 ? cycles[cycles.length - 1] : null;
+  const cycleNum = lastCycle?.cycle ?? 0;
+  const mode = lastCycle?.mode ?? "";
+  const runningAgents = agents.filter((a) => a.status === "running").length;
+  const completedAgents = agents.filter((a) => a.status === "completed").length;
+  const elapsed = formatDuration(session.createdAt, session.completedAt);
+  const activeMs = computeActiveTimeMs(session);
+  const activeTime = formatDuration(activeMs);
+  const modeColor = mode === "planning" ? "blue" : mode === "implementation" ? "green" : "cyan";
+  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 })] : [],
+    seg(` \xB7 ${elapsed} \xB7 `, { dim: true }),
+    seg(`${runningAgents} running`, { color: "green" }),
+    seg(" \xB7 ", { dim: true }),
+    seg(`${completedAgents} done`, { color: "cyan" }),
+    seg(` \xB7 ${activeTime} active`, { dim: true })
+  ]);
+  if (isDead) {
+    lines.push([
+      seg("  "),
+      seg(" \u2715 DEAD ", { color: "red", bold: true }),
+      seg(" tmux window closed \u2014 kill or resume", { color: "red" })
+    ]);
+  }
+  if (conflicts.length > 0) {
+    lines.push(
+      simple(
+        `  \u26A0 ${conflicts.length} merge conflict${conflicts.length > 1 ? "s" : ""}`,
+        { color: "red", bold: true }
+      )
+    );
+  }
+  lines.push(simple(" "));
+  lines.push([
+    seg("  \u258E \u25C8 PLAN", { color: "yellow", bold: true })
+  ]);
+  const planLines = buildPlanLines(planContent, 99999, width);
+  if (planLines.length === 0) {
+    lines.push(simple("    orchestrator will create one", { dim: true, italic: true }));
+  } else {
+    for (const pl of planLines) {
+      lines.push(simple(pl.text, { bold: pl.bold, dim: pl.dim, color: pl.color }));
+    }
+  }
+  if (session.status === "completed" && session.completionReport) {
+    lines.push(simple(" "));
+    lines.push([seg("  \u258E \u2713 COMPLETION", { color: "cyan", bold: true })]);
+    wrapText(cleanMarkdown(session.completionReport), contentWidth - 6).forEach(
+      (l) => {
+        lines.push(simple(`    ${l}`, { dim: true }));
+      }
+    );
+  }
+  lines.push(simple(" "));
+  lines.push([
+    seg("  \u258E \u27F3 CYCLES", { color: "blue", bold: true }),
+    seg(` (${cycles.length})`, { dim: true })
+  ]);
+  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 maxContent = Math.max(10, contentWidth - label.length - 18);
+    lines.push([
+      seg(`    ${connector} `, { dim: true }),
+      seg(`[${time}] `, { dim: true }),
+      seg(`${label} `, { color: labelColor, bold: true }),
+      seg(truncate(msg.summary || msg.content, maxContent), { dim: true })
+    ]);
+  };
+  if (cycles.length === 0) {
+    lines.push(simple("    waiting for orchestrator\u2026", { dim: true, italic: true }));
+  } else {
+    const sortedMsgs = [...messages].sort(
+      (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
+    );
+    const reversedCycles = [...cycles].reverse();
+    for (let i = 0; i < reversedCycles.length; i++) {
+      const cycle = reversedCycles[i];
+      const olderCycle = reversedCycles[i + 1];
+      const isRunning = !cycle.completedAt;
+      const isNewest = i === 0;
+      const isSecond = i === 1;
+      const dot = isRunning ? "\u25CF" : "\u25CB";
+      const dotColor = isRunning ? "green" : isNewest ? "white" : "gray";
+      const rowDim = !isRunning && !isNewest && !isSecond;
+      const duration = isRunning ? "running" : formatDuration(cycle.timestamp, cycle.completedAt);
+      const n = cycle.agentsSpawned.length;
+      const startTime = formatTime(cycle.timestamp);
+      const cycleAgents = agents.filter((a) => cycle.agentsSpawned.includes(a.id));
+      const agentDetail = cycleAgents.length === 1 ? truncate(cycleAgents[0].agentType || cycleAgents[0].name, 14) : cycleAgents.length === 2 ? cycleAgents.map((a) => truncate(a.agentType || a.name, 10)).join(" + ") : `${n} agent${n !== 1 ? "s" : ""}`;
+      const row2 = [
+        seg(`  ${dot} `, { color: dotColor }),
+        seg(`C${cycle.cycle}`, { bold: isRunning || isNewest, dim: rowDim }),
+        seg("  ", {}),
+        ...isRunning ? [seg("running", { color: "green", bold: true })] : [seg(duration, { dim: rowDim })],
+        seg("  \xB7  ", { dim: true }),
+        seg(agentDetail, { dim: rowDim }),
+        ...cycle.mode ? [seg("  \xB7  ", { dim: true }), seg(cycle.mode, { color: cycle.mode === "planning" ? "blue" : cycle.mode === "implementation" ? "green" : "cyan" })] : [],
+        seg(`  ${startTime}`, { dim: true })
+      ];
+      lines.push(row2);
+      const cycleTime = new Date(cycle.timestamp).getTime();
+      const olderCycleTime = olderCycle ? new Date(olderCycle.timestamp).getTime() : 0;
+      const cycleMsgs = sortedMsgs.filter((m) => {
+        const t = new Date(m.timestamp).getTime();
+        return t < cycleTime && t >= olderCycleTime;
+      });
+      cycleMsgs.forEach((msg, mi) => {
+        pushMsgLine(msg, mi < cycleMsgs.length - 1 ? "\u251C\u25B8" : "\u2514\u25B8");
+      });
+    }
+    const firstCycleTime = new Date(reversedCycles[reversedCycles.length - 1].timestamp).getTime();
+    const preMsgs = sortedMsgs.filter((m) => new Date(m.timestamp).getTime() < firstCycleTime);
+    preMsgs.forEach((msg, mi) => {
+      pushMsgLine(msg, mi < preMsgs.length - 1 ? "\u251C\u25B8" : "\u2514\u25B8");
+    });
+  }
+  return lines;
+}
+function SessionDetail({
+  session,
+  planContent,
+  goalContent,
+  logsContent,
+  width,
+  height,
+  paneAlive,
+  scrollOffset = 0,
+  focused = false
+}) {
+  if (!session) {
+    return /* @__PURE__ */ jsx3(
+      Box3,
+      {
+        flexDirection: "column",
+        width,
+        borderStyle: "round",
+        borderColor: "gray",
+        paddingX: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Select a session to view details" })
+      }
+    );
+  }
+  const allLines = useMemo(
+    () => buildLines(session, planContent, goalContent, logsContent, width, paneAlive),
+    [session, planContent, goalContent, logsContent, width, paneAlive]
+  );
+  const innerHeight = height - 2;
+  const hasOverflow = allLines.length > innerHeight;
+  const viewableHeight = hasOverflow ? innerHeight - 1 : innerHeight;
+  const maxScroll = Math.max(0, allLines.length - viewableHeight);
+  const effectiveOffset = Math.min(scrollOffset, maxScroll);
+  const visible = allLines.slice(effectiveOffset, effectiveOffset + viewableHeight);
+  const padCount = viewableHeight - visible.length;
+  const scrollPct = maxScroll > 0 ? Math.round(effectiveOffset / maxScroll * 100) : 100;
+  return /* @__PURE__ */ jsxs2(
+    Box3,
+    {
+      flexDirection: "column",
+      width,
+      borderStyle: "round",
+      borderColor: focused ? "blue" : "gray",
+      paddingX: 1,
+      children: [
+        visible.map((line, i) => /* @__PURE__ */ jsx3(Text3, { children: line.map((s, j) => /* @__PURE__ */ jsx3(
+          Text3,
+          {
+            color: s.color,
+            bold: s.bold,
+            dimColor: s.dim,
+            italic: s.italic,
+            children: s.text
+          },
+          j
+        )) }, effectiveOffset + i)),
+        padCount > 0 && Array.from({ length: padCount }, (_, i) => /* @__PURE__ */ jsx3(Text3, { children: " " }, `pad-${i}`)),
+        hasOverflow && /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
+          "  ",
+          "[tab] scroll \xB7 ",
+          scrollPct,
+          "% \xB7 ",
+          allLines.length,
+          " lines"
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/LogsPanel.tsx
+import { useMemo as useMemo2 } from "react";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function seg2(text, opts) {
+  return { text, ...opts };
+}
+function buildLines2(cycleLogs, width) {
+  const lines = [];
+  const contentWidth = width - 4;
+  if (cycleLogs.length === 0) {
+    return lines;
+  }
+  const sorted = [...cycleLogs].sort((a, b) => b.cycle - a.cycle);
+  for (const { cycle, content } of sorted) {
+    lines.push([seg2(`  Cycle ${cycle}`, { color: "blue", bold: true })]);
+    const cleaned = cleanMarkdown(stripFrontmatter(content)).trim();
+    if (cleaned) {
+      for (const rawLine of cleaned.split("\n")) {
+        const wrapped = wrapText(rawLine, contentWidth - 2);
+        for (const wl of wrapped) {
+          lines.push([seg2(`    ${wl}`, { dim: true })]);
+        }
+      }
+    }
+    lines.push([seg2(" ")]);
+  }
+  return lines;
+}
+function LogsPanel({
+  cycleLogs,
+  width,
+  height,
+  scrollOffset = 0,
+  focused = false
+}) {
+  if (cycleLogs.length === 0) {
+    return /* @__PURE__ */ jsx4(
+      Box4,
+      {
+        flexDirection: "column",
+        width,
+        borderStyle: "round",
+        borderColor: focused ? "blue" : "gray",
+        paddingX: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No logs" })
+      }
+    );
+  }
+  const allLines = useMemo2(
+    () => buildLines2(cycleLogs, width),
+    [cycleLogs, width]
+  );
+  const innerHeight = height - 2;
+  const hasOverflow = allLines.length > innerHeight;
+  const viewableHeight = hasOverflow ? innerHeight - 1 : innerHeight;
+  const maxScroll = Math.max(0, allLines.length - viewableHeight);
+  const effectiveOffset = Math.min(scrollOffset, maxScroll);
+  const visible = allLines.slice(effectiveOffset, effectiveOffset + viewableHeight);
+  const padCount = viewableHeight - visible.length;
+  const scrollPct = maxScroll > 0 ? Math.round(effectiveOffset / maxScroll * 100) : 100;
+  return /* @__PURE__ */ jsxs3(
+    Box4,
+    {
+      flexDirection: "column",
+      width,
+      borderStyle: "round",
+      borderColor: focused ? "blue" : "gray",
+      paddingX: 1,
+      children: [
+        visible.map((line, i) => /* @__PURE__ */ jsx4(Text4, { children: line.map((s, j) => /* @__PURE__ */ jsx4(Text4, { color: s.color, bold: s.bold, dimColor: s.dim, children: s.text }, j)) }, effectiveOffset + i)),
+        padCount > 0 && Array.from({ length: padCount }, (_, i) => /* @__PURE__ */ jsx4(Text4, { children: " " }, `pad-${i}`)),
+        hasOverflow && /* @__PURE__ */ jsxs3(Text4, { dimColor: true, children: [
+          "  ",
+          "[tab] scroll \xB7 ",
+          scrollPct,
+          "% \xB7 ",
+          allLines.length,
+          " lines"
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/CycleDetail.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function CycleDetail({ cycle, agents, width, height }) {
+  const contentWidth = width - 4;
+  const dur = cycle.completedAt ? formatDuration(cycle.timestamp, cycle.completedAt) : "running";
+  const isRunning = !cycle.completedAt;
+  const cycleAgents = agents.filter((a) => cycle.agentsSpawned.includes(a.id));
+  const headerLines = 4;
+  const agentLinesBudget = cycleAgents.reduce((sum, a) => {
+    let n = 1;
+    if (a.instruction) n++;
+    if (a.status === "completed" && a.reports.length > 0) n++;
+    return sum + n;
+  }, 0);
+  const agentSectionLines = Math.max(1, agentLinesBudget) + 2;
+  const promptAvailable = height - headerLines - agentSectionLines - 6;
+  return /* @__PURE__ */ jsxs4(
+    Box5,
+    {
+      flexDirection: "column",
+      width,
+      borderStyle: "round",
+      borderColor: "gray",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsxs4(Text5, { bold: true, children: [
+          " Cycle ",
+          cycle.cycle
+        ] }),
+        /* @__PURE__ */ jsxs4(Box5, { children: [
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  " }),
+          /* @__PURE__ */ jsx5(Text5, { color: isRunning ? "green" : "gray", children: isRunning ? "running" : "completed" }),
+          /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+            " \xB7 ",
+            dur,
+            " \xB7 ",
+            cycleAgents.length,
+            " agent",
+            cycleAgents.length !== 1 ? "s" : "",
+            cycle.mode ? " \xB7 " : ""
+          ] }),
+          cycle.mode && /* @__PURE__ */ jsx5(Text5, { color: cycle.mode === "planning" ? "blue" : cycle.mode === "implementation" ? "green" : "cyan", children: cycle.mode })
+        ] }),
+        /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+          "  ",
+          formatTime(cycle.timestamp),
+          cycle.completedAt ? ` \u2192 ${formatTime(cycle.completedAt)}` : ""
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { children: " " }),
+        /* @__PURE__ */ jsxs4(Text5, { color: "green", bold: true, children: [
+          "  ",
+          "\u258E \u229E AGENTS"
+        ] }),
+        cycleAgents.length === 0 ? /* @__PURE__ */ jsxs4(Text5, { dimColor: true, italic: true, children: [
+          "    ",
+          "orchestrator spawning agents\u2026"
+        ] }) : cycleAgents.map((agent) => {
+          const nameLabel = agent.name !== agent.id ? agent.name : agent.agentType;
+          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;
+          return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs4(Box5, { children: [
+              /* @__PURE__ */ jsx5(Text5, { children: "    " }),
+              /* @__PURE__ */ jsx5(Text5, { color: statusColor(agent.status), children: agentStatusIcon(agent.status) }),
+              /* @__PURE__ */ jsxs4(Text5, { bold: true, children: [
+                " ",
+                agent.id
+              ] }),
+              /* @__PURE__ */ jsxs4(Text5, { color: agentTypeColor(agent.agentType), dimColor: !agentTypeColor(agent.agentType), children: [
+                " ",
+                truncate(nameLabel, contentWidth - 30)
+              ] }),
+              (() => {
+                const dur2 = formatDuration(agent.spawnedAt, agent.completedAt);
+                const durColor = durationColor(agent.spawnedAt, agent.completedAt) || void 0;
+                return /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+                  " \xB7 ",
+                  agent.status,
+                  " \xB7 ",
+                  /* @__PURE__ */ jsx5(Text5, { color: durColor, children: dur2 })
+                ] });
+              })()
+            ] }),
+            instrPreview && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+              "      ",
+              truncate(instrPreview, contentWidth - 10)
+            ] }),
+            reportSummary && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+              "      ",
+              /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "\u21B3" }),
+              " ",
+              reportSummary
+            ] })
+          ] }, agent.id);
+        }),
+        cycle.nextPrompt && /* @__PURE__ */ jsxs4(Fragment, { children: [
+          /* @__PURE__ */ jsx5(Text5, { children: " " }),
+          /* @__PURE__ */ jsxs4(Text5, { color: "yellow", bold: true, children: [
+            "  ",
+            "\u258E \u25B7 NEXT PROMPT"
+          ] }),
+          wrapText(cycle.nextPrompt, contentWidth - 6).slice(0, Math.max(3, promptAvailable)).map((line, i) => /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+            "    ",
+            line
+          ] }, i))
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/AgentDetail.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function AgentDetail({ agent, reportBlocks, width, height }) {
+  const contentWidth = width - 4;
+  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 metaLines = 3;
+  const alertLines = (agent.killedReason ? 1 : 0) + (agent.mergeStatus === "conflict" && agent.mergeDetails ? 2 : 0);
+  const timestampLines = 1 + (agent.completedAt ? 1 : 0) + (agent.paneId ? 1 : 0) + (agent.worktreePath ? 1 : 0) + (agent.branchName ? 1 : 0) + 2;
+  const reportHeader = agent.reports.length > 0 ? 2 : 0;
+  const fixedLines = metaLines + alertLines + timestampLines + reportHeader + 4;
+  const hasResolvedReports = reportBlocks && reportBlocks.length > 0;
+  const availableForContent = Math.max(6, height - fixedLines);
+  let instrMaxLines;
+  let reportMaxLines;
+  if (hasResolvedReports) {
+    instrMaxLines = Math.max(4, Math.floor(availableForContent * 0.35));
+    reportMaxLines = Math.max(4, availableForContent - instrMaxLines);
+  } else {
+    const summaryLines = agent.reports.length;
+    instrMaxLines = Math.max(4, availableForContent - summaryLines - 1);
+    reportMaxLines = summaryLines;
+  }
+  return /* @__PURE__ */ jsxs5(
+    Box6,
+    {
+      flexDirection: "column",
+      width,
+      borderStyle: "round",
+      borderColor: "gray",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsxs5(Text6, { bold: true, children: [
+          " ",
+          /* @__PURE__ */ jsx6(Text6, { color, children: icon }),
+          " ",
+          agent.id,
+          " \xB7 ",
+          nameLabel
+        ] }),
+        /* @__PURE__ */ jsxs5(Box6, { children: [
+          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  " }),
+          /* @__PURE__ */ jsx6(Text6, { color, children: agent.status }),
+          /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+            " \xB7 ",
+            dur,
+            " \xB7 ",
+            agent.agentType
+          ] }),
+          agent.mergeStatus && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+            /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: " \xB7 " }),
+            agent.mergeStatus === "merged" && /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u2295 merged" }),
+            agent.mergeStatus === "pending" && /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: "\u25CC pending" }),
+            agent.mergeStatus === "no-changes" && /* @__PURE__ */ jsx6(Text6, { color: "gray", children: "\u2205 no changes" }),
+            agent.mergeStatus === "conflict" && /* @__PURE__ */ jsx6(Text6, { color: "red", children: "\u26A0 conflict" }),
+            !["merged", "pending", "no-changes", "conflict"].includes(agent.mergeStatus) && /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: agent.mergeStatus })
+          ] })
+        ] }),
+        agent.killedReason && /* @__PURE__ */ jsxs5(Text6, { color: "red", children: [
+          "  ",
+          "\u26A0 ",
+          agent.killedReason
+        ] }),
+        agent.mergeStatus === "conflict" && agent.mergeDetails && /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: wrapText(agent.mergeDetails, contentWidth - 6).map((line, i) => /* @__PURE__ */ jsxs5(Text6, { color: "red", children: [
+          "  ",
+          "\u26A0 ",
+          line
+        ] }, i)) }),
+        /* @__PURE__ */ jsx6(Text6, { children: " " }),
+        /* @__PURE__ */ jsxs5(Text6, { color: "white", bold: true, children: [
+          "  ",
+          "\u258E \u25B7 INSTRUCTION"
+        ] }),
+        wrapText(agent.instruction, contentWidth - 6).slice(0, instrMaxLines).map((line, i) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          "    ",
+          line
+        ] }, i)),
+        agent.reports.length > 0 && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx6(Text6, { children: " " }),
+          /* @__PURE__ */ jsxs5(Text6, { color: "cyan", bold: true, children: [
+            "  ",
+            "\u258E \u25C7 REPORTS (",
+            agent.reports.length,
+            ")"
+          ] }),
+          hasResolvedReports ? /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: reportBlocks.slice(0, Math.min(reportBlocks.length, 3)).map((block, i) => {
+            const badge = block.type === "final" ? "FINAL" : "UPDATE";
+            const badgeColor = block.type === "final" ? "cyan" : "yellow";
+            const linesPerReport = Math.max(2, Math.floor(reportMaxLines / Math.min(reportBlocks.length, 3)) - 2);
+            return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+              i > 0 && /* @__PURE__ */ jsx6(Text6, { children: " " }),
+              /* @__PURE__ */ jsxs5(Box6, { children: [
+                /* @__PURE__ */ jsx6(Text6, { children: "    " }),
+                /* @__PURE__ */ jsx6(Text6, { color: badgeColor, bold: block.type === "final", children: badge }),
+                /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+                  " ",
+                  formatTime(block.timestamp)
+                ] })
+              ] }),
+              wrapText(cleanMarkdown(block.content.trim()), contentWidth - 10).slice(0, linesPerReport).map((line, j) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+                "      ",
+                line
+              ] }, j))
+            ] }, i);
+          }) }) : agent.reports.slice(0, reportMaxLines).map((report, i) => {
+            const badge = report.type === "final" ? "FINAL" : "UPDATE";
+            const badgeColor = report.type === "final" ? "cyan" : "yellow";
+            return /* @__PURE__ */ jsxs5(Box6, { children: [
+              /* @__PURE__ */ jsx6(Text6, { children: "    " }),
+              /* @__PURE__ */ jsx6(Text6, { color: badgeColor, bold: report.type === "final", children: badge }),
+              /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+                " ",
+                formatTime(report.timestamp),
+                "  ",
+                report.summary.split("\n")[0]
+              ] })
+            ] }, i);
+          })
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { children: " " }),
+        /* @__PURE__ */ jsxs5(Text6, { color: "gray", bold: true, children: [
+          "  ",
+          "\u258E \u25E6 META"
+        ] }),
+        /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          "    ",
+          "Spawned: ",
+          formatTime(agent.spawnedAt)
+        ] }),
+        agent.completedAt && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          "    ",
+          "Completed: ",
+          formatTime(agent.completedAt)
+        ] }),
+        agent.paneId && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          "    ",
+          "Pane: ",
+          agent.paneId
+        ] }),
+        agent.worktreePath && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          "    ",
+          "Worktree: ",
+          agent.worktreePath
+        ] }),
+        agent.branchName && /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          "    ",
+          "Branch: ",
+          agent.branchName
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/ReportView.tsx
+import { useState, useMemo as useMemo3 } from "react";
+import { Box as Box7, Text as Text7, useInput } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function ReportView({ agent, reportBlocks, width, height, onClose }) {
+  const [scrollOffset, setScrollOffset] = useState(0);
+  const contentWidth = width - 6;
+  const lines = useMemo3(() => {
+    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 icon = agentStatusIcon(agent.status);
+  const color = statusColor(agent.status);
+  const dur = formatDuration(agent.spawnedAt, agent.completedAt);
+  return /* @__PURE__ */ jsxs6(
+    Box7,
+    {
+      flexDirection: "column",
+      width,
+      height,
+      borderStyle: "round",
+      borderColor: "cyan",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsxs6(Text7, { bold: true, children: [
+          " ",
+          /* @__PURE__ */ jsx7(Text7, { color, children: icon }),
+          " ",
+          agent.id,
+          " ",
+          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\xB7" }),
+          " ",
+          agent.name !== agent.id ? agent.name : agent.agentType
+        ] }),
+        /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+          "  ",
+          agent.status,
+          " \xB7 ",
+          dur,
+          " \xB7 ",
+          agent.agentType,
+          " \xB7 ",
+          totalReports,
+          " report",
+          totalReports !== 1 ? "s" : ""
+        ] }),
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
+        /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", flexGrow: 1, children: visible.map((line, i) => /* @__PURE__ */ jsx7(
+          Text7,
+          {
+            color: line.color,
+            bold: line.bold,
+            dimColor: line.dim,
+            children: line.text
+          },
+          scrollOffset + i
+        )) }),
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  " + divider(contentWidth - 2) }),
+        /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+          "  ",
+          "[esc] back  [\u2191\u2193] scroll  [",
+          "] page",
+          "  ",
+          /* @__PURE__ */ jsxs6(Text7, { children: [
+            scrollPct,
+            "%"
+          ] }),
+          maxScroll > 0 && /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+            " \xB7 ",
+            lines.length,
+            " lines"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/MessageLog.tsx
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function sourceLabel(msg) {
+  if (msg.source.type === "user") return "You";
+  if (msg.source.type === "agent") return msg.source.agentId;
+  return "system";
+}
+function sourceColor(msg) {
+  if (msg.source.type === "user") return "yellow";
+  if (msg.source.type === "agent") return "cyan";
+  return "gray";
+}
+function MessageLog({ messages, maxMessages, width }) {
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, dimColor: true, children: "Messages" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, italic: true, children: "  No messages" })
+    ] });
+  }
+  const recent = messages.slice(-maxMessages);
+  const contentWidth = Math.max(10, width - 20);
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, dimColor: true, children: "Messages" }),
+    recent.map((msg) => {
+      const time = formatTime(msg.timestamp);
+      const label = sourceLabel(msg);
+      const color = sourceColor(msg);
+      const content = truncate(msg.summary || msg.content, contentWidth);
+      return /* @__PURE__ */ jsxs7(Text8, { children: [
+        "  ",
+        /* @__PURE__ */ jsxs7(Text8, { dimColor: true, children: [
+          "[",
+          time,
+          "]"
+        ] }),
+        " ",
+        /* @__PURE__ */ jsxs7(Text8, { color, bold: true, children: [
+          label,
+          ":"
+        ] }),
+        " ",
+        content
+      ] }, msg.id);
+    })
+  ] });
+}
+
+// src/tui/components/InputBar.tsx
+import { useState as useState2, useEffect, useRef } from "react";
+import { Box as Box9, Text as Text9, useInput as useInput2 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var INPUT_MODES = /* @__PURE__ */ new Set([
+  "resume",
+  "continue",
+  "rollback",
+  "delete-confirm",
+  "spawn-agent",
+  "search",
+  "message-agent",
+  "shell-command"
+]);
+var PROMPTS = {
+  resume: "resume instructions (optional)",
+  continue: "new direction (optional)",
+  rollback: "cycle number",
+  "delete-confirm": "type 'yes' to confirm delete:",
+  "spawn-agent": "agent instruction:",
+  search: "filter:",
+  "message-agent": "message:",
+  "shell-command": "$ "
+};
+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 prevMode = useRef(mode);
+  useEffect(() => {
+    if (mode !== prevMode.current) {
+      if (INPUT_MODES.has(mode) && defaultText) {
+        setText(defaultText);
+        setCursorPos(defaultText.length);
+      } else {
+        setText("");
+        setCursorPos(0);
+      }
+    }
+    prevMode.current = mode;
+  }, [mode, defaultText]);
+  useInput2(
+    (input, key) => {
+      if (key.return) {
+        if (OPTIONAL_INPUT.has(mode) || text.trim()) {
+          onSubmit(text.trim());
+          setText("");
+          setCursorPos(0);
+        }
+        return;
+      }
+      if (key.escape) {
+        setText("");
+        setCursorPos(0);
+        onCancel();
+        return;
+      }
+      if (key.leftArrow) {
+        setCursorPos((p) => Math.max(0, p - 1));
+        return;
+      }
+      if (key.rightArrow) {
+        setCursorPos((p) => Math.min(text.length, p + 1));
+        return;
+      }
+      if (key.ctrl && input === "a") {
+        setCursorPos(0);
+        return;
+      }
+      if (key.ctrl && input === "e") {
+        setCursorPos(text.length);
+        return;
+      }
+      if (key.ctrl && input === "k") {
+        setText((t) => t.slice(0, cursorPos));
+        return;
+      }
+      if (key.ctrl && input === "u") {
+        setText((t) => t.slice(cursorPos));
+        setCursorPos(0);
+        return;
+      }
+      if (key.backspace || key.delete) {
+        if (cursorPos > 0) {
+          setText((t) => t.slice(0, cursorPos - 1) + t.slice(cursorPos));
+          setCursorPos((p) => p - 1);
+        }
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setText((t) => t.slice(0, cursorPos) + input + t.slice(cursorPos));
+        setCursorPos((p) => p + input.length);
+      }
+    },
+    { isActive: INPUT_MODES.has(mode) }
+  );
+  if (mode === "navigate") {
+    return /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { 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__ */ jsxs8(Box9, { paddingX: 1, children: [
+    /* @__PURE__ */ jsxs8(Text9, { color: "yellow", children: [
+      prompt,
+      " > "
+    ] }),
+    /* @__PURE__ */ jsx9(Text9, { children: text.slice(0, cursorPos) }),
+    /* @__PURE__ */ jsx9(Text9, { inverse: true, children: cursorPos < text.length ? text[cursorPos] : " " }),
+    /* @__PURE__ */ jsx9(Text9, { children: text.slice(cursorPos + 1) }),
+    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "  (enter to send, esc to cancel)" })
+  ] });
+}
+
+// src/tui/components/StatusLine.tsx
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function StatusLine({ mode, detailFocused = false, logsFocused = false, showLogs = false }) {
+  if (mode === "report-detail") {
+    return null;
+  }
+  if (mode === "leader") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "magenta", bold: true, children: "LEADER" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  press a command key or [esc] to cancel" })
+    ] });
+  }
+  if (mode === "copy-menu") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: "COPY" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  [p] path  [C] context  [l] logs  [s] session ID  [esc] cancel" })
+    ] });
+  }
+  if (mode === "help") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "yellow", bold: true, children: "HELP" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  [esc] or [?] to dismiss" })
+    ] });
+  }
+  if (mode === "delete-confirm") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "red", bold: true, children: "DELETE" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  type 'yes' to confirm, [esc] to cancel" })
+    ] });
+  }
+  if (mode === "spawn-agent") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "green", bold: true, children: "SPAWN" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  enter agent instruction, [esc] to cancel" })
+    ] });
+  }
+  if (mode === "search") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "blue", bold: true, children: "SEARCH" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  type to filter, enter to apply, [esc] to cancel" })
+    ] });
+  }
+  if (mode === "message-agent") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: "MESSAGE" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  enter message for agent, [esc] to cancel" })
+    ] });
+  }
+  if (mode === "shell-command") {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: "magenta", bold: true, children: "SHELL" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "  enter command, [esc] to cancel" })
+    ] });
+  }
+  if (mode !== "navigate") {
+    return /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "[enter] send  [esc] cancel" }) });
+  }
+  if (logsFocused) {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u2191\u2193]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " scroll  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u2190/tab]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " back  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[l]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ogs hide  " }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[m]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "sg  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[k]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ill  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[g]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oal  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[n]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ew  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[p]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "lan  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[w]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "indow  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esume  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[q]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "uit" })
+    ] });
+  }
+  if (detailFocused) {
+    return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u2191\u2193]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " scroll  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u2190/tab]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " back  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[l]" }),
+      /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+        showLogs ? "ogs hide" : "ogs show",
+        "  "
+      ] }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[m]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "sg  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[k]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ill  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[g]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "oal  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[n]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ew  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[p]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "lan  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[w]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "indow  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[R]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esume  " }),
+      /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[q]" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "uit" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs9(Box10, { paddingX: 1, children: [
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u2191\u2193]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " navigate  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[\u2190\u2192]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " collapse/expand  " }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[space]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " leader  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[tab]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " detail  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[l]" }),
+    /* @__PURE__ */ jsxs9(Text10, { dimColor: true, children: [
+      showLogs ? "ogs hide" : "ogs show",
+      "  "
+    ] }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2502 " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[m]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "sg  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[k]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ill  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[n]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "ew  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[R]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "esume  " }),
+    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "[q]" }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "uit" })
+  ] });
+}
+
+// src/tui/components/LeaderOverlay.tsx
+import { Box as Box11, Text as Text11 } from "ink";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var LEADER_WIDTH = 26;
+var LEADER_HEIGHT = 16;
+var COPY_HEIGHT = 9;
+var INNER = LEADER_WIDTH - 2;
+function pad(s) {
+  return s.padEnd(INNER);
+}
+function LeaderOverlay({ mode, rows, cols }) {
+  if (mode === "leader") {
+    return /* @__PURE__ */ jsxs10(
+      Box11,
+      {
+        position: "absolute",
+        marginTop: rows - LEADER_HEIGHT - 2,
+        marginLeft: cols - LEADER_WIDTH - 1,
+        width: LEADER_WIDTH,
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "magenta",
+        children: [
+          /* @__PURE__ */ jsx11(Text11, { bold: true, color: "magenta", children: pad("  LEADER") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  y  copy menu") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  d  delete session") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  l  daemon logs") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  o  open session dir") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  a  spawn agent") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  m  message agent") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  /  search") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  !  shell command") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  ?  help") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad(" 1-9  jump to session") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: pad("  esc  dismiss") })
+        ]
+      }
+    );
+  }
+  if (mode === "copy-menu") {
+    return /* @__PURE__ */ jsxs10(
+      Box11,
+      {
+        position: "absolute",
+        marginTop: rows - COPY_HEIGHT - 2,
+        marginLeft: cols - LEADER_WIDTH - 1,
+        width: LEADER_WIDTH,
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "cyan",
+        children: [
+          /* @__PURE__ */ jsx11(Text11, { bold: true, color: "cyan", children: pad("  COPY") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad(" ") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  p  session path") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  C  LLM context") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  l  logs content") }),
+          /* @__PURE__ */ jsx11(Text11, { children: pad("  s  session ID") }),
+          /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: pad("  esc  cancel") })
+        ]
+      }
+    );
+  }
+  return null;
+}
+
+// src/tui/components/HelpOverlay.tsx
+import { Box as Box12, Text as Text12 } from "ink";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var HELP_WIDTH = 62;
+var INNER2 = HELP_WIDTH - 2;
+function pad2(s) {
+  return s.padEnd(INNER2);
+}
+function row(left, right) {
+  const col = Math.floor(INNER2 / 2);
+  return (left.padEnd(col) + right).padEnd(INNER2);
+}
+function HelpOverlay({ mode, rows, cols }) {
+  if (mode !== "help") return null;
+  const marginLeft = Math.max(0, Math.floor((cols - HELP_WIDTH) / 2));
+  const lines = [
+    row("  \u2191\u2193  move cursor", "  \u2190\u2192  collapse/expand"),
+    row("  tab  switch pane", "  enter  expand/open report"),
+    "",
+    row("  n  new session", "  k  kill session/agent"),
+    row("  R  resume session", "  C  continue session"),
+    row("  b  rollback cycle", "  x  restart agent"),
+    row("  r  re-run agent", "  j  jump to pane"),
+    row("  m  message orch.", "  g  edit goal"),
+    row("  p  open roadmap", "  w  go to window"),
+    row("  l  toggle logs", "  q  quit"),
+    "",
+    row("  space \u2192 y  copy submenu", "  space \u2192 d  delete session"),
+    row("  space \u2192 l  tail logs", "  space \u2192 o  open dir"),
+    row("  space \u2192 /  search", "  space \u2192 a  spawn agent"),
+    row("  space \u2192 m  msg agent", "  space \u2192 !  shell"),
+    row("  space \u2192 ?  help", "  space \u2192 1-9  jump"),
+    "",
+    row("  y \u2192 p  session path", "  y \u2192 C  LLM context"),
+    row("  y \u2192 l  logs content", "  y \u2192 s  session ID")
+  ];
+  const overlayHeight = Math.min(lines.length + 4, rows - 2);
+  return /* @__PURE__ */ jsxs11(
+    Box12,
+    {
+      position: "absolute",
+      marginTop: Math.max(0, Math.floor((rows - overlayHeight) / 2)),
+      marginLeft,
+      width: HELP_WIDTH,
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "yellow",
+      children: [
+        /* @__PURE__ */ jsx12(Text12, { bold: true, color: "yellow", children: pad2("  KEYBINDINGS  (esc or ? to close)") }),
+        /* @__PURE__ */ jsx12(Text12, { children: pad2(" ") }),
+        lines.map((line, i) => {
+          if (line === "") return /* @__PURE__ */ jsx12(Text12, { children: pad2(" ") }, i);
+          return /* @__PURE__ */ jsx12(Text12, { children: pad2(line) }, i);
+        }),
+        /* @__PURE__ */ jsx12(Text12, { children: pad2(" ") })
+      ]
+    }
+  );
+}
+
+// src/tui/hooks/usePolling.ts
+import { useState as useState3, useEffect as useEffect2, useRef as useRef2, useCallback } from "react";
+
+// src/tui/lib/client.ts
+import { connect } from "net";
+function send(request) {
+  const sock = socketPath();
+  return new Promise((resolve, reject) => {
+    const socket = connect(sock);
+    let data = "";
+    const timeout = setTimeout(() => {
+      socket.destroy();
+      reject(new Error("Request timed out"));
+    }, 5e3);
+    socket.on("connect", () => {
+      socket.write(JSON.stringify(request) + "\n");
+    });
+    socket.on("data", (chunk) => {
+      data += chunk.toString();
+      const idx = data.indexOf("\n");
+      if (idx !== -1) {
+        clearTimeout(timeout);
+        const line = data.slice(0, idx);
+        socket.destroy();
+        try {
+          resolve(JSON.parse(line));
+        } catch {
+          reject(new Error(`Invalid JSON from daemon`));
+        }
+      }
+    });
+    socket.on("error", (err) => {
+      clearTimeout(timeout);
+      reject(err);
+    });
+  });
+}
+
+// src/tui/hooks/usePolling.ts
+import { readFileSync as readFileSync2, existsSync, readdirSync } from "fs";
+import { join as join2 } from "path";
+
+// src/tui/lib/tmux.ts
+import { execSync } from "child_process";
+import { join } from "path";
+import { readFileSync, writeFileSync, mkdtempSync, rmSync } from "fs";
+import { tmpdir } from "os";
+var EXEC_ENV = {
+  ...process.env,
+  PATH: `/opt/homebrew/bin:/usr/local/bin:${process.env["PATH"] ?? "/usr/bin:/bin"}`
+};
+function execSafe(cmd) {
+  try {
+    return execSync(cmd, { encoding: "utf-8", env: EXEC_ENV, stdio: ["pipe", "pipe", "pipe"] }).trim();
+  } catch {
+    return null;
+  }
+}
+function shellQuote(s) {
+  return `'${s.replace(/'/g, "'\\''")}'`;
+}
+function selectWindow(windowId) {
+  execSafe(`tmux select-window -t "${windowId}"`);
+}
+function selectPane(paneId) {
+  execSafe(`tmux select-pane -t "${paneId}"`);
+}
+function windowExists(windowId) {
+  return execSafe(`tmux display-message -t "${windowId}" -p "#{window_id}"`) !== null;
+}
+function openCompanionPopup(cwd2) {
+  const templatePath = join(import.meta.dirname, "templates", "dashboard-claude.md");
+  let template;
+  try {
+    template = readFileSync(templatePath, "utf-8");
+  } catch {
+    template = `You are a Sisyphus dashboard companion. Help the user manage multi-agent sessions.
+Project: ${cwd2}
+Run \`sisyphus list\` and \`sisyphus status\` to see current state.`;
+  }
+  const rendered = template.replace(/\{\{CWD\}\}/g, cwd2);
+  const promptPath = join(globalDir(), "dashboard-companion-prompt.md");
+  writeFileSync(promptPath, rendered, "utf-8");
+  execSync(
+    `tmux display-popup -E -w 80% -h 80% -d ${shellQuote(cwd2)} ${shellQuote(`claude --dangerously-skip-permissions --system-prompt "$(cat ${shellQuote(promptPath)})"`)}`,
+    { stdio: "inherit", env: EXEC_ENV }
+  );
+}
+var TERMINAL_EDITORS = /* @__PURE__ */ new Set(["nvim", "vim", "vi", "nano", "emacs", "micro", "helix", "hx", "joe", "ne", "kak"]);
+function switchToSession(sessionName) {
+  execSafe(`tmux switch-client -t "${sessionName}"`);
+}
+function editInPopup(cwd2, editor, opts) {
+  const tmpDir = mkdtempSync(join(tmpdir(), "sisyphus-"));
+  const filePath = join(tmpDir, "input.md");
+  try {
+    writeFileSync(filePath, opts?.content ? opts.content : "", "utf-8");
+    openEditorPopup(cwd2, editor, filePath, opts?.size);
+    const result = readFileSync(filePath, "utf-8").trim();
+    return result || null;
+  } finally {
+    rmSync(tmpDir, { recursive: true, force: true });
+  }
+}
+function openLogPopup() {
+  execSync(
+    `tmux display-popup -E -w 90% -h 80% ${shellQuote("tail -f ~/.sisyphus/daemon.log")}`,
+    { stdio: "inherit", env: EXEC_ENV }
+  );
+}
+function openShellPopup(cwd2, command) {
+  execSync(
+    `tmux display-popup -E -w 90% -h 80% -d ${shellQuote(cwd2)} ${shellQuote(`sh -c '${command.replace(/'/g, "'\\''")}; echo; echo "Press enter to close"; read'`)}`,
+    { stdio: "inherit", env: EXEC_ENV }
+  );
+}
+function openInFileManager(path) {
+  execSync(`open ${shellQuote(path)}`, { stdio: "inherit", env: EXEC_ENV });
+}
+function openEditorPopup(cwd2, editor, filePath, size) {
+  const { w = "90%", h = "90%" } = size ?? {};
+  const editorBin = editor.split(/\s+/)[0].split("/").pop();
+  if (TERMINAL_EDITORS.has(editorBin)) {
+    execSync(
+      `tmux display-popup -E -w ${w} -h ${h} -d ${shellQuote(cwd2)} ${shellQuote(`${editor} ${shellQuote(filePath)}`)}`,
+      { stdio: "inherit", env: EXEC_ENV }
+    );
+  } else {
+    execSync(`${editor} ${shellQuote(filePath)}`, { stdio: "inherit", cwd: cwd2, env: EXEC_ENV });
+  }
+}
+
+// src/tui/hooks/usePolling.ts
+function usePolling(cwd2, selectedSessionId, intervalMs = 2500) {
+  const [state, setState] = useState3({
+    sessions: [],
+    selectedSession: null,
+    planContent: "",
+    goalContent: "",
+    logsContent: "",
+    logsCycles: [],
+    paneAlive: true,
+    error: null
+  });
+  const selectedIdRef = useRef2(selectedSessionId);
+  selectedIdRef.current = selectedSessionId;
+  const mountedRef = useRef2(true);
+  const poll = useCallback(async () => {
+    try {
+      const listRes = await send({ type: "list", cwd: cwd2 });
+      if (!mountedRef.current) return;
+      const sessions = listRes.ok ? listRes.data?.sessions ?? [] : [];
+      let selectedSession = null;
+      let planContent = "";
+      let goalContent = "";
+      let logsContent = "";
+      let logsCycles = [];
+      let paneAlive = true;
+      if (selectedIdRef.current) {
+        const statusRes = await send({ type: "status", sessionId: selectedIdRef.current, cwd: cwd2 });
+        if (mountedRef.current && statusRes.ok) {
+          selectedSession = statusRes.data?.session ?? null;
+        }
+        if (selectedSession?.tmuxWindowId) {
+          try {
+            paneAlive = windowExists(selectedSession.tmuxWindowId);
+          } catch {
+            paneAlive = false;
+          }
+        }
+        try {
+          const pp = roadmapPath(cwd2, selectedIdRef.current);
+          if (existsSync(pp)) {
+            planContent = readFileSync2(pp, "utf-8");
+          }
+        } catch {
+        }
+        try {
+          const gp = goalPath(cwd2, selectedIdRef.current);
+          if (existsSync(gp)) {
+            goalContent = readFileSync2(gp, "utf-8");
+          }
+        } catch {
+        }
+        try {
+          const ld = logsDir(cwd2, selectedIdRef.current);
+          if (existsSync(ld)) {
+            const files = readdirSync(ld).filter((f) => f.startsWith("cycle-")).sort();
+            logsCycles = files.map((f) => {
+              const match = f.match(/cycle-(\d+)\.md$/);
+              const cycle = match ? parseInt(match[1], 10) : 0;
+              const content = readFileSync2(join2(ld, f), "utf-8");
+              return { cycle, content };
+            });
+            logsContent = logsCycles.map((c) => c.content).join("\n");
+          }
+        } catch {
+        }
+      }
+      if (mountedRef.current) {
+        setState({ sessions, selectedSession, planContent, goalContent, logsContent, logsCycles, paneAlive, error: null });
+      }
+    } catch (err) {
+      if (mountedRef.current) {
+        setState((prev) => ({ ...prev, error: err.message }));
+      }
+    }
+  }, [cwd2]);
+  useEffect2(() => {
+    mountedRef.current = true;
+    poll();
+    const interval = setInterval(poll, intervalMs);
+    return () => {
+      mountedRef.current = false;
+      clearInterval(interval);
+    };
+  }, [cwd2, intervalMs, poll]);
+  useEffect2(() => {
+    if (selectedSessionId != null) {
+      poll();
+    }
+  }, [selectedSessionId, poll]);
+  return state;
+}
+
+// src/tui/hooks/useKeybindings.ts
+import { useInput as useInput3 } from "ink";
+function useKeybindings(handlers, isActive) {
+  useInput3(
+    (input, key) => {
+      if (key.upArrow) {
+        handlers.onMoveUp();
+        return;
+      }
+      if (key.downArrow) {
+        handlers.onMoveDown();
+        return;
+      }
+      if (key.leftArrow) {
+        handlers.onLeft();
+        return;
+      }
+      if (key.rightArrow) {
+        handlers.onRight();
+        return;
+      }
+      if (key.return) {
+        handlers.onEnter();
+        return;
+      }
+      if (key.tab) {
+        handlers.onTab();
+        return;
+      }
+      if (input === " ") {
+        handlers.onSpace();
+        return;
+      }
+      if (input === "m") {
+        handlers.onMessage();
+        return;
+      }
+      if (input === "k") {
+        handlers.onKill();
+        return;
+      }
+      if (input === "w") {
+        handlers.onGoToWindow();
+        return;
+      }
+      if (input === "g") {
+        handlers.onEditGoal();
+        return;
+      }
+      if (input === "n") {
+        handlers.onNewSession();
+        return;
+      }
+      if (input === "c") {
+        handlers.onClaude();
+        return;
+      }
+      if (input === "p") {
+        handlers.onOpenPlan();
+        return;
+      }
+      if (input === "q") {
+        handlers.onQuit();
+        return;
+      }
+      if (input === "r") {
+        handlers.onReRun();
+        return;
+      }
+      if (input === "j") {
+        handlers.onJumpToPane();
+        return;
+      }
+      if (input === "R") {
+        handlers.onResume();
+        return;
+      }
+      if (input === "C") {
+        handlers.onContinue();
+        return;
+      }
+      if (input === "x") {
+        handlers.onRestartAgent();
+        return;
+      }
+      if (input === "b") {
+        handlers.onRollback();
+        return;
+      }
+      if (input === "l") {
+        handlers.onToggleLogs();
+        return;
+      }
+    },
+    { isActive }
+  );
+}
+
+// src/tui/hooks/useLeaderKey.ts
+import { useInput as useInput4 } from "ink";
+function useLeaderKey(mode, onAction) {
+  useInput4(
+    (input, key) => {
+      if (key.escape) {
+        onAction({ type: "dismiss" });
+        return;
+      }
+      if (input === "y") {
+        onAction({ type: "enter-copy-menu" });
+        return;
+      }
+      if (input === "d") {
+        onAction({ type: "delete-session" });
+        return;
+      }
+      if (input === "l") {
+        onAction({ type: "open-logs" });
+        return;
+      }
+      if (input === "o") {
+        onAction({ type: "open-session-dir" });
+        return;
+      }
+      if (input === "/") {
+        onAction({ type: "search" });
+        return;
+      }
+      if (input === "a") {
+        onAction({ type: "spawn-agent" });
+        return;
+      }
+      if (input === "m") {
+        onAction({ type: "message-agent" });
+        return;
+      }
+      if (input === "?") {
+        onAction({ type: "help" });
+        return;
+      }
+      if (input === "!") {
+        onAction({ type: "shell-command" });
+        return;
+      }
+      const digit = parseInt(input, 10);
+      if (!isNaN(digit) && digit >= 1 && digit <= 9) {
+        onAction({ type: "jump-to-session", index: digit });
+        return;
+      }
+      onAction({ type: "dismiss" });
+    },
+    { isActive: mode === "leader" }
+  );
+  useInput4(
+    (input, key) => {
+      if (key.escape) {
+        onAction({ type: "dismiss" });
+        return;
+      }
+      if (input === "p") {
+        onAction({ type: "copy-path" });
+        return;
+      }
+      if (input === "C") {
+        onAction({ type: "copy-context" });
+        return;
+      }
+      if (input === "l") {
+        onAction({ type: "copy-logs" });
+        return;
+      }
+      if (input === "s") {
+        onAction({ type: "copy-session-id" });
+        return;
+      }
+      onAction({ type: "dismiss" });
+    },
+    { isActive: mode === "copy-menu" }
+  );
+  useInput4(
+    (input, key) => {
+      if (key.escape || input === "?") {
+        onAction({ type: "dismiss" });
+        return;
+      }
+    },
+    { isActive: mode === "help" }
+  );
+}
+
+// src/tui/lib/reports.ts
+import { readFileSync as readFileSync3 } from "fs";
+function loadReportContent(report) {
+  try {
+    return readFileSync3(report.filePath, "utf-8");
+  } catch {
+    return report.summary;
+  }
+}
+function resolveReports(reports) {
+  return [...reports].reverse().map((r) => ({
+    type: r.type,
+    timestamp: r.timestamp,
+    content: loadReportContent(r),
+    summary: r.summary
+  }));
+}
+
+// src/tui/lib/clipboard.ts
+import { execSync as execSync2 } from "child_process";
+function copyToClipboard(text) {
+  execSync2("pbcopy", { input: text });
+}
+
+// src/tui/lib/context.ts
+import { readFileSync as readFileSync4 } from "fs";
+function readFileSafe(filePath) {
+  try {
+    return readFileSync4(filePath, "utf-8");
+  } catch {
+    return null;
+  }
+}
+function escapeXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function buildSessionContext(session, cwd2) {
+  const goal = readFileSafe(goalPath(cwd2, session.id));
+  const roadmap = readFileSafe(roadmapPath(cwd2, session.id));
+  const agentsXml = session.agents.map((agent) => {
+    const reportBlocks = resolveReports(agent.reports);
+    const reportsXml = [...reportBlocks].reverse().map((block) => {
+      return `      <report type="${block.type}" time="${escapeXml(block.timestamp)}">${escapeXml(block.content)}</report>`;
+    }).join("\n");
+    return [
+      `    <agent id="${escapeXml(agent.id)}" name="${escapeXml(agent.name)}" type="${escapeXml(agent.agentType)}" status="${escapeXml(agent.status)}">`,
+      `      <instruction>${escapeXml(agent.instruction)}</instruction>`,
+      ...reportsXml ? [reportsXml] : [],
+      `    </agent>`
+    ].join("\n");
+  }).join("\n");
+  const cyclesXml = session.orchestratorCycles.map((cycle) => {
+    const agents = cycle.agentsSpawned.join(", ");
+    const mode = cycle.mode ? ` mode="${escapeXml(cycle.mode)}"` : "";
+    return `    <cycle number="${cycle.cycle}"${mode} agents="${escapeXml(agents)}" />`;
+  }).join("\n");
+  const lines = [
+    "<context>",
+    `<session id="${escapeXml(session.id)}" status="${escapeXml(session.status)}">`,
+    `  <task>${escapeXml(session.task)}</task>`,
+    `  <cwd>${escapeXml(session.cwd)}</cwd>`
+  ];
+  if (goal) lines.push(`  <goal>${escapeXml(goal)}</goal>`);
+  if (roadmap) lines.push(`  <roadmap>${escapeXml(roadmap)}</roadmap>`);
+  if (session.agents.length > 0) {
+    lines.push("  <agents>");
+    lines.push(agentsXml);
+    lines.push("  </agents>");
+  }
+  if (session.orchestratorCycles.length > 0) {
+    lines.push("  <cycles>");
+    lines.push(cyclesXml);
+    lines.push("  </cycles>");
+  }
+  if (session.completionReport) {
+    lines.push(`  <completion-report>${escapeXml(session.completionReport)}</completion-report>`);
+  }
+  lines.push("</session>");
+  lines.push("</context>");
+  return lines.join("\n");
+}
+
+// src/tui/lib/tree.ts
+function sessionSortKey(s) {
+  if (s.status === "completed") return 4;
+  const open = s.tmuxWindowId ? windowExists(s.tmuxWindowId) : false;
+  if (s.status === "active") return open ? 0 : 1;
+  return open ? 2 : 3;
+}
+function buildTree(sessions, selectedSession, expanded) {
+  const nodes = [];
+  const sorted = [...sessions].sort((a, b) => {
+    const keyDiff = sessionSortKey(a) - sessionSortKey(b);
+    if (keyDiff !== 0) return keyDiff;
+    return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();
+  });
+  for (const s of sorted) {
+    const sessionNodeId = `session:${s.id}`;
+    const isSelected = selectedSession?.id === s.id;
+    const isExpanded = expanded.has(sessionNodeId);
+    nodes.push({
+      id: sessionNodeId,
+      type: "session",
+      depth: 0,
+      expandable: true,
+      expanded: isExpanded && isSelected,
+      sessionId: s.id,
+      task: s.task,
+      status: s.status,
+      cycleCount: isSelected ? selectedSession?.orchestratorCycles.length ?? 0 : 0,
+      agentCount: s.agentCount,
+      createdAt: s.createdAt,
+      completedAt: isSelected ? selectedSession?.completedAt : void 0
+    });
+    if (!isExpanded || !isSelected || !selectedSession) continue;
+    const cycles = [...selectedSession.orchestratorCycles].reverse();
+    const allSpawnedIds = new Set(
+      selectedSession.orchestratorCycles.flatMap((c) => c.agentsSpawned)
+    );
+    for (const cycle of cycles) {
+      const cycleNodeId = `cycle:${s.id}:${cycle.cycle}`;
+      const cycleExpanded = expanded.has(cycleNodeId);
+      const cycleAgents = selectedSession.agents.filter(
+        (a) => cycle.agentsSpawned.includes(a.id)
+      );
+      const isLatest = cycle === cycles[0];
+      const unassigned = isLatest ? selectedSession.agents.filter((a) => !allSpawnedIds.has(a.id)) : [];
+      const allCycleAgents = [...cycleAgents, ...unassigned];
+      nodes.push({
+        id: cycleNodeId,
+        type: "cycle",
+        depth: 1,
+        expandable: allCycleAgents.length > 0,
+        expanded: cycleExpanded,
+        sessionId: s.id,
+        cycleNumber: cycle.cycle,
+        timestamp: cycle.timestamp,
+        completedAt: cycle.completedAt,
+        agentCount: allCycleAgents.length,
+        mode: cycle.mode
+      });
+      if (!cycleExpanded) continue;
+      for (const agent of allCycleAgents) {
+        const agentNodeId = `agent:${s.id}:${agent.id}`;
+        const hasReports = agent.reports.length > 0;
+        const agentExpanded = expanded.has(agentNodeId);
+        nodes.push({
+          id: agentNodeId,
+          type: "agent",
+          depth: 2,
+          expandable: hasReports,
+          expanded: agentExpanded && hasReports,
+          sessionId: s.id,
+          agentId: agent.id,
+          name: agent.name,
+          agentType: agent.agentType,
+          status: agent.status,
+          spawnedAt: agent.spawnedAt,
+          completedAt: agent.completedAt,
+          reportCount: agent.reports.length
+        });
+        if (!agentExpanded || !hasReports) continue;
+        for (let ri = 0; ri < agent.reports.length; ri++) {
+          const report = agent.reports[ri];
+          nodes.push({
+            id: `report:${s.id}:${agent.id}:${ri}`,
+            type: "report",
+            depth: 3,
+            expandable: false,
+            expanded: false,
+            sessionId: s.id,
+            reportIndex: ri,
+            reportType: report.type,
+            timestamp: report.timestamp,
+            agentId: agent.id
+          });
+        }
+      }
+    }
+    const messages = selectedSession.messages ?? [];
+    if (messages.length > 0) {
+      const msgsNodeId = `messages:${s.id}`;
+      const msgsExpanded = expanded.has(msgsNodeId);
+      nodes.push({
+        id: msgsNodeId,
+        type: "messages",
+        depth: 1,
+        expandable: true,
+        expanded: msgsExpanded,
+        sessionId: s.id,
+        count: messages.length
+      });
+      if (msgsExpanded) {
+        for (const msg of messages) {
+          const sourceLabel2 = msg.source.type === "user" ? "You" : msg.source.type === "agent" ? msg.source.agentId : "system";
+          nodes.push({
+            id: `message:${s.id}:${msg.id}`,
+            type: "message",
+            depth: 2,
+            expandable: false,
+            expanded: false,
+            sessionId: s.id,
+            messageId: msg.id,
+            source: sourceLabel2,
+            summary: msg.summary || msg.content,
+            timestamp: msg.timestamp
+          });
+        }
+      }
+    }
+  }
+  return nodes;
+}
+function findParentIndex(nodes, index) {
+  const node = nodes[index];
+  if (!node || node.depth === 0) return index;
+  const targetDepth = node.depth - 1;
+  for (let i = index - 1; i >= 0; i--) {
+    if (nodes[i].depth === targetDepth) return i;
+    if (nodes[i].depth < targetDepth) return i;
+  }
+  return 0;
+}
+
+// src/tui/App.tsx
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function resolveEditor(configEditor) {
+  if (configEditor) return configEditor;
+  if (process.env.EDITOR) return process.env.EDITOR;
+  return "nvim";
+}
+function App({ cwd: cwd2 }) {
+  const { exit } = useApp();
+  const { stdout } = useStdout();
+  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(true);
+  const [focusPane, setFocusPane] = useState4("tree");
+  const [searchFilter, setSearchFilter] = useState4(null);
+  const [targetAgentId, setTargetAgentId] = useState4(null);
+  const cursorNodeIdRef = useRef3(null);
+  const prevNodesRef = useRef3([]);
+  const { sessions, selectedSession, planContent, goalContent, logsContent, logsCycles, paneAlive, error } = usePolling(cwd2, selectedSessionId);
+  const filteredSessions = useMemo4(() => {
+    if (!searchFilter) return sessions;
+    const q = searchFilter.toLowerCase();
+    return sessions.filter(
+      (s) => s.task.toLowerCase().includes(q) || s.id.toLowerCase().includes(q)
+    );
+  }, [sessions, searchFilter]);
+  const nodes = useMemo4(
+    () => buildTree(filteredSessions, selectedSession, expanded),
+    [filteredSessions, selectedSession, expanded]
+  );
+  if (nodes === prevNodesRef.current) {
+    const node = nodes[cursorIndex];
+    if (node) cursorNodeIdRef.current = node.id;
+  } else if (cursorNodeIdRef.current === null && nodes.length > 0) {
+    cursorNodeIdRef.current = nodes[0]?.id ?? null;
+  }
+  prevNodesRef.current = nodes;
+  useEffect3(() => {
+    const node = nodes[cursorIndex];
+    const id = node?.sessionId ?? null;
+    if (id !== selectedSessionId) {
+      setSelectedSessionId(id);
+    }
+  }, [nodes, cursorIndex, selectedSessionId]);
+  useEffect3(() => {
+    setDetailScrollOffset(0);
+    setLogsScrollOffset(0);
+  }, [cursorIndex]);
+  useEffect3(() => {
+    if (nodes.length === 0) {
+      setCursorIndex(0);
+      return;
+    }
+    const targetId = cursorNodeIdRef.current;
+    if (!targetId) {
+      cursorNodeIdRef.current = nodes[0]?.id ?? null;
+      return;
+    }
+    if (nodes[cursorIndex]?.id === targetId) return;
+    const newIndex = nodes.findIndex((n) => n.id === targetId);
+    if (newIndex !== -1) {
+      setCursorIndex(newIndex);
+    } else {
+      const clamped = Math.min(cursorIndex, nodes.length - 1);
+      setCursorIndex(clamped);
+      cursorNodeIdRef.current = nodes[clamped]?.id ?? null;
+    }
+  }, [nodes]);
+  const prevCycleCountRef = useRef3(0);
+  useEffect3(() => {
+    if (!selectedSession) return;
+    const sessionNodeId = `session:${selectedSession.id}`;
+    const cycles = selectedSession.orchestratorCycles;
+    setExpanded((prev) => {
+      if (!prev.has(sessionNodeId)) {
+        prevCycleCountRef.current = cycles.length;
+        return prev;
+      }
+      if (cycles.length === 0) {
+        prevCycleCountRef.current = 0;
+        return prev;
+      }
+      const latest = cycles[cycles.length - 1];
+      const latestId = `cycle:${selectedSession.id}:${latest.cycle}`;
+      let next = prev;
+      if (cycles.length > prevCycleCountRef.current && prevCycleCountRef.current > 0) {
+        const prevCycle = cycles[cycles.length - 2];
+        if (prevCycle) {
+          const prevId = `cycle:${selectedSession.id}:${prevCycle.cycle}`;
+          next = new Set(prev);
+          next.delete(prevId);
+          next.add(latestId);
+        }
+      } else if (!prev.has(latestId)) {
+        next = new Set(prev);
+        next.add(latestId);
+      }
+      prevCycleCountRef.current = cycles.length;
+      return next;
+    });
+  }, [selectedSession?.orchestratorCycles.length, selectedSession?.id]);
+  useEffect3(() => {
+    if (!notification) return;
+    const t = setTimeout(() => setNotification(null), 3e3);
+    return () => clearTimeout(t);
+  }, [notification]);
+  const notify = useCallback2((msg) => setNotification(msg), []);
+  const session = selectedSession;
+  const agents = session?.agents ?? [];
+  const cursorNode = nodes[cursorIndex];
+  const getAgentForNode = useCallback2(
+    (node) => {
+      if (!node || !session) return null;
+      if (node.type === "agent") return agents.find((a) => a.id === node.agentId) ?? null;
+      if (node.type === "report") return agents.find((a) => a.id === node.agentId) ?? null;
+      return null;
+    },
+    [session, agents]
+  );
+  const sendAndNotify = useCallback2(
+    async (request, successMsg) => {
+      try {
+        const res = await send(request);
+        notify(res.ok ? successMsg : `Error: ${res.error}`);
+      } catch (err) {
+        notify(`Error: ${err.message}`);
+      }
+    },
+    [notify]
+  );
+  const toggleExpand = useCallback2(
+    (nodeId) => {
+      setExpanded((prev) => {
+        const next = new Set(prev);
+        if (next.has(nodeId)) next.delete(nodeId);
+        else next.add(nodeId);
+        return next;
+      });
+    },
+    []
+  );
+  const expandNode = useCallback2(
+    (nodeId) => {
+      setExpanded((prev) => {
+        if (prev.has(nodeId)) return prev;
+        const next = new Set(prev);
+        next.add(nodeId);
+        return next;
+      });
+    },
+    []
+  );
+  const collapseNode = useCallback2(
+    (nodeId) => {
+      setExpanded((prev) => {
+        if (!prev.has(nodeId)) return prev;
+        const next = new Set(prev);
+        next.delete(nodeId);
+        return next;
+      });
+    },
+    []
+  );
+  const treeWidth = 36;
+  const remainingWidth = cols - treeWidth;
+  const detailWidth = showLogs ? Math.floor(remainingWidth * 0.6) : remainingWidth;
+  const logsWidth = showLogs ? remainingWidth - detailWidth : 0;
+  const contentHeight = rows - 3;
+  useKeybindings(
+    {
+      onMoveUp: () => {
+        if (focusPane === "detail") {
+          setDetailScrollOffset((o) => Math.max(0, o - 1));
+        } else if (focusPane === "logs") {
+          setLogsScrollOffset((o) => Math.max(0, o - 1));
+        } else {
+          setCursorIndex((i) => Math.max(0, i - 1));
+        }
+      },
+      onMoveDown: () => {
+        if (focusPane === "detail") {
+          setDetailScrollOffset((o) => o + 1);
+        } else if (focusPane === "logs") {
+          setLogsScrollOffset((o) => o + 1);
+        } else {
+          setCursorIndex((i) => Math.min(nodes.length - 1, i + 1));
+        }
+      },
+      onLeft: () => {
+        if (focusPane === "logs") {
+          setFocusPane("detail");
+          return;
+        }
+        if (focusPane === "detail") {
+          setFocusPane("tree");
+          return;
+        }
+        const node = nodes[cursorIndex];
+        if (!node) return;
+        if (node.expanded) {
+          collapseNode(node.id);
+        } else {
+          const parentIdx = findParentIndex(nodes, cursorIndex);
+          if (parentIdx !== cursorIndex) setCursorIndex(parentIdx);
+        }
+      },
+      onRight: () => {
+        const node = nodes[cursorIndex];
+        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}`);
+            }
+          }
+        } else if (node.expandable && node.expanded) {
+          if (cursorIndex + 1 < nodes.length && nodes[cursorIndex + 1].depth > node.depth) {
+            setCursorIndex(cursorIndex + 1);
+          }
+        }
+      },
+      onTab: () => {
+        setFocusPane((f) => {
+          if (f === "tree") return "detail";
+          if (f === "detail") return showLogs ? "logs" : "tree";
+          return "tree";
+        });
+      },
+      onToggleLogs: () => {
+        setShowLogs((prev) => {
+          if (prev) {
+            setFocusPane((f) => f === "logs" ? "detail" : f);
+            setLogsScrollOffset(0);
+          }
+          return !prev;
+        });
+      },
+      onSpace: () => {
+        setMode("leader");
+      },
+      onEnter: () => {
+        const node = nodes[cursorIndex];
+        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}`);
+            }
+          }
+        } else if (node.type === "report") {
+          setMode("report-detail");
+        }
+      },
+      onMessage: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        const editor = resolveEditor(config.editor);
+        try {
+          const content = editInPopup(cwd2, editor);
+          if (content) {
+            void sendAndNotify(
+              { type: "message", sessionId: selectedSessionId, content },
+              "Message queued"
+            );
+          }
+        } catch {
+          notify("Failed to open editor");
+        }
+      },
+      onKill: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        const node = nodes[cursorIndex];
+        if (node && (node.type === "agent" || node.type === "report")) {
+          const agentId = node.agentId;
+          const agent = agents.find((a) => a.id === agentId);
+          if (agent?.status !== "running") {
+            notify(`Agent ${agentId} is not running`);
+            return;
+          }
+          sendAndNotify({ type: "kill-agent", sessionId: selectedSessionId, agentId }, `Killed ${agentId}`);
+        } else {
+          sendAndNotify({ type: "kill", sessionId: selectedSessionId }, "Session killed");
+        }
+      },
+      onGoToWindow: () => {
+        if (!session?.tmuxWindowId) {
+          notify("No tmux window");
+          return;
+        }
+        if (session.tmuxSessionName) switchToSession(session.tmuxSessionName);
+        selectWindow(session.tmuxWindowId);
+      },
+      onEditGoal: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        const gp = goalPath(cwd2, selectedSessionId);
+        const editor = resolveEditor(config.editor);
+        try {
+          openEditorPopup(cwd2, editor, gp, { w: "80", h: "50%" });
+        } catch {
+          notify(`Failed to open goal in ${editor}`);
+        }
+      },
+      onNewSession: () => {
+        const editor = resolveEditor(config.editor);
+        try {
+          const content = editInPopup(cwd2, editor);
+          if (content) {
+            void sendAndNotify(
+              { type: "start", task: content, cwd: cwd2 },
+              "Session created"
+            );
+          }
+        } catch {
+          notify("Failed to open editor");
+        }
+      },
+      onClaude: () => {
+        try {
+          openCompanionPopup(cwd2);
+        } catch {
+          notify("Failed to open companion popup");
+        }
+      },
+      onOpenPlan: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        const pp = roadmapPath(cwd2, selectedSessionId);
+        const editor = resolveEditor(config.editor);
+        try {
+          openEditorPopup(cwd2, editor, pp);
+        } catch {
+          notify(`Failed to open roadmap in ${editor}`);
+        }
+      },
+      onQuit: () => exit(),
+      onReRun: () => {
+        const agent = getAgentForNode(cursorNode);
+        if (!agent || !selectedSessionId) {
+          notify("Select an agent to re-run");
+          return;
+        }
+        sendAndNotify({
+          type: "spawn",
+          sessionId: selectedSessionId,
+          agentType: agent.agentType,
+          name: `${agent.name}-retry`,
+          instruction: agent.instruction
+        }, `Re-spawned ${agent.name}`);
+      },
+      onJumpToPane: () => {
+        const agent = getAgentForNode(cursorNode);
+        if (!agent?.paneId) {
+          notify("Select an agent with an active pane");
+          return;
+        }
+        if (session?.tmuxSessionName) switchToSession(session.tmuxSessionName);
+        if (session?.tmuxWindowId) selectWindow(session.tmuxWindowId);
+        selectPane(agent.paneId);
+      },
+      onResume: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        if (session?.status === "active" && paneAlive) {
+          notify("Session already active");
+          return;
+        }
+        setMode("resume");
+      },
+      onContinue: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        if (session?.status !== "completed") {
+          notify("Session not completed");
+          return;
+        }
+        setMode("continue");
+      },
+      onRestartAgent: () => {
+        const agent = getAgentForNode(cursorNode);
+        if (!agent || !selectedSessionId) {
+          notify("Select an agent to restart");
+          return;
+        }
+        sendAndNotify(
+          { type: "restart-agent", sessionId: selectedSessionId, agentId: agent.id },
+          `Restarted ${agent.id}`
+        );
+      },
+      onRollback: () => {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          return;
+        }
+        setMode("rollback");
+      }
+    },
+    mode === "navigate"
+  );
+  useLeaderKey(mode, (action) => {
+    switch (action.type) {
+      case "enter-copy-menu":
+        setMode("copy-menu");
+        break;
+      case "copy-path": {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        const path = sessionDir(cwd2, selectedSessionId);
+        try {
+          copyToClipboard(path);
+          notify(`Copied path (${path})`);
+        } catch {
+          notify("Failed to copy to clipboard");
+        }
+        setMode("navigate");
+        break;
+      }
+      case "copy-context": {
+        if (!selectedSessionId || !session) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        try {
+          const xml = buildSessionContext(session, cwd2);
+          copyToClipboard(xml);
+          notify(`Copied context (${xml.length} chars)`);
+        } catch {
+          notify("Failed to copy context");
+        }
+        setMode("navigate");
+        break;
+      }
+      case "copy-logs": {
+        if (!logsContent) {
+          notify("No logs content");
+          setMode("navigate");
+          break;
+        }
+        try {
+          copyToClipboard(logsContent);
+          notify(`Copied logs (${logsContent.length} chars)`);
+        } catch {
+          notify("Failed to copy to clipboard");
+        }
+        setMode("navigate");
+        break;
+      }
+      case "copy-session-id": {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        try {
+          copyToClipboard(selectedSessionId);
+          notify(`Copied session ID (${selectedSessionId})`);
+        } catch {
+          notify("Failed to copy to clipboard");
+        }
+        setMode("navigate");
+        break;
+      }
+      case "delete-session": {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        setMode("delete-confirm");
+        break;
+      }
+      case "open-logs": {
+        try {
+          openLogPopup();
+        } catch {
+          notify("Failed to open log popup");
+        }
+        setMode("navigate");
+        break;
+      }
+      case "open-session-dir": {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        try {
+          openInFileManager(sessionDir(cwd2, selectedSessionId));
+        } catch {
+          notify("Failed to open session directory");
+        }
+        setMode("navigate");
+        break;
+      }
+      case "search":
+        setMode("search");
+        break;
+      case "jump-to-session": {
+        let count = 0;
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i]?.type === "session") {
+            count++;
+            if (count === action.index) {
+              setCursorIndex(i);
+              break;
+            }
+          }
+        }
+        setMode("navigate");
+        break;
+      }
+      case "spawn-agent": {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        setMode("spawn-agent");
+        break;
+      }
+      case "message-agent": {
+        const agent = getAgentForNode(cursorNode);
+        if (!agent) {
+          notify("Cursor must be on an agent");
+          setMode("navigate");
+          break;
+        }
+        setTargetAgentId(agent.id);
+        setMode("message-agent");
+        break;
+      }
+      case "help":
+        setMode("help");
+        break;
+      case "shell-command": {
+        if (!selectedSessionId) {
+          notify("No session selected");
+          setMode("navigate");
+          break;
+        }
+        setMode("shell-command");
+        break;
+      }
+      case "dismiss":
+        setMode("navigate");
+        break;
+    }
+  });
+  const handleSubmit = useCallback2(
+    async (text) => {
+      switch (mode) {
+        case "resume": {
+          if (!selectedSessionId) break;
+          await sendAndNotify(
+            { type: "resume", sessionId: selectedSessionId, cwd: cwd2, message: text || void 0 },
+            "Session resumed"
+          );
+          break;
+        }
+        case "continue": {
+          if (!selectedSessionId) break;
+          try {
+            const contRes = await send({ type: "continue", sessionId: selectedSessionId });
+            if (!contRes.ok) {
+              notify(`Error: ${contRes.error}`);
+              break;
+            }
+            await sendAndNotify(
+              { type: "resume", sessionId: selectedSessionId, cwd: cwd2, message: text || void 0 },
+              "Session continued"
+            );
+          } catch (err) {
+            notify(`Error: ${err.message}`);
+          }
+          break;
+        }
+        case "rollback": {
+          if (!selectedSessionId) break;
+          const toCycle = parseInt(text, 10);
+          if (isNaN(toCycle) || toCycle < 1) {
+            notify("Invalid cycle number");
+            break;
+          }
+          await sendAndNotify(
+            { type: "rollback", sessionId: selectedSessionId, cwd: cwd2, toCycle },
+            `Rolled back to cycle ${toCycle} \u2014 use [R]esume to respawn`
+          );
+          break;
+        }
+        case "delete-confirm": {
+          if (!selectedSessionId) break;
+          if (text !== "yes") {
+            notify('Delete cancelled (type "yes" to confirm)');
+            break;
+          }
+          await sendAndNotify(
+            { type: "delete", sessionId: selectedSessionId, cwd: cwd2 },
+            "Session deleted"
+          );
+          break;
+        }
+        case "spawn-agent": {
+          if (!selectedSessionId) break;
+          if (!text.trim()) {
+            notify("Instruction required");
+            break;
+          }
+          await sendAndNotify(
+            {
+              type: "spawn",
+              sessionId: selectedSessionId,
+              agentType: "default",
+              name: "agent",
+              instruction: text
+            },
+            "Agent spawned"
+          );
+          break;
+        }
+        case "search": {
+          setSearchFilter(text.trim() || null);
+          break;
+        }
+        case "message-agent": {
+          if (!selectedSessionId || !targetAgentId) break;
+          await sendAndNotify(
+            { type: "message", sessionId: selectedSessionId, content: text, source: { type: "agent", agentId: targetAgentId } },
+            `Message sent to ${targetAgentId}`
+          );
+          setTargetAgentId(null);
+          break;
+        }
+        case "shell-command": {
+          if (!text.trim()) break;
+          try {
+            openShellPopup(cwd2, text);
+          } catch {
+            notify("Failed to run shell command");
+          }
+          break;
+        }
+      }
+      setMode("navigate");
+    },
+    [mode, selectedSessionId, targetAgentId, cwd2, notify, sendAndNotify]
+  );
+  const handleCancel = useCallback2(() => {
+    setMode("navigate");
+    setFocusPane("tree");
+    setTargetAgentId(null);
+  }, []);
+  const reportAgent = useMemo4(() => {
+    if (mode === "report-detail") return getAgentForNode(cursorNode);
+    return null;
+  }, [mode, cursorNode, getAgentForNode]);
+  const reportBlocks = useMemo4(
+    () => reportAgent ? resolveReports(reportAgent.reports) : [],
+    [reportAgent]
+  );
+  const detailAgent = useMemo4(() => {
+    if (!cursorNode) return null;
+    if (cursorNode.type === "agent" || cursorNode.type === "report") {
+      return getAgentForNode(cursorNode);
+    }
+    return null;
+  }, [cursorNode, getAgentForNode]);
+  const detailReportBlocks = useMemo4(
+    () => detailAgent ? resolveReports(detailAgent.reports) : [],
+    [detailAgent]
+  );
+  const renderDetailPanel = useCallback2(
+    (detailWidth2, contentHeight2) => {
+      if (mode === "report-detail" && reportAgent) {
+        return /* @__PURE__ */ jsx13(
+          ReportView,
+          {
+            agent: reportAgent,
+            reportBlocks,
+            width: detailWidth2,
+            height: contentHeight2,
+            onClose: handleCancel
+          }
+        );
+      }
+      if (!cursorNode || !session) {
+        return /* @__PURE__ */ jsx13(
+          SessionDetail,
+          {
+            session: null,
+            planContent: "",
+            goalContent: "",
+            logsContent: "",
+            width: detailWidth2,
+            height: contentHeight2,
+            paneAlive: true
+          }
+        );
+      }
+      switch (cursorNode.type) {
+        case "session":
+          return /* @__PURE__ */ jsx13(
+            SessionDetail,
+            {
+              session,
+              planContent,
+              goalContent,
+              logsContent,
+              width: detailWidth2,
+              height: contentHeight2,
+              paneAlive,
+              scrollOffset: detailScrollOffset,
+              focused: focusPane === "detail"
+            }
+          );
+        case "cycle": {
+          const cycle = session.orchestratorCycles.find(
+            (c) => c.cycle === cursorNode.cycleNumber
+          );
+          if (!cycle) {
+            return /* @__PURE__ */ jsx13(
+              SessionDetail,
+              {
+                session,
+                planContent,
+                logsContent,
+                width: detailWidth2,
+                height: contentHeight2,
+                paneAlive
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx13(
+            CycleDetail,
+            {
+              cycle,
+              agents: session.agents,
+              width: detailWidth2,
+              height: contentHeight2
+            }
+          );
+        }
+        case "agent": {
+          const agent = agents.find((a) => a.id === cursorNode.agentId);
+          if (!agent) {
+            return /* @__PURE__ */ jsx13(
+              SessionDetail,
+              {
+                session,
+                planContent,
+                logsContent,
+                width: detailWidth2,
+                height: contentHeight2,
+                paneAlive
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx13(
+            AgentDetail,
+            {
+              agent,
+              reportBlocks: detailReportBlocks,
+              width: detailWidth2,
+              height: contentHeight2
+            }
+          );
+        }
+        case "report": {
+          const agent = agents.find((a) => a.id === cursorNode.agentId);
+          if (!agent) {
+            return /* @__PURE__ */ jsx13(
+              SessionDetail,
+              {
+                session,
+                planContent,
+                logsContent,
+                width: detailWidth2,
+                height: contentHeight2,
+                paneAlive
+              }
+            );
+          }
+          const reportIdx = cursorNode.reportIndex;
+          const specificBlock = detailReportBlocks.find((_b, i) => {
+            const originalIdx = agent.reports.length - 1 - i;
+            return originalIdx === reportIdx;
+          });
+          if (specificBlock) {
+            const badge = specificBlock.type === "final" ? "FINAL" : "UPDATE";
+            const badgeColor = specificBlock.type === "final" ? "cyan" : "yellow";
+            const reportLines = wrapText(specificBlock.content.trim(), detailWidth2 - 8);
+            const viewableLines = contentHeight2 - 7;
+            return /* @__PURE__ */ jsxs12(
+              Box13,
+              {
+                flexDirection: "column",
+                width: detailWidth2,
+                borderStyle: "round",
+                borderColor: badgeColor,
+                paddingX: 1,
+                children: [
+                  /* @__PURE__ */ jsxs12(Text13, { bold: true, children: [
+                    " ",
+                    /* @__PURE__ */ jsx13(Text13, { color: badgeColor, children: badge }),
+                    " ",
+                    agent.id,
+                    " \xB7 ",
+                    agent.name !== agent.id ? agent.name : agent.agentType
+                  ] }),
+                  /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
+                    "  ",
+                    formatTime(specificBlock.timestamp)
+                  ] }),
+                  /* @__PURE__ */ jsx13(Text13, { children: " " }),
+                  /* @__PURE__ */ jsxs12(Text13, { color: badgeColor, bold: true, children: [
+                    "  ",
+                    "\u258E CONTENT"
+                  ] }),
+                  reportLines.slice(0, viewableLines).map((line, i) => /* @__PURE__ */ jsxs12(Text13, { children: [
+                    "    ",
+                    line
+                  ] }, i)),
+                  reportLines.length > viewableLines && /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
+                    "    ",
+                    "\u2026 ",
+                    reportLines.length - viewableLines,
+                    " more lines [enter] full view"
+                  ] })
+                ]
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx13(
+            AgentDetail,
+            {
+              agent,
+              reportBlocks: detailReportBlocks,
+              width: detailWidth2,
+              height: contentHeight2
+            }
+          );
+        }
+        case "messages":
+          return /* @__PURE__ */ jsxs12(
+            Box13,
+            {
+              flexDirection: "column",
+              width: detailWidth2,
+              borderStyle: "round",
+              borderColor: "gray",
+              paddingX: 1,
+              children: [
+                /* @__PURE__ */ jsxs12(Text13, { bold: true, children: [
+                  " Messages (",
+                  session.messages.length,
+                  ")"
+                ] }),
+                /* @__PURE__ */ jsx13(
+                  MessageLog,
+                  {
+                    messages: session.messages,
+                    maxMessages: contentHeight2 - 4,
+                    width: detailWidth2 - 4
+                  }
+                )
+              ]
+            }
+          );
+        case "message": {
+          const msg = session.messages.find((m) => m.id === cursorNode.messageId);
+          return /* @__PURE__ */ jsxs12(
+            Box13,
+            {
+              flexDirection: "column",
+              width: detailWidth2,
+              borderStyle: "round",
+              borderColor: "gray",
+              paddingX: 1,
+              children: [
+                /* @__PURE__ */ jsx13(Text13, { bold: true, children: " Message" }),
+                msg ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+                  /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
+                    "  ",
+                    cursorNode.source,
+                    " \xB7 ",
+                    cursorNode.timestamp
+                  ] }),
+                  /* @__PURE__ */ jsxs12(Text13, { children: [
+                    "  ",
+                    msg.content
+                  ] })
+                ] }) : /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "Message not found" })
+              ]
+            }
+          );
+        }
+        default:
+          return /* @__PURE__ */ jsx13(
+            SessionDetail,
+            {
+              session,
+              planContent,
+              goalContent,
+              width: detailWidth2,
+              height: contentHeight2,
+              paneAlive
+            }
+          );
+      }
+    },
+    [cursorNode, session, planContent, goalContent, logsContent, paneAlive, agents, mode, reportAgent, reportBlocks, detailReportBlocks, handleCancel, detailScrollOffset, focusPane]
+  );
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", width: cols, height: rows, children: [
+    /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", height: contentHeight, children: [
+      /* @__PURE__ */ jsx13(
+        SessionTree,
+        {
+          nodes,
+          cursorIndex,
+          width: treeWidth,
+          height: contentHeight,
+          focused: mode === "navigate" && focusPane === "tree"
+        }
+      ),
+      renderDetailPanel(detailWidth, contentHeight),
+      showLogs && /* @__PURE__ */ jsx13(
+        LogsPanel,
+        {
+          cycleLogs: selectedSession ? logsCycles : [],
+          width: logsWidth,
+          height: contentHeight,
+          scrollOffset: logsScrollOffset,
+          focused: mode === "navigate" && focusPane === "logs"
+        }
+      )
+    ] }),
+    notification && /* @__PURE__ */ jsx13(Box13, { paddingX: 1, children: /* @__PURE__ */ jsx13(Text13, { 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(Box13, { paddingX: 1, children: /* @__PURE__ */ jsxs12(Text13, { color: "red", children: [
+      "\u26A0 ",
+      error
+    ] }) }),
+    /* @__PURE__ */ jsx13(
+      InputBar,
+      {
+        mode,
+        defaultText: mode === "rollback" && cursorNode?.type === "cycle" ? String(cursorNode.cycleNumber) : void 0,
+        onSubmit: handleSubmit,
+        onCancel: handleCancel
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      StatusLine,
+      {
+        mode,
+        detailFocused: focusPane === "detail",
+        logsFocused: focusPane === "logs",
+        showLogs
+      }
+    ),
+    /* @__PURE__ */ jsx13(LeaderOverlay, { mode, rows, cols }),
+    /* @__PURE__ */ jsx13(HelpOverlay, { mode, rows, cols })
+  ] });
+}
+
+// src/tui/index.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var args = process.argv.slice(2);
+function getArg(name) {
+  const idx = args.indexOf(`--${name}`);
+  if (idx !== -1 && idx + 1 < args.length) {
+    return args[idx + 1];
+  }
+  return void 0;
+}
+var cwd = getArg("cwd") ?? process.cwd();
+render(/* @__PURE__ */ jsx14(App, { cwd }));
+//# sourceMappingURL=tui.js.map