@neotx/cli 0.1.0-alpha.24 → 0.1.0-alpha.25

package/dist/tui-LSW7VVK6.js

@@ -0,0 +1,1319 @@
+// src/tui/index.ts
+import { render } from "ink";
+import React from "react";
+
+// src/tui/supervisor-tui.tsx
+import { randomUUID } from "crypto";
+import { appendFile, mkdir, readFile } from "fs/promises";
+import path from "path";
+import {
+  DecisionStore,
+  getFocusedSupervisorDir,
+  getSupervisorActivityPath,
+  getSupervisorChildrenPath,
+  getSupervisorDecisionsPath,
+  getSupervisorDir,
+  getSupervisorInboxPath,
+  getSupervisorStatePath,
+  loadGlobalConfig,
+  readChildrenFile,
+  TaskStore
+} from "@neotx/core";
+import { Box as Box4, Text as Text4, useApp, useInput, useStdout } from "ink";
+import TextInput2 from "ink-text-input";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+// src/tui/components/child-detail.tsx
+import { Box, Text } from "ink";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TYPE_ICONS = {
+  heartbeat: "\u2665",
+  decision: "\u2605",
+  action: "\u26A1",
+  error: "\u2716",
+  event: "\u25C6",
+  message: "\u2709",
+  thinking: "\u25C7",
+  plan: "\u25B8",
+  dispatch: "\u2197",
+  tool_use: "\u2298"
+};
+var TYPE_COLORS = {
+  heartbeat: "#6ee7b7",
+  decision: "#fbbf24",
+  action: "#60a5fa",
+  error: "#f87171",
+  event: "#c084fc",
+  message: "#67e8f9",
+  thinking: "#a78bfa",
+  plan: "#34d399",
+  dispatch: "#f472b6",
+  tool_use: "#38bdf8"
+};
+function formatTime(timestamp) {
+  return timestamp.slice(11, 19);
+}
+function formatTimeAgo(timestamp) {
+  const ms = Date.now() - new Date(timestamp).getTime();
+  const seconds = Math.floor(ms / 1e3);
+  if (seconds < 60) return `${seconds}s ago`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  return `${hours}h ago`;
+}
+var STATUS_COLORS = {
+  running: "#4ade80",
+  blocked: "#fbbf24",
+  stalled: "#f97316",
+  complete: "#818cf8",
+  failed: "#f87171"
+};
+function ChildDetail({
+  handle,
+  activity,
+  maxActivityLines
+}) {
+  const statusColor = STATUS_COLORS[handle.status] ?? "#9ca3af";
+  const visible = activity.slice(-maxActivityLines);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Box, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u251C" }),
+      /* @__PURE__ */ jsx(Text, { color: "#c084fc", bold: true, children: handle.supervisorId }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsx(Text, { color: statusColor, bold: true, children: handle.status.toUpperCase() }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "$",
+        handle.costUsd.toFixed(2)
+      ] }),
+      handle.lastProgressAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatTimeAgo(handle.lastProgressAt) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "obj:" }),
+      /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: handle.objective })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u251C" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, bold: true, children: "ACTIVITY" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(15) })
+    ] }),
+    visible.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 No activity yet..." }) }) : visible.map((entry, idx) => {
+      const icon = TYPE_ICONS[entry.type] ?? "\xB7";
+      const color = TYPE_COLORS[entry.type] ?? "#9ca3af";
+      const isLatest = idx === visible.length - 1;
+      const isOld = idx < visible.length - 4;
+      return /* @__PURE__ */ jsxs(Box, { gap: 1, paddingX: 1, children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: isOld, children: formatTime(entry.timestamp) }),
+        /* @__PURE__ */ jsx(Text, { color, dimColor: isOld, bold: isLatest, children: icon }),
+        /* @__PURE__ */ jsx(Text, { dimColor: isOld, bold: isLatest, wrap: "truncate", children: entry.summary })
+      ] }, entry.id);
+    })
+  ] });
+}
+
+// src/tui/components/child-input.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import TextInput from "ink-text-input";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ChildInput({
+  handle,
+  mode,
+  value,
+  onChange,
+  onSubmit
+}) {
+  const isBlocked = handle.status === "blocked";
+  if (mode === "idle") {
+    return /* @__PURE__ */ jsx2(Box2, { paddingX: 1, gap: 2, flexDirection: "column", children: /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2514" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: "i" }),
+        " inject context"
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: !isBlocked, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: isBlocked, children: "u" }),
+        " unblock",
+        !isBlocked ? " (not blocked)" : ""
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, color: "#f87171", children: "k" }),
+        " ",
+        "kill"
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: "esc" }),
+        " back"
+      ] })
+    ] }) });
+  }
+  if (mode === "inject") {
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2514" }),
+        /* @__PURE__ */ jsx2(Text2, { color: "#60a5fa", bold: true, children: "INJECT" }),
+        /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+          "\u2192 ",
+          handle.supervisorId
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " " }),
+        /* @__PURE__ */ jsx2(Text2, { color: "#60a5fa", bold: true, children: "\u276F" }),
+        /* @__PURE__ */ jsx2(
+          TextInput,
+          {
+            value,
+            onChange,
+            onSubmit,
+            focus: true,
+            placeholder: "context to inject..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2(Box2, { paddingX: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " enter send \xB7 esc cancel" }) })
+    ] });
+  }
+  if (mode === "unblock") {
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2514" }),
+        /* @__PURE__ */ jsx2(Text2, { color: "#fbbf24", bold: true, children: "UNBLOCK" }),
+        /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+          "\u2192 ",
+          handle.supervisorId
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " " }),
+        /* @__PURE__ */ jsx2(Text2, { color: "#fbbf24", bold: true, children: "\u276F" }),
+        /* @__PURE__ */ jsx2(
+          TextInput,
+          {
+            value,
+            onChange,
+            onSubmit,
+            focus: true,
+            placeholder: "your answer..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx2(Box2, { paddingX: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " enter send \xB7 esc cancel" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2514" }),
+      /* @__PURE__ */ jsx2(Text2, { color: "#f87171", bold: true, children: "KILL" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        "\u2192 ",
+        handle.supervisorId
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2014 type" }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: "#f87171", children: "stop" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "to confirm" })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " " }),
+      /* @__PURE__ */ jsx2(Text2, { color: "#f87171", bold: true, children: "\u276F" }),
+      /* @__PURE__ */ jsx2(
+        TextInput,
+        {
+          value,
+          onChange,
+          onSubmit,
+          focus: true,
+          placeholder: 'type "stop" to kill...'
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2(Box2, { paddingX: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " esc cancel" }) })
+  ] });
+}
+
+// src/tui/components/child-list.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var STATUS_COLORS2 = {
+  running: "#4ade80",
+  blocked: "#fbbf24",
+  stalled: "#f97316",
+  complete: "#818cf8",
+  failed: "#f87171"
+};
+var STATUS_ICONS = {
+  running: "\u25CF",
+  blocked: "\u25C6",
+  stalled: "\u25CC",
+  complete: "\u2713",
+  failed: "\u2716"
+};
+var STATUS_LABELS = {
+  running: "RUN",
+  blocked: "BLK",
+  stalled: "STL",
+  complete: "DONE",
+  failed: "FAIL"
+};
+function truncate(s, max) {
+  if (s.length <= max) return s;
+  return `${s.slice(0, max - 1)}\u2026`;
+}
+function ChildRow({ handle, isSelected }) {
+  const color = STATUS_COLORS2[handle.status] ?? "#9ca3af";
+  const icon = STATUS_ICONS[handle.status] ?? "\xB7";
+  const label = (STATUS_LABELS[handle.status] ?? handle.status).padEnd(4);
+  const cost = `$${handle.costUsd.toFixed(2)}`;
+  const id = truncate(handle.supervisorId, 12);
+  const objective = truncate(handle.objective, 28);
+  return /* @__PURE__ */ jsxs3(Box3, { gap: 1, paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "#c084fc" : "#4b5563", children: isSelected ? "\u25B6" : " " }),
+    /* @__PURE__ */ jsx3(Text3, { color, bold: true, children: icon }),
+    /* @__PURE__ */ jsx3(Text3, { color, bold: true, children: label }),
+    /* @__PURE__ */ jsx3(Text3, { bold: isSelected, dimColor: !isSelected, children: id }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\xB7" }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: cost }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\xB7" }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: !isSelected, wrap: "truncate", children: objective })
+  ] });
+}
+function ChildList({
+  handles,
+  selectedIndex
+}) {
+  if (handles.length === 0) {
+    return /* @__PURE__ */ jsx3(Box3, { paddingX: 2, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No focused supervisors running" }) });
+  }
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Box3, { paddingX: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u251C" }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, bold: true, children: "CHILDREN" }),
+      /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "(",
+        handles.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(20) })
+    ] }),
+    handles.map((handle, idx) => /* @__PURE__ */ jsx3(ChildRow, { handle, isSelected: idx === selectedIndex }, handle.supervisorId))
+  ] });
+}
+
+// src/tui/supervisor-tui.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var MAX_VISIBLE_ENTRIES = 24;
+var MAX_CHILD_ACTIVITY = 12;
+var POLL_INTERVAL_MS = 1500;
+var ANIMATION_TICK_MS = 400;
+var SPARK_CHARS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+var BLOCK_FULL = "\u2588";
+var BLOCK_EMPTY = "\u2591";
+var PULSE_FRAMES = ["\u25C9", "\u25CE", "\u25CB", "\u25CE"];
+var IDLE_FRAMES = ["\u25CC", "\u25CC", "\u25CC", "\u25CC"];
+var TYPE_ICONS2 = {
+  heartbeat: "\u2665",
+  decision: "\u2605",
+  action: "\u26A1",
+  error: "\u2716",
+  event: "\u25C6",
+  message: "\u2709",
+  thinking: "\u25C7",
+  plan: "\u25B8",
+  dispatch: "\u2197",
+  tool_use: "\u2298"
+};
+var TYPE_COLORS2 = {
+  heartbeat: "#6ee7b7",
+  decision: "#fbbf24",
+  action: "#60a5fa",
+  error: "#f87171",
+  event: "#c084fc",
+  message: "#67e8f9",
+  thinking: "#a78bfa",
+  plan: "#34d399",
+  dispatch: "#f472b6",
+  tool_use: "#38bdf8"
+};
+var TYPE_LABELS = {
+  heartbeat: "BEAT",
+  decision: "DECIDE",
+  action: "ACTION",
+  error: "ERROR",
+  event: "EVENT",
+  message: "MSG",
+  thinking: "THINK",
+  plan: "PLAN",
+  dispatch: "SEND",
+  tool_use: "TOOL"
+};
+function formatTime2(timestamp) {
+  return timestamp.slice(11, 19);
+}
+function formatUptime(startedAt) {
+  const ms = Date.now() - new Date(startedAt).getTime();
+  const seconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  if (days > 0) return `${days}d ${hours % 24}h`;
+  if (hours > 0) return `${hours}h ${minutes % 60}m`;
+  if (minutes > 0) return `${minutes}m ${seconds % 60}s`;
+  return `${seconds}s`;
+}
+function formatTimeAgo2(timestamp) {
+  const ms = Date.now() - new Date(timestamp).getTime();
+  const seconds = Math.floor(ms / 1e3);
+  if (seconds < 60) return `${seconds}s ago`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  return `${hours}h ago`;
+}
+function buildProgressBar(ratio, width) {
+  const clamped = Math.max(0, Math.min(1, ratio));
+  const filledCount = Math.round(clamped * width);
+  return {
+    filled: BLOCK_FULL.repeat(filledCount),
+    empty: BLOCK_EMPTY.repeat(width - filledCount)
+  };
+}
+function buildSparkline(values, width) {
+  if (values.length === 0) return "\u2581".repeat(width);
+  const recent = values.slice(-width);
+  const max = Math.max(...recent, 1e-3);
+  return recent.map((v) => {
+    const idx = Math.min(
+      Math.floor(v / max * (SPARK_CHARS.length - 1)),
+      SPARK_CHARS.length - 1
+    );
+    return SPARK_CHARS[idx];
+  }).join("");
+}
+function extractCostHistory(entries) {
+  return entries.filter((e) => e.type === "heartbeat" && e.summary.includes("complete")).map((e) => {
+    const detail = e.detail;
+    return typeof detail?.costUsd === "number" ? detail.costUsd : 0;
+  });
+}
+function useAnimationFrame() {
+  const [frame, setFrame] = useState(0);
+  useEffect(() => {
+    const interval = setInterval(() => setFrame((f) => f + 1), ANIMATION_TICK_MS);
+    return () => clearInterval(interval);
+  }, []);
+  return frame;
+}
+function useClock() {
+  const [time, setTime] = useState(() => (/* @__PURE__ */ new Date()).toLocaleTimeString());
+  useEffect(() => {
+    const interval = setInterval(() => setTime((/* @__PURE__ */ new Date()).toLocaleTimeString()), 1e3);
+    return () => clearInterval(interval);
+  }, []);
+  return time;
+}
+function Logo() {
+  return /* @__PURE__ */ jsxs4(Box4, { paddingX: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { color: "#c084fc", bold: true, children: "\u25C6" }),
+    /* @__PURE__ */ jsxs4(Text4, { bold: true, children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "#c084fc", children: "N" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "#a78bfa", children: "E" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "#818cf8", children: "O" })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "SUPERVISOR" })
+  ] });
+}
+function LiveIndicator({ frame, isRunning }) {
+  const frames = isRunning ? PULSE_FRAMES : IDLE_FRAMES;
+  const dot = frames[frame % frames.length];
+  return /* @__PURE__ */ jsxs4(Box4, { paddingX: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { color: isRunning ? "#4ade80" : "#6b7280", bold: true, children: dot }),
+    /* @__PURE__ */ jsxs4(Text4, { color: isRunning ? "#4ade80" : "#6b7280", bold: true, children: [
+      " ",
+      isRunning ? "LIVE" : "IDLE"
+    ] })
+  ] });
+}
+function HeaderBar({
+  state,
+  name,
+  frame,
+  clock,
+  columnFocus,
+  childCount
+}) {
+  if (!state) {
+    return /* @__PURE__ */ jsxs4(Box4, { borderStyle: "round", borderColor: "#6b7280", paddingX: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ jsx4(Logo, {}),
+        /* @__PURE__ */ jsx4(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: clock }) })
+      ] }),
+      /* @__PURE__ */ jsx4(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: "#fbbf24", children: [
+        '\u27F3 Connecting to "',
+        name,
+        '"...'
+      ] }) })
+    ] });
+  }
+  const isRunning = state.status === "running";
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      borderStyle: "round",
+      borderColor: isRunning ? "#6ee7b7" : "#f87171",
+      paddingX: 0,
+      flexDirection: "column",
+      children: [
+        /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx4(Logo, {}),
+          /* @__PURE__ */ jsxs4(Box4, { gap: 2, children: [
+            childCount > 0 && /* @__PURE__ */ jsxs4(Box4, { paddingX: 1, gap: 1, children: [
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "focus:" }),
+              /* @__PURE__ */ jsx4(Text4, { color: "#c084fc", bold: true, children: columnFocus === "left" ? "ROOT" : "CHILDREN" }),
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "(tab to switch)" })
+            ] }),
+            /* @__PURE__ */ jsx4(LiveIndicator, { frame, isRunning }),
+            /* @__PURE__ */ jsx4(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: clock }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4(Box4, { paddingX: 1, gap: 1, children: [
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "pid" }),
+            " ",
+            /* @__PURE__ */ jsx4(Text4, { bold: true, children: state.pid })
+          ] }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "port" }),
+            " ",
+            /* @__PURE__ */ jsxs4(Text4, { bold: true, children: [
+              ":",
+              state.port
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "beats" }),
+            " ",
+            /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "#6ee7b7", children: [
+              "\u25B2",
+              state.heartbeatCount
+            ] })
+          ] }),
+          state.lastHeartbeat && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\xB7" }),
+            /* @__PURE__ */ jsxs4(Text4, { children: [
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "last" }),
+              " ",
+              /* @__PURE__ */ jsx4(Text4, { children: formatTimeAgo2(state.lastHeartbeat) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\xB7" }),
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "up" }),
+            " ",
+            /* @__PURE__ */ jsx4(Text4, { children: formatUptime(state.startedAt) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function BudgetPanel({
+  state,
+  dailyCap,
+  costHistory
+}) {
+  if (!state) return null;
+  const todayCost = state.todayCostUsd ?? 0;
+  const totalCost = state.totalCostUsd ?? 0;
+  const ratio = dailyCap > 0 ? todayCost / dailyCap : 0;
+  const barWidth = 20;
+  const bar = buildProgressBar(ratio, barWidth);
+  const pct = Math.round(ratio * 100);
+  const barColor = pct < 50 ? "#4ade80" : pct < 80 ? "#fbbf24" : "#f87171";
+  const sparkline = buildSparkline(costHistory, 12);
+  return /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 2, children: [
+    /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "budget" }),
+      /* @__PURE__ */ jsx4(Text4, { color: barColor, children: bar.filled }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: bar.empty }),
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, color: barColor, children: [
+        pct,
+        "%"
+      ] }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        "($",
+        todayCost.toFixed(2),
+        "/$",
+        dailyCap,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+    /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "total" }),
+      /* @__PURE__ */ jsxs4(Text4, { bold: true, children: [
+        "$",
+        totalCost.toFixed(2)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+    /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "cost/beat" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "#818cf8", children: sparkline })
+    ] })
+  ] });
+}
+function ActivityRow({
+  entry,
+  isLatest,
+  isOld
+}) {
+  const icon = TYPE_ICONS2[entry.type] ?? "\xB7";
+  const color = TYPE_COLORS2[entry.type] ?? "#9ca3af";
+  const label = (TYPE_LABELS[entry.type] ?? entry.type.toUpperCase()).padEnd(7);
+  return /* @__PURE__ */ jsxs4(Box4, { gap: 1, paddingX: 2, children: [
+    /* @__PURE__ */ jsx4(Text4, { dimColor: isOld, children: isLatest ? "\u2502" : "\u2502" }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: isOld, children: formatTime2(entry.timestamp) }),
+    /* @__PURE__ */ jsx4(Text4, { color, dimColor: isOld, bold: isLatest, children: icon }),
+    /* @__PURE__ */ jsx4(Text4, { color, dimColor: isOld, bold: true, children: label }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: isOld, bold: isLatest, children: entry.summary })
+  ] });
+}
+var TASK_STATUS_COLORS = {
+  in_progress: "#60a5fa",
+  blocked: "#f87171",
+  pending: "#6b7280",
+  done: "#4ade80"
+};
+var TASK_STATUS_LABELS = {
+  in_progress: "ACTIVE",
+  blocked: "BLOCK",
+  pending: "\xB7"
+};
+function TaskPanel({ tasks }) {
+  const active = tasks.filter((t) => t.status !== "done" && t.status !== "abandoned");
+  const doneCount = tasks.filter((t) => t.status === "done").length;
+  if (tasks.length === 0) return null;
+  const MAX_VISIBLE = 6;
+  const visible = active.slice(0, MAX_VISIBLE);
+  const overflow = active.length - visible.length;
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u251C" }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, bold: true, children: "TASKS" }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        "(",
+        active.length,
+        " active, ",
+        doneCount,
+        " done)"
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2500".repeat(30) })
+    ] }),
+    visible.map((t) => {
+      const status = t.status ?? "pending";
+      const color = TASK_STATUS_COLORS[status] ?? "#6b7280";
+      const label = (TASK_STATUS_LABELS[status] ?? "\xB7").padEnd(6);
+      const prio = t.priority ? `[${t.priority.slice(0, 3)}] ` : "";
+      const repo = t.scope !== "global" ? path.basename(t.scope) : "";
+      const run = t.runId ? `run:${t.runId.slice(0, 4)}` : "";
+      const meta = [repo, run].filter(Boolean).join(" ");
+      return /* @__PURE__ */ jsxs4(Box4, { gap: 1, paddingX: 2, children: [
+        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+        /* @__PURE__ */ jsx4(Text4, { color, bold: true, children: label }),
+        prio && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: prio.padEnd(5) }),
+        /* @__PURE__ */ jsx4(Text4, { wrap: "truncate", children: t.title }),
+        meta && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "(",
+          meta,
+          ")"
+        ] })
+      ] }, t.id);
+    }),
+    overflow > 0 && /* @__PURE__ */ jsx4(Box4, { paddingX: 2, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      "\u2502 ... +",
+      overflow,
+      " more pending"
+    ] }) })
+  ] });
+}
+function DecisionBanner({ decisions, frame }) {
+  if (decisions.length === 0) return null;
+  const pulseChars = ["\u2605", "\u2606"];
+  const pulse = pulseChars[frame % pulseChars.length];
+  return /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u251C" }),
+    /* @__PURE__ */ jsxs4(Text4, { color: "#fbbf24", bold: true, children: [
+      pulse,
+      " ",
+      decisions.length,
+      " decision",
+      decisions.length > 1 ? "s" : "",
+      " pending"
+    ] }),
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      "\u2014 press ",
+      /* @__PURE__ */ jsx4(Text4, { bold: true, children: "tab" }),
+      " to review"
+    ] })
+  ] });
+}
+function DecisionInputPanel({
+  decision,
+  optionIndex,
+  isTextMode,
+  textInput,
+  onTextChange,
+  onSubmit,
+  decisionCount,
+  decisionIdx,
+  frame
+}) {
+  const hasOptions = decision.options && decision.options.length > 0;
+  const pulseChars = ["\u2605", "\u2606"];
+  const pulse = pulseChars[frame % pulseChars.length];
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u251C" }),
+      /* @__PURE__ */ jsxs4(Text4, { color: "#fbbf24", bold: true, children: [
+        pulse,
+        " DECISION"
+      ] }),
+      decisionCount > 1 && /* @__PURE__ */ jsxs4(Text4, { color: "#fbbf24", children: [
+        "(",
+        decisionIdx + 1,
+        "/",
+        decisionCount,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2500".repeat(30) })
+    ] }),
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, wrap: "truncate-end", children: decision.question })
+    ] }),
+    decision.context && /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, wrap: "truncate-end", children: decision.context })
+    ] }),
+    hasOptions ? /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: (decision.options ?? []).map((opt, idx) => {
+      const isSelected = idx === optionIndex;
+      return /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+        isSelected ? /* @__PURE__ */ jsxs4(Text4, { color: "#fbbf24", bold: true, children: [
+          "\u25B8 ",
+          opt.label
+        ] }) : /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "  ",
+          opt.label
+        ] }),
+        opt.description && isSelected && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "\u2014 ",
+          opt.description
+        ] })
+      ] }, opt.key);
+    }) }) : /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "#fbbf24", bold: true, children: "\u276F" }),
+      /* @__PURE__ */ jsx4(
+        TextInput2,
+        {
+          value: textInput,
+          onChange: onTextChange,
+          onSubmit,
+          focus: isTextMode,
+          placeholder: "type your answer..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2514" }),
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        hasOptions ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "\u2191\u2193" }),
+          " choose \xB7 ",
+          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "enter" }),
+          " confirm"
+        ] }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "enter" }),
+          " send"
+        ] }),
+        decisionCount > 1 && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          " \xB7 ",
+          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "\u2190\u2192" }),
+          " prev/next"
+        ] }),
+        " \xB7 ",
+        /* @__PURE__ */ jsx4(Text4, { bold: true, children: "tab" }),
+        " chat \xB7 ",
+        /* @__PURE__ */ jsx4(Text4, { bold: true, children: "esc" }),
+        " back"
+      ] })
+    ] })
+  ] });
+}
+var ACTIVITY_TYPES = /* @__PURE__ */ new Set([
+  "heartbeat",
+  "decision",
+  "action",
+  "dispatch",
+  "error",
+  "event",
+  "message"
+]);
+function ActivityPanel({ entries, maxVisible }) {
+  const filtered = entries.filter((e) => ACTIVITY_TYPES.has(e.type));
+  const visible = filtered.slice(-maxVisible);
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u251C" }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, bold: true, children: "ACTIVITY" }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2500".repeat(40) })
+    ] }),
+    visible.length === 0 ? /* @__PURE__ */ jsx4(Box4, { paddingX: 2, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502 Waiting for heartbeats..." }) }) : visible.map((entry, idx) => /* @__PURE__ */ jsx4(
+      ActivityRow,
+      {
+        entry,
+        isLatest: idx === visible.length - 1,
+        isOld: idx < visible.length - 5
+      },
+      entry.id
+    )),
+    /* @__PURE__ */ jsx4(Box4, { paddingX: 2, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2502" }) })
+  ] });
+}
+function InputPanel({
+  value,
+  onChange,
+  onSubmit,
+  lastSent,
+  focus
+}) {
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2514" }),
+      /* @__PURE__ */ jsx4(Text4, { bold: true, color: "#60a5fa", children: "\u276F" }),
+      /* @__PURE__ */ jsx4(
+        TextInput2,
+        {
+          value,
+          onChange,
+          onSubmit,
+          focus,
+          placeholder: "message the supervisor..."
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " " }),
+      lastSent ? /* @__PURE__ */ jsxs4(Text4, { color: "#6b7280", children: [
+        '\u2713 "',
+        lastSent,
+        '"'
+      ] }) : null
+    ] })
+  ] });
+}
+async function readState(name) {
+  try {
+    const raw = await readFile(getSupervisorStatePath(name), "utf-8");
+    return JSON.parse(raw);
+  } catch (err) {
+    console.debug(
+      `[tui] Failed to read supervisor state for ${name}: ${err instanceof Error ? err.message : String(err)}`
+    );
+    return null;
+  }
+}
+async function readActivity(name, maxEntries) {
+  try {
+    const content = await readFile(getSupervisorActivityPath(name), "utf-8");
+    const lines = content.trim().split("\n").filter(Boolean);
+    const lastLines = lines.slice(-maxEntries);
+    const entries = [];
+    for (const line of lastLines) {
+      try {
+        entries.push(JSON.parse(line));
+      } catch (err) {
+        console.debug(
+          `[tui] Skipping malformed activity line: ${err instanceof Error ? err.message : String(err)}`
+        );
+      }
+    }
+    return entries;
+  } catch (err) {
+    console.debug(
+      `[tui] Failed to read activity for ${name}: ${err instanceof Error ? err.message : String(err)}`
+    );
+    return [];
+  }
+}
+async function readChildActivity(supervisorId, maxEntries) {
+  const activityPath = path.join(getFocusedSupervisorDir(supervisorId), "activity.jsonl");
+  try {
+    const content = await readFile(activityPath, "utf-8");
+    const lines = content.trim().split("\n").filter(Boolean);
+    const lastLines = lines.slice(-maxEntries);
+    const entries = [];
+    for (const line of lastLines) {
+      try {
+        entries.push(JSON.parse(line));
+      } catch {
+      }
+    }
+    return entries;
+  } catch {
+    return [];
+  }
+}
+function readTasks(name) {
+  try {
+    const dir = getSupervisorDir(name);
+    const store = new TaskStore(path.join(dir, "tasks.sqlite"));
+    const tasks = store.getTasks();
+    store.close();
+    return tasks.slice(0, 20);
+  } catch (err) {
+    console.debug(
+      `[tui] Failed to read tasks for ${name}: ${err instanceof Error ? err.message : String(err)}`
+    );
+    return [];
+  }
+}
+async function readDecisions(name) {
+  try {
+    const store = new DecisionStore(getSupervisorDecisionsPath(name));
+    return await store.pending();
+  } catch (err) {
+    console.debug(
+      `[tui] Failed to read decisions for ${name}: ${err instanceof Error ? err.message : String(err)}`
+    );
+    return [];
+  }
+}
+async function appendToJsonl(filePath, data) {
+  const dir = path.dirname(filePath);
+  try {
+    await mkdir(dir, { recursive: true });
+    await appendFile(filePath, `${JSON.stringify(data)}
+`, "utf-8");
+    return true;
+  } catch (error) {
+    console.error(
+      `Warning: Failed to write to ${path.basename(filePath)}: ${error instanceof Error ? error.message : String(error)}`
+    );
+    return false;
+  }
+}
+async function writeToInbox(name, message) {
+  const inboxPath = getSupervisorInboxPath(name);
+  return appendToJsonl(inboxPath, message);
+}
+async function answerDecision(name, id, answer) {
+  const store = new DecisionStore(getSupervisorDecisionsPath(name));
+  await store.answer(id, answer);
+  const inboxMessage = {
+    id: randomUUID(),
+    from: "tui",
+    text: `decision:answer ${id} ${answer}`,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  await writeToInbox(name, inboxMessage);
+}
+async function sendMessage(name, text) {
+  const id = randomUUID();
+  const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+  const message = { id, from: "tui", text, timestamp };
+  await writeToInbox(name, message);
+  const activityEntry = { id, type: "message", summary: text, timestamp };
+  const activityPath = getSupervisorActivityPath(name);
+  await appendToJsonl(activityPath, activityEntry);
+}
+function SupervisorTui({ name }) {
+  const { exit } = useApp();
+  const { stdout } = useStdout();
+  const frame = useAnimationFrame();
+  const clock = useClock();
+  const [state, setState] = useState(null);
+  const [entries, setEntries] = useState([]);
+  const [tasks, setTasks] = useState([]);
+  const [decisions, setDecisions] = useState([]);
+  const [dailyCap, setDailyCap] = useState(50);
+  const [input, setInput] = useState("");
+  const [lastSent, setLastSent] = useState("");
+  const [termHeight, setTermHeight] = useState(stdout?.rows ?? 30);
+  const [decisionIndex, setDecisionIndex] = useState(0);
+  const [optionIndex, setOptionIndex] = useState(0);
+  const [decisionAnswer, setDecisionAnswer] = useState("");
+  const [focusMode, setFocusMode] = useState("input");
+  const [children, setChildren] = useState([]);
+  const [selectedChildIndex, setSelectedChildIndex] = useState(0);
+  const [childActivity, setChildActivity] = useState([]);
+  const [columnFocus, setColumnFocus] = useState("left");
+  const [childInputMode, setChildInputMode] = useState("idle");
+  const [childInputValue, setChildInputValue] = useState("");
+  const hasChildren = children.length > 0;
+  const selectedChild = children[selectedChildIndex];
+  useEffect(() => {
+    function onResize() {
+      if (stdout) setTermHeight(stdout.rows);
+    }
+    stdout?.on("resize", onResize);
+    return () => {
+      stdout?.off("resize", onResize);
+    };
+  }, [stdout]);
+  useEffect(() => {
+    loadGlobalConfig().then((cfg) => setDailyCap(cfg.supervisor.dailyCapUsd)).catch((err) => {
+      console.debug("[tui] Failed to load global config:", err);
+    });
+  }, []);
+  const decisionIndexRef = useRef(decisionIndex);
+  const decisionsLengthRef = useRef(decisions.length);
+  useEffect(() => {
+    decisionIndexRef.current = decisionIndex;
+  }, [decisionIndex]);
+  useEffect(() => {
+    decisionsLengthRef.current = decisions.length;
+  }, [decisions.length]);
+  useEffect(() => {
+    let active = true;
+    async function poll() {
+      if (!active) return;
+      const [newState, newEntries, newDecisions, newChildren] = await Promise.all([
+        readState(name),
+        readActivity(name, MAX_VISIBLE_ENTRIES),
+        readDecisions(name),
+        readChildrenFile(getSupervisorChildrenPath(name)).catch((err) => {
+          if (err.code !== "ENOENT") {
+            console.debug(`[TUI] readChildrenFile failed: ${err}`);
+          }
+          return [];
+        })
+      ]);
+      if (!active) return;
+      setState(newState);
+      setEntries(newEntries);
+      setDecisions(newDecisions);
+      setSelectedChildIndex((i) => Math.min(i, Math.max(0, newChildren.length - 1)));
+      setChildren(newChildren);
+      setTasks(readTasks(name));
+      if (newDecisions.length > 0 && decisionIndexRef.current >= newDecisions.length) {
+        setDecisionIndex(0);
+      }
+      if (newDecisions.length > 0 && decisionsLengthRef.current === 0) {
+        setFocusMode("decisions");
+      }
+      if (newDecisions.length === 0 && decisionsLengthRef.current > 0) {
+        setFocusMode("input");
+      }
+    }
+    poll();
+    const interval = setInterval(poll, POLL_INTERVAL_MS);
+    return () => {
+      active = false;
+      clearInterval(interval);
+    };
+  }, [name]);
+  const selectedChildId = selectedChild?.supervisorId;
+  useEffect(() => {
+    if (!selectedChildId) {
+      setChildActivity([]);
+      return;
+    }
+    const childId = selectedChildId;
+    let active = true;
+    async function poll() {
+      if (!active) return;
+      const activity = await readChildActivity(childId, MAX_CHILD_ACTIVITY);
+      if (!active) return;
+      setChildActivity(activity);
+    }
+    poll();
+    const interval = setInterval(poll, POLL_INTERVAL_MS);
+    return () => {
+      active = false;
+      clearInterval(interval);
+    };
+  }, [selectedChildId]);
+  const currentDecision = decisions[decisionIndex];
+  const currentHasOptions = (currentDecision?.options?.length ?? 0) > 0;
+  const submitDecisionAnswer = useCallback(
+    async (answer) => {
+      if (!answer.trim() || !currentDecision) return;
+      try {
+        await answerDecision(name, currentDecision.id, answer.trim());
+        setLastSent(`Decision ${currentDecision.id.slice(4, 12)}: "${answer.trim()}"`);
+        setDecisionAnswer("");
+        setOptionIndex(0);
+      } catch (err) {
+        console.debug(
+          `[tui] Failed to answer decision ${currentDecision.id}: ${err instanceof Error ? err.message : String(err)}`
+        );
+      }
+    },
+    [name, currentDecision]
+  );
+  const handleOptionNav = useCallback(
+    (key) => {
+      const options = currentDecision?.options;
+      if (!options || options.length === 0) return false;
+      if (key.upArrow) {
+        setOptionIndex((i) => Math.max(0, i - 1));
+        return true;
+      }
+      if (key.downArrow) {
+        setOptionIndex((i) => Math.min(options.length - 1, i + 1));
+        return true;
+      }
+      if (key.return) {
+        const opt = options[optionIndex];
+        if (opt) submitDecisionAnswer(opt.key);
+        return true;
+      }
+      return false;
+    },
+    [currentDecision, optionIndex, submitDecisionAnswer]
+  );
+  const handleChildInputSubmit = useCallback(
+    async (value) => {
+      if (!selectedChild) return;
+      const id = selectedChild.supervisorId;
+      let text = null;
+      if (childInputMode === "inject" && value.trim()) {
+        text = `child:inject ${id} ${value.trim()}`;
+      } else if (childInputMode === "unblock" && value.trim()) {
+        text = `child:unblock ${id} ${value.trim()}`;
+      } else if (childInputMode === "kill" && value.trim().toLowerCase() === "stop") {
+        text = `child:stop ${id}`;
+      }
+      if (text) {
+        const message = {
+          id: randomUUID(),
+          from: "tui",
+          text,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        await writeToInbox(name, message);
+        setLastSent(text.slice(0, 40));
+      }
+      setChildInputMode("idle");
+      setChildInputValue("");
+    },
+    [name, selectedChild, childInputMode]
+  );
+  const handleRightColumnKey = useCallback(
+    (char, key) => {
+      if (key.upArrow) {
+        setSelectedChildIndex((i) => Math.max(0, i - 1));
+        return;
+      }
+      if (key.downArrow) {
+        if (children.length > 0) {
+          setSelectedChildIndex((i) => Math.min(children.length - 1, i + 1));
+        }
+        return;
+      }
+      if (char === "i") {
+        setChildInputMode("inject");
+        return;
+      }
+      if (char === "u" && selectedChild?.status === "blocked") {
+        setChildInputMode("unblock");
+        return;
+      }
+      if (char === "k") {
+        setChildInputMode("kill");
+      }
+    },
+    [children.length, selectedChild]
+  );
+  const handleDecisionKey = useCallback(
+    (key) => {
+      if (currentHasOptions && handleOptionNav(key)) return;
+      if (decisions.length > 1) {
+        if (key.leftArrow) {
+          setDecisionIndex((i) => Math.max(0, i - 1));
+          setOptionIndex(0);
+        } else if (key.rightArrow) {
+          setDecisionIndex((i) => Math.min(decisions.length - 1, i + 1));
+          setOptionIndex(0);
+        }
+      }
+    },
+    [currentHasOptions, handleOptionNav, decisions.length]
+  );
+  useInput((char, key) => {
+    if (key.tab) {
+      if (hasChildren && focusMode !== "decisions") {
+        setColumnFocus((c) => c === "left" ? "right" : "left");
+        setOptionIndex(0);
+      } else if (decisions.length > 0) {
+        setFocusMode((m) => m === "input" ? "decisions" : "input");
+        setOptionIndex(0);
+      }
+      return;
+    }
+    if (key.escape) {
+      if (childInputMode !== "idle") {
+        setChildInputMode("idle");
+        setChildInputValue("");
+      } else if (columnFocus === "right") {
+        setColumnFocus("left");
+      } else if (focusMode === "decisions") {
+        setFocusMode("input");
+      } else {
+        exit();
+      }
+      return;
+    }
+    if (columnFocus === "right" && childInputMode === "idle") {
+      handleRightColumnKey(char, key);
+      return;
+    }
+    if (focusMode === "decisions" && decisions.length > 0 && columnFocus === "left") {
+      handleDecisionKey(key);
+    }
+  });
+  const handleSubmit = useCallback(
+    (text) => {
+      if (!text.trim()) return;
+      sendMessage(name, text.trim());
+      setLastSent(text.trim());
+      setInput("");
+    },
+    [name]
+  );
+  const costHistory = extractCostHistory(entries);
+  const activeTaskCount = tasks.filter(
+    (t) => t.status !== "done" && t.status !== "abandoned"
+  ).length;
+  const taskPanelLines = tasks.length > 0 ? Math.min(activeTaskCount, 6) + 2 : 0;
+  const decisionPanelLines = focusMode === "decisions" && currentDecision ? (currentHasOptions ? currentDecision.options?.length ?? 0 : 1) + 4 : decisions.length > 0 ? 1 : 0;
+  const leftActivityMaxVisible = Math.max(
+    5,
+    Math.min(MAX_VISIBLE_ENTRIES, termHeight - 10 - taskPanelLines - decisionPanelLines)
+  );
+  const bottomPanel = focusMode === "decisions" && currentDecision && columnFocus === "left" ? /* @__PURE__ */ jsx4(
+    DecisionInputPanel,
+    {
+      decision: currentDecision,
+      optionIndex,
+      isTextMode: !currentHasOptions,
+      textInput: decisionAnswer,
+      onTextChange: setDecisionAnswer,
+      onSubmit: submitDecisionAnswer,
+      decisionCount: decisions.length,
+      decisionIdx: decisionIndex,
+      frame
+    }
+  ) : /* @__PURE__ */ jsx4(
+    InputPanel,
+    {
+      value: input,
+      onChange: setInput,
+      onSubmit: handleSubmit,
+      lastSent,
+      focus: columnFocus === "left" && focusMode === "input"
+    }
+  );
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx4(
+      HeaderBar,
+      {
+        state,
+        name,
+        frame,
+        clock,
+        columnFocus,
+        childCount: children.length
+      }
+    ),
+    /* @__PURE__ */ jsx4(BudgetPanel, { state, dailyCap, costHistory }),
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs4(
+        Box4,
+        {
+          flexDirection: "column",
+          flexGrow: 1,
+          flexBasis: hasChildren ? "50%" : "100%",
+          borderStyle: hasChildren && columnFocus === "left" ? "single" : void 0,
+          borderColor: "#c084fc",
+          children: [
+            focusMode !== "decisions" && /* @__PURE__ */ jsx4(DecisionBanner, { decisions, frame }),
+            /* @__PURE__ */ jsx4(TaskPanel, { tasks }),
+            /* @__PURE__ */ jsx4(ActivityPanel, { entries, maxVisible: leftActivityMaxVisible }),
+            bottomPanel
+          ]
+        }
+      ),
+      hasChildren && /* @__PURE__ */ jsxs4(
+        Box4,
+        {
+          flexDirection: "column",
+          flexGrow: 1,
+          flexBasis: "50%",
+          borderStyle: columnFocus === "right" ? "single" : void 0,
+          borderColor: "#c084fc",
+          children: [
+            /* @__PURE__ */ jsx4(ChildList, { handles: children, selectedIndex: selectedChildIndex }),
+            selectedChild && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+              /* @__PURE__ */ jsx4(
+                ChildDetail,
+                {
+                  handle: selectedChild,
+                  activity: childActivity,
+                  maxActivityLines: MAX_CHILD_ACTIVITY
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                ChildInput,
+                {
+                  handle: selectedChild,
+                  mode: childInputMode,
+                  value: childInputValue,
+                  onChange: setChildInputValue,
+                  onSubmit: handleChildInputSubmit
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4(Box4, { paddingX: 2, gap: 1, justifyContent: "center", children: [
+      /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        /* @__PURE__ */ jsx4(Text4, { bold: true, children: "esc" }),
+        " quit"
+      ] }),
+      hasChildren && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "tab" }),
+          " switch panel"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "daemon keeps running" })
+    ] })
+  ] });
+}
+
+// src/tui/index.ts
+async function renderSupervisorTui(name) {
+  const { waitUntilExit } = render(React.createElement(SupervisorTui, { name }));
+  await waitUntilExit();
+}
+export {
+  renderSupervisorTui
+};
+//# sourceMappingURL=tui-LSW7VVK6.js.map