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

package/dist/tui-67VJ5VBA.js

@@ -1,842 +0,0 @@
-// 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,
-  getSupervisorActivityPath,
-  getSupervisorDecisionsPath,
-  getSupervisorDir,
-  getSupervisorInboxPath,
-  getSupervisorStatePath,
-  loadGlobalConfig,
-  MemoryStore
-} from "@neotx/core";
-import { Box, Text, useApp, useInput, useStdout } from "ink";
-import TextInput from "ink-text-input";
-import { useCallback, useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MAX_VISIBLE_ENTRIES = 24;
-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_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"
-};
-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 formatTime(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 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`;
-}
-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__ */ jsxs(Box, { paddingX: 1, gap: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "#c084fc", bold: true, children: "\u25C6" }),
-    /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-      /* @__PURE__ */ jsx(Text, { color: "#c084fc", children: "N" }),
-      /* @__PURE__ */ jsx(Text, { color: "#a78bfa", children: "E" }),
-      /* @__PURE__ */ jsx(Text, { color: "#818cf8", children: "O" })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "SUPERVISOR" })
-  ] });
-}
-function LiveIndicator({ frame, isRunning }) {
-  const frames = isRunning ? PULSE_FRAMES : IDLE_FRAMES;
-  const dot = frames[frame % frames.length];
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: isRunning ? "#4ade80" : "#6b7280", bold: true, children: dot }),
-    /* @__PURE__ */ jsxs(Text, { color: isRunning ? "#4ade80" : "#6b7280", bold: true, children: [
-      " ",
-      isRunning ? "LIVE" : "IDLE"
-    ] })
-  ] });
-}
-function HeaderBar({
-  state,
-  name,
-  frame,
-  clock
-}) {
-  if (!state) {
-    return /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: "#6b7280", paddingX: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
-        /* @__PURE__ */ jsx(Logo, {}),
-        /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: clock }) })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { color: "#fbbf24", children: [
-        '\u27F3 Connecting to "',
-        name,
-        '"...'
-      ] }) })
-    ] });
-  }
-  const isRunning = state.status === "running";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      borderStyle: "round",
-      borderColor: isRunning ? "#6ee7b7" : "#f87171",
-      paddingX: 0,
-      flexDirection: "column",
-      children: [
-        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx(Logo, {}),
-          /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
-            /* @__PURE__ */ jsx(LiveIndicator, { frame, isRunning }),
-            /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: clock }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { paddingX: 1, gap: 1, children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "pid" }),
-            " ",
-            /* @__PURE__ */ jsx(Text, { bold: true, children: state.pid })
-          ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "port" }),
-            " ",
-            /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-              ":",
-              state.port
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "beats" }),
-            " ",
-            /* @__PURE__ */ jsxs(Text, { bold: true, color: "#6ee7b7", children: [
-              "\u25B2",
-              state.heartbeatCount
-            ] })
-          ] }),
-          state.lastHeartbeat && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-            /* @__PURE__ */ jsxs(Text, { children: [
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "last" }),
-              " ",
-              /* @__PURE__ */ jsx(Text, { children: formatTimeAgo(state.lastHeartbeat) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: "up" }),
-            " ",
-            /* @__PURE__ */ jsx(Text, { 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__ */ jsxs(Box, { paddingX: 2, gap: 2, children: [
-    /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "budget" }),
-      /* @__PURE__ */ jsx(Text, { color: barColor, children: bar.filled }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: bar.empty }),
-      /* @__PURE__ */ jsxs(Text, { bold: true, color: barColor, children: [
-        pct,
-        "%"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "($",
-        todayCost.toFixed(2),
-        "/$",
-        dailyCap,
-        ")"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-    /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "total" }),
-      /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-        "$",
-        totalCost.toFixed(2)
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-    /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "cost/beat" }),
-      /* @__PURE__ */ jsx(Text, { color: "#818cf8", children: sparkline })
-    ] })
-  ] });
-}
-function ActivityRow({
-  entry,
-  isLatest,
-  isOld
-}) {
-  const icon = TYPE_ICONS[entry.type] ?? "\xB7";
-  const color = TYPE_COLORS[entry.type] ?? "#9ca3af";
-  const label = (TYPE_LABELS[entry.type] ?? entry.type.toUpperCase()).padEnd(7);
-  return /* @__PURE__ */ jsxs(Box, { gap: 1, paddingX: 2, children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: isOld, children: isLatest ? "\u2502" : "\u2502" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: isOld, children: formatTime(entry.timestamp) }),
-    /* @__PURE__ */ jsx(Text, { color, dimColor: isOld, bold: isLatest, children: icon }),
-    /* @__PURE__ */ jsx(Text, { color, dimColor: isOld, bold: true, children: label }),
-    /* @__PURE__ */ jsx(Text, { 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.outcome !== "done" && t.outcome !== "abandoned");
-  const doneCount = tasks.filter((t) => t.outcome === "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__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u251C" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, bold: true, children: "TASKS" }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "(",
-        active.length,
-        " active, ",
-        doneCount,
-        " done)"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(30) })
-    ] }),
-    visible.map((t) => {
-      const status = t.outcome ?? "pending";
-      const color = TASK_STATUS_COLORS[status] ?? "#6b7280";
-      const label = (TASK_STATUS_LABELS[status] ?? "\xB7").padEnd(6);
-      const prio = t.severity ? `[${t.severity.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__ */ jsxs(Box, { gap: 1, paddingX: 2, children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-        /* @__PURE__ */ jsx(Text, { color, bold: true, children: label }),
-        prio && /* @__PURE__ */ jsx(Text, { dimColor: true, children: prio.padEnd(5) }),
-        /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: t.content }),
-        meta && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          "(",
-          meta,
-          ")"
-        ] })
-      ] }, t.id);
-    }),
-    overflow > 0 && /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsxs(Text, { 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__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u251C" }),
-    /* @__PURE__ */ jsxs(Text, { color: "#fbbf24", bold: true, children: [
-      pulse,
-      " ",
-      decisions.length,
-      " decision",
-      decisions.length > 1 ? "s" : "",
-      " pending"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u2014 press ",
-      /* @__PURE__ */ jsx(Text, { 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__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u251C" }),
-      /* @__PURE__ */ jsxs(Text, { color: "#fbbf24", bold: true, children: [
-        pulse,
-        " DECISION"
-      ] }),
-      decisionCount > 1 && /* @__PURE__ */ jsxs(Text, { color: "#fbbf24", children: [
-        "(",
-        decisionIdx + 1,
-        "/",
-        decisionCount,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(30) })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      /* @__PURE__ */ jsx(Text, { bold: true, wrap: "truncate-end", children: decision.question })
-    ] }),
-    decision.context && /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: decision.context })
-    ] }),
-    hasOptions ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: (decision.options ?? []).map((opt, idx) => {
-      const isSelected = idx === optionIndex;
-      return /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-        isSelected ? /* @__PURE__ */ jsxs(Text, { color: "#fbbf24", bold: true, children: [
-          "\u25B8 ",
-          opt.label
-        ] }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          "  ",
-          opt.label
-        ] }),
-        opt.description && isSelected && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          "\u2014 ",
-          opt.description
-        ] })
-      ] }, opt.key);
-    }) }) : /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      /* @__PURE__ */ jsx(Text, { color: "#fbbf24", bold: true, children: "\u276F" }),
-      /* @__PURE__ */ jsx(
-        TextInput,
-        {
-          value: textInput,
-          onChange: onTextChange,
-          onSubmit,
-          focus: isTextMode,
-          placeholder: "type your answer..."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2514" }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        hasOptions ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, children: "\u2191\u2193" }),
-          " choose \xB7 ",
-          /* @__PURE__ */ jsx(Text, { bold: true, children: "enter" }),
-          " confirm"
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, children: "enter" }),
-          " send"
-        ] }),
-        decisionCount > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          " \xB7 ",
-          /* @__PURE__ */ jsx(Text, { bold: true, children: "\u2190\u2192" }),
-          " prev/next"
-        ] }),
-        " \xB7 ",
-        /* @__PURE__ */ jsx(Text, { bold: true, children: "tab" }),
-        " chat \xB7 ",
-        /* @__PURE__ */ jsx(Text, { bold: true, children: "esc" }),
-        " back"
-      ] })
-    ] })
-  ] });
-}
-var ACTIVITY_TYPES = /* @__PURE__ */ new Set([
-  "heartbeat",
-  "decision",
-  "action",
-  "dispatch",
-  "error",
-  "event",
-  "message"
-]);
-function ActivityPanel({ entries, termHeight }) {
-  const maxVisible = Math.max(5, Math.min(MAX_VISIBLE_ENTRIES, termHeight - 10));
-  const filtered = entries.filter((e) => ACTIVITY_TYPES.has(e.type));
-  const visible = filtered.slice(-maxVisible);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, 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(40) })
-    ] }),
-    visible.length === 0 ? /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502 Waiting for heartbeats..." }) }) : visible.map((entry, idx) => /* @__PURE__ */ jsx(
-      ActivityRow,
-      {
-        entry,
-        isLatest: idx === visible.length - 1,
-        isOld: idx < visible.length - 5
-      },
-      entry.id
-    )),
-    /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) })
-  ] });
-}
-function InputPanel({
-  value,
-  onChange,
-  onSubmit,
-  lastSent,
-  focus
-}) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2514" }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color: "#60a5fa", children: "\u276F" }),
-      /* @__PURE__ */ jsx(
-        TextInput,
-        {
-          value,
-          onChange,
-          onSubmit,
-          focus,
-          placeholder: "message the supervisor..."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " " }),
-      lastSent ? /* @__PURE__ */ jsxs(Text, { color: "#6b7280", children: [
-        '\u2713 "',
-        lastSent,
-        '"'
-      ] }) : null
-    ] })
-  ] });
-}
-function Footer({ hasDecisions }) {
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, justifyContent: "center", children: [
-    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, children: "esc" }),
-      " quit"
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, children: "enter" }),
-      " send"
-    ] }),
-    hasDecisions && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        /* @__PURE__ */ jsx(Text, { bold: true, children: "tab" }),
-        " decisions"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "daemon keeps running" })
-  ] });
-}
-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 [];
-  }
-}
-function readTasks(name) {
-  try {
-    const dir = getSupervisorDir(name);
-    const store = new MemoryStore(path.join(dir, "memory.sqlite"));
-    const tasks = store.query({ types: ["task"], limit: 20, sortBy: "createdAt" });
-    store.close();
-    return tasks;
-  } 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");
-  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);
-    });
-  }, []);
-  useEffect(() => {
-    let active = true;
-    async function poll() {
-      if (!active) return;
-      const [newState, newEntries, newDecisions] = await Promise.all([
-        readState(name),
-        readActivity(name, MAX_VISIBLE_ENTRIES),
-        readDecisions(name)
-      ]);
-      if (!active) return;
-      setState(newState);
-      setEntries(newEntries);
-      setDecisions(newDecisions);
-      setTasks(readTasks(name));
-      if (newDecisions.length > 0 && decisionIndex >= newDecisions.length) {
-        setDecisionIndex(0);
-      }
-      if (newDecisions.length > 0 && decisions.length === 0) {
-        setFocusMode("decisions");
-      }
-      if (newDecisions.length === 0 && decisions.length > 0) {
-        setFocusMode("input");
-      }
-    }
-    poll();
-    const interval = setInterval(poll, POLL_INTERVAL_MS);
-    return () => {
-      active = false;
-      clearInterval(interval);
-    };
-  }, [name, decisionIndex, decisions.length]);
-  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]
-  );
-  useInput((_char, key) => {
-    if (key.tab && decisions.length > 0) {
-      setFocusMode((m) => m === "input" ? "decisions" : "input");
-      setOptionIndex(0);
-      return;
-    }
-    if (key.escape) {
-      if (focusMode === "decisions") {
-        setFocusMode("input");
-      } else {
-        exit();
-      }
-      return;
-    }
-    if (focusMode !== "decisions" || decisions.length === 0) return;
-    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);
-      }
-    }
-  });
-  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.outcome !== "done" && t.outcome !== "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 bottomPanel = focusMode === "decisions" && currentDecision ? /* @__PURE__ */ jsx(
-    DecisionInputPanel,
-    {
-      decision: currentDecision,
-      optionIndex,
-      isTextMode: !currentHasOptions,
-      textInput: decisionAnswer,
-      onTextChange: setDecisionAnswer,
-      onSubmit: submitDecisionAnswer,
-      decisionCount: decisions.length,
-      decisionIdx: decisionIndex,
-      frame
-    }
-  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      InputPanel,
-      {
-        value: input,
-        onChange: setInput,
-        onSubmit: handleSubmit,
-        lastSent,
-        focus: focusMode === "input"
-      }
-    ),
-    /* @__PURE__ */ jsx(Footer, { hasDecisions: decisions.length > 0 })
-  ] });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(HeaderBar, { state, name, frame, clock }),
-    /* @__PURE__ */ jsx(BudgetPanel, { state, dailyCap, costHistory }),
-    focusMode !== "decisions" && /* @__PURE__ */ jsx(DecisionBanner, { decisions, frame }),
-    /* @__PURE__ */ jsx(TaskPanel, { tasks }),
-    /* @__PURE__ */ jsx(
-      ActivityPanel,
-      {
-        entries,
-        termHeight: termHeight - taskPanelLines - decisionPanelLines
-      }
-    ),
-    bottomPanel
-  ] });
-}
-
-// src/tui/index.ts
-async function renderSupervisorTui(name) {
-  const { waitUntilExit } = render(React.createElement(SupervisorTui, { name }));
-  await waitUntilExit();
-}
-export {
-  renderSupervisorTui
-};
-//# sourceMappingURL=tui-67VJ5VBA.js.map