@wrongstack/tui 0.8.4 → 0.8.5

package/dist/index.js

@@ -16,8 +16,8 @@ function stringifyInput(input) {
   const obj = input;
   return Object.entries(obj).filter(([k]) => k !== "content" && k !== "new_string").map(([k, v]) => `${k}: ${truncate(JSON.stringify(v), 80)}`).join("  ");
 }
-function truncate(s, max) {
-  return s.length <= max ? s : `${s.slice(0, max - 1)}\u2026`;
+function truncate(s2, max) {
+  return s2.length <= max ? s2 : `${s2.slice(0, max - 1)}\u2026`;
 }
 function hasDiff(input) {
   return Boolean(
@@ -677,11 +677,11 @@ function fmtElapsed(ms) {
   const totalSec = Math.floor(ms / 1e3);
   const h = Math.floor(totalSec / 3600);
   const m = Math.floor(totalSec % 3600 / 60);
-  const s = totalSec % 60;
+  const s2 = totalSec % 60;
   if (h > 0) {
-    return `${h}:${pad2(m)}:${pad2(s)}`;
+    return `${h}:${pad2(m)}:${pad2(s2)}`;
   }
-  return `${pad2(m)}:${pad2(s)}`;
+  return `${pad2(m)}:${pad2(s2)}`;
 }
 function pad2(n) {
   return n < 10 ? `0${n}` : String(n);
@@ -751,11 +751,11 @@ function FleetMonitor({
   for (const e of all) {
     events.push({ at: e.startedAt, icon: "\u25CF", color: "cyan", text: `${e.name} spawned` });
     if (e.status !== "running" && e.status !== "idle") {
-      const s = STATUS[e.status];
+      const s2 = STATUS[e.status];
       events.push({
         at: e.lastEventAt,
-        icon: s.icon,
-        color: s.color,
+        icon: s2.icon,
+        color: s2.color,
         text: `${e.name} ${e.status} (${e.toolCalls}t)`
       });
     }
@@ -824,12 +824,12 @@ function FleetMonitor({
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: "cost" })
       ] }),
       shown.map((e) => {
-        const s = STATUS[e.status];
+        const s2 = STATUS[e.status];
         const elapsed = e.status === "running" ? fmtElapsed(Math.max(0, nowTick - e.startedAt)) : fmtElapsed(Math.max(0, nowTick - e.lastEventAt)) + " ago";
         return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: s.color, children: s.icon }),
+          /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.icon }),
           /* @__PURE__ */ jsx(Text, { children: e.name.padEnd(16).slice(0, 16) }),
-          /* @__PURE__ */ jsx(Text, { color: s.color, children: e.status.padEnd(10) }),
+          /* @__PURE__ */ jsx(Text, { color: s2.color, children: e.status.padEnd(10) }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: `L${e.iterations} ${e.toolCalls}t`.padEnd(8) }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: elapsed.padEnd(8).slice(0, 8) }),
           /* @__PURE__ */ jsx(Text, { color: "yellow", children: fmtCost2(e.cost) }),
@@ -870,8 +870,8 @@ function fmtTokens2(n) {
   if (n < 1e6) return `${(n / 1e3).toFixed(1)}k`;
   return `${(n / 1e6).toFixed(1)}M`;
 }
-function snippet(s, max = 72) {
-  const oneLine2 = s.replace(/\s+/g, " ").trim();
+function snippet(s2, max = 72) {
+  const oneLine2 = s2.replace(/\s+/g, " ").trim();
   if (oneLine2.length <= max) return oneLine2;
   return `${oneLine2.slice(0, max - 1)}\u2026`;
 }
@@ -931,7 +931,7 @@ function AgentsMonitor({
     ] }),
     shown.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No live agents \u2014 spawn with /spawn or /fleet dispatch." }) : null,
     shown.map((e) => {
-      const s = STATUS2[e.status];
+      const s2 = STATUS2[e.status];
       const elapsed = e.status === "running" ? fmtElapsed(Math.max(0, nowTick - e.startedAt)) : e.status;
       const spark = sparkline(bucketActivity(e.recentTools, nowTick));
       const lastTool = e.recentTools[e.recentTools.length - 1];
@@ -940,7 +940,7 @@ function AgentsMonitor({
       const toolElapsed = e.currentTool ? Math.max(0, nowTick - e.currentTool.startedAt) : 0;
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: s.color, bold: true, children: s.icon }),
+          /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
           /* @__PURE__ */ jsx(Text, { bold: true, children: e.name }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: elapsed }),
@@ -999,6 +999,179 @@ function AgentsMonitor({
     })
   ] });
 }
+var fmtElapsed2 = (ms) => {
+  const s2 = Math.floor(ms / 1e3);
+  const m = Math.floor(s2 / 60);
+  const h = Math.floor(m / 60);
+  if (h > 0) return `${h}:${String(m % 60).padStart(2, "0")}:${String(s2 % 60).padStart(2, "0")}`;
+  if (m > 0) return `${m}:${String(s2 % 60).padStart(2, "0")}`;
+  return `${s2}s`;
+};
+var PHASE_STATUS = {
+  pending: { icon: "\u23F3", color: "gray", label: "pending" },
+  ready: { icon: "\u{1F51C}", color: "cyan", label: "ready" },
+  running: { icon: "\u25B6", color: "yellow", label: "running" },
+  paused: { icon: "\u23F8", color: "magenta", label: "paused" },
+  completed: { icon: "\u2713", color: "green", label: "done" },
+  failed: { icon: "\u2717", color: "red", label: "failed" },
+  skipped: { icon: "\u23ED", color: "gray", label: "skipped" }
+};
+function fmtPhase(s2) {
+  return PHASE_STATUS[s2] ?? { icon: "?", color: "white", label: s2 };
+}
+function PhaseMonitor({
+  phases,
+  runningPhaseIds,
+  elapsedMs,
+  nowTick,
+  onClose
+}) {
+  useInput((_, key) => {
+    if (key.escape) onClose();
+  });
+  const phaseList = Object.values(phases);
+  const running = phaseList.filter((p) => runningPhaseIds.includes(Object.keys(phases).find((k) => phases[k] === p) ?? ""));
+  const done = phaseList.filter((p) => p.status === "completed" || p.status === "skipped");
+  const failed = phaseList.filter((p) => p.status === "failed");
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "PHASE MONITOR" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u23F1 ",
+        fmtElapsed2(elapsedMs)
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+        "\u25B6",
+        running.length
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+        "\u2713",
+        done.length
+      ] }),
+      failed.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+          "\u2717",
+          failed.length
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Ctrl+P / Esc to close" })
+    ] }),
+    phaseList.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No phases active. Use /autophase start [title] to begin." }) : phaseList.map((phase, i) => {
+      const s2 = fmtPhase(phase.status);
+      const phaseKey = Object.keys(phases).find((k) => phases[k] === phase) ?? String(i);
+      const isRunning = runningPhaseIds.includes(phaseKey);
+      const elapsed = phase.startedAt ? fmtElapsed2(nowTick - phase.startedAt) : "\u2014";
+      const progress = phase.totalTasks > 0 ? `${phase.completedTasks}/${phase.totalTasks}` : "\u2014";
+      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
+        /* @__PURE__ */ jsx(Text, { bold: true, children: phase.name }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.label }),
+        isRunning ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "elapsed ",
+            elapsed
+          ] })
+        ] }) : null,
+        phase.totalTasks > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "tasks ",
+            progress
+          ] })
+        ] })
+      ] }) }, phaseKey);
+    }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate phases \xB7 Esc close" }) })
+  ] });
+}
+var fmtElapsed3 = (ms) => {
+  const s2 = Math.floor(ms / 1e3);
+  const m = Math.floor(s2 / 60);
+  const h = Math.floor(m / 60);
+  if (h > 0) return `${h}:${String(m % 60).padStart(2, "0")}:${String(s2 % 60).padStart(2, "0")}`;
+  if (m > 0) return `${m}:${String(s2 % 60).padStart(2, "0")}`;
+  return `${s2}s`;
+};
+var STATUS3 = {
+  pending: { icon: "\u25CB", color: "gray" },
+  ready: { icon: "\u25D0", color: "cyan" },
+  running: { icon: "\u25CF", color: "yellow" },
+  paused: { icon: "\u23F8", color: "magenta" },
+  completed: { icon: "\u2713", color: "green" },
+  failed: { icon: "\u2717", color: "red" },
+  skipped: { icon: "\u2298", color: "gray" }
+};
+function s(entry) {
+  return STATUS3[entry] ?? { icon: "?", color: "white" };
+}
+function PhasePanel({ phases, runningPhaseIds, nowTick }) {
+  const list = Object.values(phases);
+  if (list.length === 0) return null;
+  const done = list.filter((p) => p.status === "completed" || p.status === "skipped").length;
+  const running = list.filter((p) => p.status === "running").length;
+  const failed = list.filter((p) => p.status === "failed").length;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      paddingX: 1,
+      borderStyle: "single",
+      borderTop: false,
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Phases" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+          /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+            "\u25B6",
+            running
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\u2713",
+            done
+          ] }),
+          failed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+            "\u2717",
+            failed
+          ] }) : null,
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\xB7 ",
+            list.length,
+            " total"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7 Ctrl+P for details" })
+        ] }),
+        list.map((phase, i) => {
+          const phaseKey = Object.keys(phases).find((k) => phases[k] === phase) ?? String(i);
+          const st = s(phase.status);
+          const progress = phase.totalTasks > 0 ? `${phase.completedTasks}/${phase.totalTasks}` : "";
+          const elapsed = phase.startedAt ? fmtElapsed3(nowTick - phase.startedAt) : "";
+          return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: st.color, children: st.icon }),
+            /* @__PURE__ */ jsx(Text, { children: phase.name.slice(0, 14).padEnd(14) }),
+            /* @__PURE__ */ jsx(Text, { color: st.color, dimColor: true, children: st.icon === "\u25CF" ? phase.status : "" }),
+            progress ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              " ",
+              progress
+            ] }) : null,
+            elapsed && st.icon === "\u25CF" ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              " ",
+              elapsed
+            ] }) : null
+          ] }, phaseKey);
+        })
+      ]
+    }
+  );
+}
 
 // src/markdown-table.ts
 function renderMarkdownTables(text, maxWidth) {
@@ -1095,7 +1268,7 @@ function computeWidths(allRows, cols, maxWidth) {
       if (w > natural[c]) natural[c] = Math.min(total + 1, w);
     }
   }
-  const sumNatural = natural.reduce((s, n) => s + n, 0);
+  const sumNatural = natural.reduce((s2, n) => s2 + n, 0);
   if (sumNatural <= avail) return natural;
   const widths = natural.slice();
   let sum = sumNatural;
@@ -1116,9 +1289,9 @@ function computeWidths(allRows, cols, maxWidth) {
   return widths;
 }
 var MIN_COL_WIDTH = 4;
-function longestWord(s) {
+function longestWord(s2) {
   let max = 0;
-  for (const w of s.split(/\s+/)) if (w.length > max) max = w.length;
+  for (const w of s2.split(/\s+/)) if (w.length > max) max = w.length;
   return max;
 }
 function border(left, mid, right, widths) {
@@ -2066,11 +2239,11 @@ function stringOf(v) {
 function numOf(v) {
   return typeof v === "number" && Number.isFinite(v) ? v : void 0;
 }
-function tryParseJson(s) {
-  const t = s.trimStart();
+function tryParseJson(s2) {
+  const t = s2.trimStart();
   if (!t.startsWith("{") && !t.startsWith("[")) return void 0;
   try {
-    return JSON.parse(s);
+    return JSON.parse(s2);
   } catch {
     return void 0;
   }
@@ -2101,9 +2274,9 @@ function fmtBytes2(n) {
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)}KB`;
   return `${(n / (1024 * 1024)).toFixed(1)}MB`;
 }
-function truncMid(s, max) {
-  if (s.length <= max) return s;
-  return `${s.slice(0, max - 1)}\u2026`;
+function truncMid(s2, max) {
+  if (s2.length <= max) return s2;
+  return `${s2.slice(0, max - 1)}\u2026`;
 }
 function isHomeEnd(data) {
   if (data === "\x1B[H" || data === "\x1B[1~" || data === "\x1BOH" || data === "\x1B[7~")
@@ -2177,12 +2350,12 @@ function Input({
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
 }
-function fmtElapsed2(ms) {
+function fmtElapsed4(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
   const m = Math.floor(ms / 6e4);
-  const s = Math.floor(ms % 6e4 / 1e3);
-  return `${m}m${s.toString().padStart(2, "0")}s`;
+  const s2 = Math.floor(ms % 6e4 / 1e3);
+  return `${m}m${s2.toString().padStart(2, "0")}s`;
 }
 function fmtBytes3(n) {
   if (n < 1024) return `${n}B`;
@@ -2192,7 +2365,7 @@ function fmtRecentTool2(tool) {
   const status = tool.ok === false ? "fail" : "ok";
   const name = tool.name.length > 18 ? `${tool.name.slice(0, 17)}...` : tool.name;
   const parts = [status, name];
-  if (typeof tool.durationMs === "number") parts.push(fmtElapsed2(tool.durationMs));
+  if (typeof tool.durationMs === "number") parts.push(fmtElapsed4(tool.durationMs));
   if (typeof tool.outputBytes === "number" && tool.outputBytes > 0) parts.push(fmtBytes3(tool.outputBytes));
   if (typeof tool.outputLines === "number" && tool.outputLines > 0) parts.push(`${tool.outputLines}L`);
   return parts.join(" ");
@@ -2213,7 +2386,7 @@ function LiveActivityStrip({
     running.map((e) => {
       const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
       const taskElapsed = now - e.startedAt;
-      const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed2(toolElapsed)})` : "idle between tools";
+      const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed4(toolElapsed)})` : "idle between tools";
       const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool2).join(" | ");
       const messageText = e.streamingText.trim() || (e.recentMessages ?? []).slice(-1).map(fmtRecentMessage2).join("");
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
@@ -2227,7 +2400,7 @@ function LiveActivityStrip({
           "it ",
           e.toolCalls,
           "tc \xB7 ",
-          fmtElapsed2(taskElapsed)
+          fmtElapsed4(taskElapsed)
         ] }),
         recentTools ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
@@ -2386,10 +2559,10 @@ async function walk(root, rel, depth, out) {
     }
   }
 }
-function score(s, query) {
-  if (!query) return s.length;
+function score(s2, query) {
+  if (!query) return s2.length;
   const ql = query.toLowerCase();
-  const sl = s.toLowerCase();
+  const sl = s2.toLowerCase();
   let si = 0;
   let firstHit = -1;
   let lastHit = -1;
@@ -2402,7 +2575,7 @@ function score(s, query) {
     si++;
   }
   const span = lastHit - firstHit;
-  return span * 100 + firstHit * 2 + s.length;
+  return span * 100 + firstHit * 2 + s2.length;
 }
 async function searchFiles(root, query, limit = 8) {
   const all = await loadIndex(root);
@@ -2556,8 +2729,8 @@ function renderList(queue) {
   }
   return lines.join("\n");
 }
-function oneLine(s, max) {
-  const collapsed = s.replace(/\s+/g, " ").trim();
+function oneLine(s2, max) {
+  const collapsed = s2.replace(/\s+/g, " ").trim();
   return collapsed.length <= max ? collapsed : `${collapsed.slice(0, max - 1)}\u2026`;
 }
 var USAGE2 = "Usage:\n  /kill             \u2014 list active processes + breaker state\n  /kill list        \u2014 same as /kill\n  /kill all         \u2014 kill all tracked processes (SIGTERM \u2192 SIGKILL)\n  /kill force       \u2014 kill all with SIGKILL immediately\n  /kill reset       \u2014 reset the circuit breaker to closed\n  /kill <pid>       \u2014 kill a specific process by PID";
@@ -3224,6 +3397,61 @@ function reducer(state, action) {
     case "goalSummary": {
       return { ...state, goalSummary: action.summary };
     }
+    case "autoPhaseInit": {
+      return {
+        ...state,
+        autoPhase: {
+          title: action.title,
+          phases: {},
+          runningPhaseIds: [],
+          elapsedMs: 0,
+          monitorOpen: false
+        }
+      };
+    }
+    case "autoPhasePhaseUpdate": {
+      const existing = state.autoPhase ?? {
+        title: "AutoPhase",
+        phases: {},
+        runningPhaseIds: [],
+        elapsedMs: 0,
+        monitorOpen: false
+      };
+      return {
+        ...state,
+        autoPhase: {
+          ...existing,
+          phases: {
+            ...existing.phases,
+            [action.phaseId]: {
+              name: action.name,
+              status: action.status,
+              completedTasks: action.completedTasks,
+              totalTasks: action.totalTasks,
+              startedAt: action.startedAt
+            }
+          }
+        }
+      };
+    }
+    case "autoPhaseRunningPhases": {
+      if (!state.autoPhase) return state;
+      return {
+        ...state,
+        autoPhase: { ...state.autoPhase, runningPhaseIds: action.phaseIds }
+      };
+    }
+    case "autoPhaseElapsed": {
+      if (!state.autoPhase) return state;
+      return { ...state, autoPhase: { ...state.autoPhase, elapsedMs: action.ms } };
+    }
+    case "autoPhaseMonitorToggle": {
+      if (!state.autoPhase) return state;
+      return { ...state, autoPhase: { ...state.autoPhase, monitorOpen: !state.autoPhase.monitorOpen } };
+    }
+    case "autoPhaseReset": {
+      return { ...state, autoPhase: null };
+    }
   }
 }
 var PASTE_THRESHOLD_CHARS = 200;
@@ -3234,7 +3462,7 @@ function buildSteeringPreamble(snapshot, newDirection) {
     ctx.push(`- in-flight tools (now cancelled): ${snapshot.runningTools.join(", ")}`);
   }
   if (snapshot?.subagentsTerminated && snapshot.subagentsTerminated > 0) {
-    const subDetails = snapshot.subagents.map((s) => `${s.label}${s.tool ? ` (was running: ${s.tool})` : ""}`).join(", ");
+    const subDetails = snapshot.subagents.map((s2) => `${s2.label}${s2.tool ? ` (was running: ${s2.tool})` : ""}`).join(", ");
     ctx.push(
       `- subagents (${snapshot.subagentsTerminated} terminated by me, do NOT await them): ${subDetails}`
     );
@@ -3279,6 +3507,7 @@ function App({
   getParallelEngine,
   subscribeEternalIteration,
   subscribeEternalStage,
+  subscribeAutoPhase,
   getSDDContext,
   onSDDOutput,
   appVersion,
@@ -3395,7 +3624,8 @@ function App({
     checkpoints: [],
     rewindOverlay: null,
     eternalStage: null,
-    goalSummary: null
+    goalSummary: null,
+    autoPhase: null
   });
   const builderRef = useRef(null);
   if (builderRef.current === null) {
@@ -3794,9 +4024,9 @@ function App({
         if (!text) {
           return { message: "Usage: /steer <new direction>" };
         }
-        const s = stateRef.current;
-        const runningTools = Array.from(s.runningTools.values()).map((t) => t.name);
-        const subagents = Object.values(s.fleet).filter((e) => e.status === "running").map((e) => ({ label: e.name, status: e.status, tool: e.currentTool?.name }));
+        const s2 = stateRef.current;
+        const runningTools = Array.from(s2.runningTools.values()).map((t) => t.name);
+        const subagents = Object.values(s2.fleet).filter((e) => e.status === "running").map((e) => ({ label: e.name, status: e.status, tool: e.currentTool?.name }));
         const subagentsTerminated = subagents.length;
         const partialAssistantText = streamingTextRef.current.slice(-1500);
         activeCtrlRef.current?.abort();
@@ -3804,7 +4034,7 @@ function App({
           type: "steerStart",
           snapshot: { runningTools, subagents, subagentsTerminated, partialAssistantText }
         });
-        const droppedCount = s.queue.length;
+        const droppedCount = s2.queue.length;
         if (droppedCount > 0) dispatch({ type: "queueClear" });
         if (director && subagentsTerminated > 0) {
           const cap = new Promise((resolve) => {
@@ -3851,8 +4081,8 @@ function App({
           handleRewindTo(idx);
           return {};
         }
-        const s = stateRef.current;
-        if (s.checkpoints.length === 0) {
+        const s2 = stateRef.current;
+        if (s2.checkpoints.length === 0) {
           return { message: "No checkpoints in this session yet." };
         }
         dispatch({ type: "rewindOverlayOpen" });
@@ -4201,6 +4431,69 @@ function App({
       offRewound();
     };
   }, [events, onClearHistory]);
+  useEffect(() => {
+    if (!subscribeAutoPhase) return;
+    const handler = (event, payload) => {
+      switch (event) {
+        case "phase.started": {
+          const p = payload;
+          dispatch({ type: "autoPhasePhaseUpdate", phaseId: p.phaseId, name: p.name, status: "running", completedTasks: 0, totalTasks: 0, startedAt: Date.now() });
+          break;
+        }
+        case "phase.completed": {
+          const p = payload;
+          dispatch({ type: "autoPhasePhaseUpdate", phaseId: p.phaseId, name: p.name, status: "completed", completedTasks: 0, totalTasks: 0 });
+          break;
+        }
+        case "phase.failed": {
+          const p = payload;
+          dispatch({ type: "autoPhasePhaseUpdate", phaseId: p.phaseId, name: p.name, status: "failed", completedTasks: 0, totalTasks: 0 });
+          break;
+        }
+        case "phase.statusChange": {
+          const p = payload;
+          const status = p.to === "running" ? "running" : p.to;
+          dispatch({ type: "autoPhasePhaseUpdate", phaseId: p.phaseId, name: p.name, status, completedTasks: 0, totalTasks: 0 });
+          break;
+        }
+        case "phase.taskCompleted": {
+          const p = payload;
+          const existing = stateRef.current.autoPhase?.phases[p.phaseId];
+          if (existing) {
+            dispatch({
+              type: "autoPhasePhaseUpdate",
+              phaseId: p.phaseId,
+              name: existing.name,
+              status: existing.status,
+              completedTasks: existing.completedTasks + 1,
+              totalTasks: existing.totalTasks
+            });
+          }
+          break;
+        }
+        case "autonomous.tick": {
+          const p = payload;
+          dispatch({ type: "autoPhaseRunningPhases", phaseIds: p.activePhases.map((ph) => ph.id) });
+          const ap = stateRef.current.autoPhase;
+          if (ap) {
+            const firstPhase = ap.phases[Object.keys(ap.phases)[0] ?? ""];
+            const elapsed = ap.elapsedMs > 0 ? ap.elapsedMs + 1e3 : Date.now() - (firstPhase?.startedAt ?? Date.now());
+            dispatch({ type: "autoPhaseElapsed", ms: elapsed });
+          }
+          break;
+        }
+        case "graph.completed": {
+          dispatch({ type: "autoPhaseReset" });
+          break;
+        }
+        case "graph.failed": {
+          dispatch({ type: "autoPhaseReset" });
+          break;
+        }
+      }
+    };
+    return subscribeAutoPhase(handler);
+  }, [subscribeAutoPhase]);
   useEffect(() => {
     const offFired = events.on("compaction.fired", (e) => {
       const { level, tokens, load, maxContext: maxContext2, report } = e;
@@ -4302,16 +4595,16 @@ function App({
       streamFlushTimer = null;
     };
     const status = d.status();
-    for (const s of status.subagents) {
-      const meta = d.getSubagentMeta(s.id);
+    for (const s2 of status.subagents) {
+      const meta = d.getSubagentMeta(s2.id);
       dispatch({
         type: "fleetSpawn",
-        id: s.id,
-        name: meta?.name ?? s.name,
+        id: s2.id,
+        name: meta?.name ?? s2.name,
         provider: meta?.provider,
         model: meta?.model
       });
-      labelFor(s.id, meta?.name ?? s.name);
+      labelFor(s2.id, meta?.name ?? s2.name);
     }
     dispatch({ type: "fleetCost", cost: d.snapshot().total.cost, input: d.snapshot().total.input, output: d.snapshot().total.output });
     const seen = new Set(Object.keys(status.subagents));
@@ -4726,6 +5019,10 @@ function App({
       }
       return;
     }
+    if (key.ctrl && input === "p") {
+      dispatch({ type: "autoPhaseMonitorToggle" });
+      return;
+    }
     if (state.autonomyPicker.open) {
       if (key.escape) {
         dispatch({ type: "autonomyPickerClose" });
@@ -4947,6 +5244,15 @@ function App({
       if (state.historyIndex > 0) dispatch({ type: "historyDown" });
       return;
     }
+    if (key.ctrl && input === "p") {
+      if (state.autoPhase) dispatch({ type: "autoPhaseMonitorToggle" });
+      else {
+        slashRegistry.dispatch("/autophase", agent.ctx).then((res) => {
+          if (res?.message) dispatch({ type: "addEntry", entry: { kind: "info", text: res.message } });
+        });
+      }
+      return;
+    }
     if (key.ctrl && input === "a") {
       setDraft(buffer, 0);
       return;
@@ -5194,6 +5500,10 @@ function App({
         if (res?.message) {
           dispatch({ type: "addEntry", entry: { kind: "info", text: res.message } });
         }
+        if (res?.metadata?.autoPhaseInit) {
+          const m = res.metadata.autoPhaseInit;
+          dispatch({ type: "autoPhaseInit", title: m.title });
+        }
         const ctxModel = agent.ctx.model;
         if (ctxModel && ctxModel !== liveModel) setLiveModel(ctxModel);
         const ctxProviderId = agent.ctx.provider?.id;
@@ -5433,6 +5743,15 @@ User message:
         totalTokens: state.fleetTokens,
         nowTick
       }
+    ) : state.autoPhase?.monitorOpen ? /* @__PURE__ */ jsx(
+      PhaseMonitor,
+      {
+        phases: state.autoPhase.phases,
+        runningPhaseIds: state.autoPhase.runningPhaseIds,
+        elapsedMs: state.autoPhase.elapsedMs,
+        nowTick,
+        onClose: () => dispatch({ type: "autoPhaseMonitorToggle" })
+      }
     ) : state.monitorOpen ? /* @__PURE__ */ jsx(
       FleetMonitor,
       {
@@ -5441,7 +5760,15 @@ User message:
         totalTokens: state.fleetTokens,
         nowTick
       }
-    ) : director ? /* @__PURE__ */ jsx(FleetPanel, { entries: state.fleet, totalCost: state.fleetCost, roster: fleetRoster }) : null
+    ) : director ? /* @__PURE__ */ jsx(FleetPanel, { entries: state.fleet, totalCost: state.fleetCost, roster: fleetRoster }) : null,
+    state.autoPhase && !state.autoPhase.monitorOpen ? /* @__PURE__ */ jsx(
+      PhasePanel,
+      {
+        phases: state.autoPhase.phases,
+        runningPhaseIds: state.autoPhase.runningPhaseIds,
+        nowTick
+      }
+    ) : null
   ] });
 }
 function renderRunningTools(running) {
@@ -5500,9 +5827,9 @@ async function runTui(opts) {
   const swallowSignals = ["SIGTSTP", "SIGQUIT", "SIGTTIN", "SIGTTOU"];
   const swallow = () => {
   };
-  for (const s of swallowSignals) {
+  for (const s2 of swallowSignals) {
     try {
-      process.on(s, swallow);
+      process.on(s2, swallow);
     } catch {
     }
   }
@@ -5521,13 +5848,13 @@ async function runTui(opts) {
   const signals = ["SIGTERM", "SIGHUP", "SIGINT"];
   const signalHandler = () => cleanup();
   const exitHandler = () => cleanup();
-  for (const s of signals) process.on(s, signalHandler);
+  for (const s2 of signals) process.on(s2, signalHandler);
   process.on("exit", exitHandler);
   const detachListeners = () => {
-    for (const s of signals) process.off(s, signalHandler);
-    for (const s of swallowSignals) {
+    for (const s2 of signals) process.off(s2, signalHandler);
+    for (const s2 of swallowSignals) {
       try {
-        process.off(s, swallow);
+        process.off(s2, swallow);
       } catch {
       }
     }
@@ -5570,6 +5897,7 @@ async function runTui(opts) {
           getParallelEngine: opts.getParallelEngine,
           subscribeEternalIteration: opts.subscribeEternalIteration,
           subscribeEternalStage: opts.subscribeEternalStage,
+          subscribeAutoPhase: opts.subscribeAutoPhase,
           appVersion: opts.appVersion,
           provider: opts.provider,
           family: opts.family,