@maestroai/cli 0.1.0

package/dist/src/tui/App.js

@@ -0,0 +1,2393 @@
+// src/tui/App.tsx
+import React9 from "react";
+import path2 from "path";
+import { render, Box as Box14, Text as Text13, useInput as useInput6, useApp, useStdout } from "ink";
+
+// src/tui/components/Header.tsx
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatUptime(ms) {
+  const totalSeconds = Math.floor(ms / 1e3);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const parts = [];
+  if (hours > 0) parts.push(`${hours}h`);
+  if (minutes > 0 || hours > 0) parts.push(`${minutes}m`);
+  parts.push(`${seconds}s`);
+  return parts.join(" ");
+}
+function Header({
+  projectName,
+  completedTasks,
+  totalTasks,
+  totalCost,
+  uptimeMs
+}) {
+  const progress = totalTasks > 0 ? Math.round(completedTasks / totalTasks * 100) : 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      paddingX: 1,
+      borderStyle: "single",
+      borderColor: "cyan",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "MAESTRO" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsx(Text, { children: projectName })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Tasks: ",
+            /* @__PURE__ */ jsx(Text, { color: "green", children: completedTasks }),
+            /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              "/",
+              totalTasks
+            ] }),
+            " ",
+            /* @__PURE__ */ jsxs(Text, { color: progress === 100 ? "green" : "yellow", children: [
+              "(",
+              progress,
+              "%)"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Cost: ",
+            /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+              "$",
+              totalCost.toFixed(4)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsxs(Text, { children: [
+            "Uptime: ",
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: formatUptime(uptimeMs) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/tui/components/Dashboard.tsx
+import { Box as Box9 } from "ink";
+
+// src/tui/components/AgentPanel.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import figures from "figures";
+
+// src/tui/hooks/useAgentPool.ts
+import React from "react";
+
+// src/tui/components/LogViewer.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var MAX_LOG_LINES = 20;
+var agentLogs = /* @__PURE__ */ new Map();
+function addLogLine(agentId, line) {
+  let logs = agentLogs.get(agentId);
+  if (!logs) {
+    logs = [];
+    agentLogs.set(agentId, logs);
+  }
+  logs.push(line);
+  if (logs.length > MAX_LOG_LINES * 2) {
+    agentLogs.set(agentId, logs.slice(-MAX_LOG_LINES));
+  }
+}
+function getLogLines(agentId) {
+  return (agentLogs.get(agentId) ?? []).slice(-MAX_LOG_LINES);
+}
+var KIND_COLORS = {
+  "task-delegated": "cyan",
+  "task-completed": "green",
+  "task-blocked": "red",
+  "task-failed": "red",
+  "agent-spawned": "green",
+  "agent-stopped": "gray",
+  "agent-error": "red",
+  "phase-changed": "magenta",
+  "pipeline-handoff": "yellow",
+  "plan-created": "blue",
+  "plan-approved": "green",
+  "plan-rejected": "red",
+  "budget-warning": "yellow",
+  "rate-limit": "red",
+  "project-completed": "green",
+  "cycle-summary": "gray",
+  "gap-detected": "yellow",
+  "pm-scan": "cyan",
+  "info": "blue"
+};
+function formatTime(iso) {
+  const d = new Date(iso);
+  return d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" });
+}
+function LogViewer({ agent, orchestratorActivities }) {
+  if (orchestratorActivities) {
+    const recent = orchestratorActivities.slice(-MAX_LOG_LINES);
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx2(Text2, { bold: true, underline: true, color: "yellow", children: "Orchestrator Log" }),
+      /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: recent.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No activity yet..." }) : recent.map((activity) => {
+        const color = KIND_COLORS[activity.kind] ?? "white";
+        return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: formatTime(activity.timestamp) }),
+          /* @__PURE__ */ jsx2(Text2, { color, wrap: "truncate", children: activity.message })
+        ] }, activity.id);
+      }) })
+    ] });
+  }
+  if (!agent) {
+    return /* @__PURE__ */ jsx2(Box2, { paddingY: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Select an agent to view logs." }) });
+  }
+  const lines = getLogLines(agent.config.id);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs2(Text2, { bold: true, underline: true, children: [
+      "Logs: ",
+      agent.config.name
+    ] }),
+    /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: lines.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No output yet..." }) : lines.map((line, i) => /* @__PURE__ */ jsx2(Text2, { wrap: "truncate", children: line }, i)) })
+  ] });
+}
+
+// src/tui/hooks/useAgentPool.ts
+var agentTokens = /* @__PURE__ */ new Map();
+function getAgentTokenUsage(agentId) {
+  return agentTokens.get(agentId) ?? { inputTokens: 0, outputTokens: 0, cacheReadTokens: 0 };
+}
+function accumulateTokens(agentId, data) {
+  const usage = data?.usage;
+  if (!usage || typeof usage !== "object") return;
+  const current = agentTokens.get(agentId) ?? { inputTokens: 0, outputTokens: 0, cacheReadTokens: 0 };
+  if (typeof usage.input_tokens === "number") current.inputTokens += usage.input_tokens;
+  if (typeof usage.output_tokens === "number") current.outputTokens += usage.output_tokens;
+  if (typeof usage.cache_read_input_tokens === "number") current.cacheReadTokens += usage.cache_read_input_tokens;
+  agentTokens.set(agentId, current);
+}
+function extractToolResults(data) {
+  const results = [];
+  const message = data?.message;
+  if (!message || typeof message !== "object" || !Array.isArray(message.content)) {
+    return results;
+  }
+  for (const block of message.content) {
+    if (block.type !== "tool_result") continue;
+    if (typeof block.content === "string" && block.content.trim()) {
+      results.push(block.content.trim());
+    } else if (Array.isArray(block.content)) {
+      for (const sub of block.content) {
+        if (sub.type === "text" && typeof sub.text === "string" && sub.text.trim()) {
+          results.push(sub.text.trim());
+        }
+      }
+    }
+  }
+  return results;
+}
+function formatUsage(data) {
+  const usage = data?.usage;
+  if (!usage || typeof usage !== "object") return "";
+  const parts = [];
+  if (typeof usage.input_tokens === "number") parts.push(`in:${usage.input_tokens}`);
+  if (typeof usage.output_tokens === "number") parts.push(`out:${usage.output_tokens}`);
+  if (typeof usage.cache_read_input_tokens === "number" && usage.cache_read_input_tokens > 0) {
+    parts.push(`cache:${usage.cache_read_input_tokens}`);
+  }
+  return parts.length > 0 ? parts.join(" ") : "";
+}
+function useAgentPool(orchestrator) {
+  const [agents, setAgents] = React.useState([]);
+  React.useEffect(() => {
+    const handleSpawned = (state) => {
+      setAgents((prev) => {
+        const existing = prev.findIndex((a) => a.config.id === state.config.id);
+        if (existing >= 0) {
+          const next = [...prev];
+          next[existing] = state;
+          return next;
+        }
+        return [...prev, state];
+      });
+      addLogLine(state.config.id, `[system] Agent spawned: ${state.config.name}`);
+    };
+    const handleStatusChanged = (agentId, _oldStatus, newStatus) => {
+      setAgents(
+        (prev) => prev.map(
+          (a) => a.config.id === agentId ? { ...a, status: newStatus } : a
+        )
+      );
+      addLogLine(agentId, `[system] Status changed to: ${newStatus}`);
+    };
+    const handleOutput = (event) => {
+      if (event.type === "user") {
+        const toolResults = extractToolResults(event.data);
+        for (const result of toolResults) {
+          const truncated2 = result.length > 200 ? result.slice(0, 200) + "..." : result;
+          const firstLine = truncated2.split("\n")[0];
+          addLogLine(event.agentId, `[tool] ${firstLine}`);
+        }
+        return;
+      }
+      let text = "";
+      if (event.type === "assistant") {
+        const message = event.data?.message;
+        if (message && typeof message === "object" && Array.isArray(message.content)) {
+          text = message.content.filter((block) => block.type === "text" && typeof block.text === "string").map((block) => block.text).join("");
+        } else if (typeof event.data?.content === "string") {
+          text = event.data.content;
+        } else if (typeof message === "string") {
+          text = message;
+        }
+      } else if (event.type === "result") {
+        accumulateTokens(event.agentId, event.data);
+        const cost = typeof event.data?.cost_usd === "number" ? `$${event.data.cost_usd.toFixed(4)}` : "";
+        const turns = typeof event.data?.num_turns === "number" ? `${event.data.num_turns} turns` : "";
+        const usage = formatUsage(event.data);
+        text = `done ${[cost, turns, usage].filter(Boolean).join(" | ")}`;
+        setAgents((prev) => [...prev]);
+      } else if (event.type === "error") {
+        text = event.data?.error ?? JSON.stringify(event.data);
+      } else if (event.type === "tool_use") {
+        const toolName = event.data?.tool ?? event.data?.name ?? "tool";
+        text = `[${toolName}]`;
+      } else {
+        text = event.data?.message ?? "";
+      }
+      if (!text) return;
+      const truncated = text.length > 200 ? text.slice(0, 200) + "..." : text;
+      addLogLine(event.agentId, `[${event.type}] ${truncated}`);
+    };
+    const handleError = (agentId, error) => {
+      setAgents(
+        (prev) => prev.map(
+          (a) => a.config.id === agentId ? { ...a, status: "error", error: error.message } : a
+        )
+      );
+      addLogLine(agentId, `[error] ${error.message}`);
+    };
+    const handleStopped = (agentId, exitCode) => {
+      setAgents(
+        (prev) => prev.map(
+          (a) => a.config.id === agentId ? { ...a, status: "stopped", currentTask: null } : a
+        )
+      );
+      addLogLine(agentId, `[system] Agent stopped (exit code: ${exitCode})`);
+    };
+    const handleTaskAssigned = (task, agentId) => {
+      setAgents(
+        (prev) => prev.map(
+          (a) => a.config.id === agentId ? { ...a, currentTask: `${task.id}: ${task.title}` } : a
+        )
+      );
+    };
+    const handleTaskCompleted = (task) => {
+      if (task.assignee) {
+        setAgents(
+          (prev) => prev.map(
+            (a) => a.config.id === task.assignee ? { ...a, currentTask: null } : a
+          )
+        );
+      }
+    };
+    orchestrator.on("agent:spawned", handleSpawned);
+    orchestrator.on("agent:status-changed", handleStatusChanged);
+    orchestrator.on("agent:output", handleOutput);
+    orchestrator.on("agent:error", handleError);
+    orchestrator.on("agent:stopped", handleStopped);
+    orchestrator.on("task:assigned", handleTaskAssigned);
+    orchestrator.on("task:completed", handleTaskCompleted);
+    return () => {
+      orchestrator.off("agent:spawned", handleSpawned);
+      orchestrator.off("agent:status-changed", handleStatusChanged);
+      orchestrator.off("agent:output", handleOutput);
+      orchestrator.off("agent:error", handleError);
+      orchestrator.off("agent:stopped", handleStopped);
+      orchestrator.off("task:assigned", handleTaskAssigned);
+      orchestrator.off("task:completed", handleTaskCompleted);
+    };
+  }, [orchestrator]);
+  return agents;
+}
+
+// src/tui/components/AgentPanel.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ROLE_ICONS = {
+  orchestrator: figures.star,
+  "project-manager": figures.bullet,
+  architect: figures.hamburger,
+  developer: figures.pointer,
+  designer: figures.heart,
+  "qa-engineer": figures.tick,
+  devops: figures.arrowRight,
+  "technical-writer": figures.info,
+  "code-reviewer": figures.warning
+};
+function getStatusColor(status) {
+  switch (status) {
+    case "running":
+      return "green";
+    case "idle":
+    case "starting":
+      return "yellow";
+    case "error":
+      return "red";
+    case "stopped":
+    case "stopping":
+      return "gray";
+    default:
+      return "white";
+  }
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "running":
+    case "starting":
+      return figures.play;
+    case "idle":
+      return figures.bullet;
+    case "error":
+      return figures.cross;
+    case "stopped":
+    case "stopping":
+      return figures.circleFilled;
+    default:
+      return figures.bullet;
+  }
+}
+function formatTokenCount(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return String(n);
+}
+function AgentPanel({
+  agent,
+  isSelected
+}) {
+  if (!agent) {
+    return /* @__PURE__ */ jsx3(Box3, { paddingY: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No agents running. Waiting for orchestrator..." }) });
+  }
+  const roleIcon = ROLE_ICONS[agent.config.role] ?? figures.bullet;
+  const borderColor = isSelected ? "cyan" : "gray";
+  const tokens = getAgentTokenUsage(agent.config.id);
+  const hasTokens = tokens.inputTokens > 0 || tokens.outputTokens > 0;
+  return /* @__PURE__ */ jsxs3(
+    Box3,
+    {
+      flexDirection: "column",
+      borderStyle: isSelected ? "bold" : "single",
+      borderColor,
+      paddingX: 1,
+      marginBottom: 0,
+      children: [
+        /* @__PURE__ */ jsxs3(Box3, { flexDirection: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
+            /* @__PURE__ */ jsx3(Text3, { children: roleIcon }),
+            /* @__PURE__ */ jsx3(Text3, { bold: true, children: agent.config.name }),
+            /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+              "(",
+              agent.config.role,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
+            /* @__PURE__ */ jsx3(Text3, { color: getStatusColor(agent.status), children: getStatusIcon(agent.status) }),
+            /* @__PURE__ */ jsx3(Text3, { color: getStatusColor(agent.status), children: agent.status })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3(Box3, { flexDirection: "row", justifyContent: "space-between", marginTop: 0, children: [
+          /* @__PURE__ */ jsx3(Box3, { flexShrink: 1, children: agent.currentTask ? /* @__PURE__ */ jsxs3(Text3, { children: [
+            /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Task: " }),
+            /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-end", children: agent.currentTask })
+          ] }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "No active task" }) }),
+          /* @__PURE__ */ jsxs3(Box3, { gap: 2, flexShrink: 0, children: [
+            /* @__PURE__ */ jsxs3(Text3, { children: [
+              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Cost: " }),
+              /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
+                "$",
+                agent.totalCostUsd.toFixed(4)
+              ] })
+            ] }),
+            hasTokens && /* @__PURE__ */ jsxs3(Text3, { children: [
+              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Tokens: " }),
+              /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: formatTokenCount(tokens.inputTokens) }),
+              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "/" }),
+              /* @__PURE__ */ jsx3(Text3, { color: "green", children: formatTokenCount(tokens.outputTokens) }),
+              tokens.cacheReadTokens > 0 && /* @__PURE__ */ jsxs3(Fragment, { children: [
+                /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: " cache:" }),
+                /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: formatTokenCount(tokens.cacheReadTokens) })
+              ] })
+            ] })
+          ] })
+        ] }),
+        agent.error && /* @__PURE__ */ jsx3(Box3, { marginTop: 0, children: /* @__PURE__ */ jsxs3(Text3, { color: "red", children: [
+          figures.cross,
+          " ",
+          agent.error
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/tui/components/OrchestratorPanel.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import figures2 from "figures";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var KIND_ICONS = {
+  "task-delegated": { icon: figures2.arrowRight, color: "cyan" },
+  "task-completed": { icon: figures2.tick, color: "green" },
+  "task-blocked": { icon: figures2.cross, color: "red" },
+  "task-failed": { icon: figures2.cross, color: "red" },
+  "agent-spawned": { icon: figures2.play, color: "green" },
+  "agent-stopped": { icon: figures2.circleFilled, color: "gray" },
+  "agent-error": { icon: figures2.warning, color: "red" },
+  "phase-changed": { icon: figures2.pointer, color: "magenta" },
+  "pipeline-handoff": { icon: figures2.arrowRight, color: "yellow" },
+  "plan-created": { icon: figures2.info, color: "blue" },
+  "plan-approved": { icon: figures2.tick, color: "green" },
+  "plan-rejected": { icon: figures2.cross, color: "red" },
+  "budget-warning": { icon: figures2.warning, color: "yellow" },
+  "rate-limit": { icon: figures2.warning, color: "red" },
+  "project-completed": { icon: figures2.star, color: "green" },
+  "cycle-summary": { icon: figures2.bullet, color: "gray" },
+  "gap-detected": { icon: figures2.warning, color: "yellow" },
+  "pm-scan": { icon: figures2.pointer, color: "cyan" },
+  "info": { icon: figures2.info, color: "blue" }
+};
+var MAX_VISIBLE_ACTIVITIES = 6;
+function formatTime2(iso) {
+  const d = new Date(iso);
+  return d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" });
+}
+function OrchestratorPanel({
+  activities,
+  isSelected,
+  phase,
+  activeAgents,
+  totalTasks,
+  completedTasks
+}) {
+  const borderColor = isSelected ? "cyan" : "yellow";
+  const recentActivities = activities.slice(-MAX_VISIBLE_ACTIVITIES);
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      flexDirection: "column",
+      borderStyle: isSelected ? "bold" : "double",
+      borderColor,
+      paddingX: 1,
+      marginBottom: 0,
+      children: [
+        /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsxs4(Box4, { gap: 1, children: [
+            /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: figures2.star }),
+            /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: "Orchestrator" })
+          ] }),
+          /* @__PURE__ */ jsx4(Box4, { gap: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: "green", children: [
+            figures2.play,
+            " active"
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", gap: 2, marginTop: 0, children: [
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Phase: " }),
+            /* @__PURE__ */ jsx4(Text4, { color: "magenta", bold: true, children: phase })
+          ] }),
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Agents: " }),
+            /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: activeAgents })
+          ] }),
+          /* @__PURE__ */ jsxs4(Text4, { children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Tasks: " }),
+            /* @__PURE__ */ jsx4(Text4, { color: "green", children: completedTasks }),
+            /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+              "/",
+              totalTasks
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginTop: 1, children: recentActivities.length === 0 ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Waiting for activity..." }) : recentActivities.map((activity) => {
+          const kindStyle = KIND_ICONS[activity.kind] ?? KIND_ICONS["info"];
+          return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: formatTime2(activity.timestamp) }),
+            /* @__PURE__ */ jsx4(Text4, { color: kindStyle.color, children: kindStyle.icon }),
+            /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: activity.message })
+          ] }, activity.id);
+        }) })
+      ]
+    }
+  );
+}
+
+// src/tui/components/AgentDetailView.tsx
+import React2 from "react";
+import fs from "fs";
+import path from "path";
+import { Box as Box5, Text as Text5 } from "ink";
+import figures3 from "figures";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function formatTokenCount2(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return String(n);
+}
+function parseLogLine(line) {
+  if (!line.trim()) return null;
+  const match = line.match(/^(\d{4}-\d{2}-\d{2}T[\d:.]+Z)\s+\[(\w+)\]\s+([\s\S]*)$/);
+  if (!match) {
+    return { timestamp: "", type: "raw", content: line, json: null };
+  }
+  const [, timestamp, type, content] = match;
+  let json = null;
+  if (content.startsWith("{")) {
+    try {
+      json = JSON.parse(content);
+    } catch {
+    }
+  }
+  return { timestamp, type, content, json };
+}
+function useFileLog(logPath) {
+  const [entries, setEntries] = React2.useState([]);
+  const lastSizeRef = React2.useRef(0);
+  React2.useEffect(() => {
+    let cancelled = false;
+    const readLog = () => {
+      try {
+        const stat = fs.statSync(logPath);
+        if (stat.size === lastSizeRef.current) return;
+        lastSizeRef.current = stat.size;
+        const content = fs.readFileSync(logPath, "utf-8");
+        if (cancelled) return;
+        const parsed = content.split("\n").map(parseLogLine).filter((e) => e !== null);
+        setEntries(parsed);
+      } catch {
+      }
+    };
+    readLog();
+    const interval = setInterval(readLog, 2e3);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, [logPath]);
+  return entries;
+}
+function extractAssistantText(json) {
+  const msg = json.message;
+  const contentBlocks = msg?.content;
+  if (!Array.isArray(contentBlocks)) return [];
+  const texts = [];
+  for (const block of contentBlocks) {
+    if (block.type === "text" && typeof block.text === "string") {
+      texts.push(block.text);
+    }
+  }
+  return texts;
+}
+function extractToolUses(json) {
+  const msg = json.message;
+  const contentBlocks = msg?.content;
+  if (!Array.isArray(contentBlocks)) return [];
+  const tools = [];
+  for (const block of contentBlocks) {
+    if (block.type === "tool_use" && typeof block.name === "string") {
+      const input = block.input;
+      const filePath = input?.file_path ?? input?.path ?? input?.command;
+      tools.push({ name: block.name, filePath: filePath ?? void 0, input: input ?? void 0 });
+    }
+  }
+  return tools;
+}
+function extractStandaloneToolUse(json) {
+  const tool = json.tool;
+  const name = tool?.name ?? json.name;
+  if (!name) return null;
+  const input = tool?.input ?? json.input;
+  const filePath = input?.file_path ?? input?.path ?? input?.command;
+  return { name, filePath: filePath ?? void 0 };
+}
+function formatToolCall(name, filePath) {
+  const FILE_TOOLS = ["Read", "Write", "Edit", "Glob", "Grep", "NotebookEdit"];
+  if (FILE_TOOLS.includes(name) && filePath) {
+    return `${name} ${filePath}`;
+  }
+  if (name === "Bash" && filePath) {
+    const cmd = filePath.length > 80 ? filePath.slice(0, 77) + "..." : filePath;
+    return `Bash: ${cmd}`;
+  }
+  if (name === "TodoWrite") return "TodoWrite";
+  if (name === "Task") return "Task (subagent)";
+  if (filePath) return `${name} ${filePath}`;
+  return name;
+}
+function formatTime3(iso) {
+  if (!iso) return "        ";
+  const d = new Date(iso);
+  return d.toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" });
+}
+function SystemEntry({ entry }) {
+  const msg = entry.json ? entry.json.message ?? (entry.json.session_id ? `Session: ${entry.json.session_id}` : entry.content) : entry.content;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: msg })
+  ] });
+}
+function AssistantEntry({ entry }) {
+  if (!entry.json) {
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+        /* @__PURE__ */ jsxs5(Text5, { color: "blue", bold: true, children: [
+          figures3.pointer,
+          " Assistant"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx5(Box5, { paddingLeft: 10, children: /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: entry.content }) })
+    ] });
+  }
+  const texts = extractAssistantText(entry.json);
+  const toolUses = extractToolUses(entry.json);
+  const elements = [];
+  if (texts.length > 0) {
+    const combined = texts.join("\n");
+    const displayLines = combined.split("\n");
+    const maxLines = 6;
+    const truncated = displayLines.length > maxLines;
+    const shown = displayLines.slice(0, maxLines).join("\n");
+    elements.push(
+      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+          /* @__PURE__ */ jsxs5(Text5, { color: "blue", bold: true, children: [
+            figures3.pointer,
+            " Assistant"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 10, children: [
+          /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: shown }),
+          truncated && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+            "  ... (",
+            displayLines.length - maxLines,
+            " more lines)"
+          ] })
+        ] })
+      ] }, "text")
+    );
+  }
+  for (const tool of toolUses) {
+    elements.push(
+      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: texts.length > 0 ? "        " : formatTime3(entry.timestamp) }),
+        /* @__PURE__ */ jsxs5(Text5, { color: "cyan", children: [
+          figures3.arrowRight,
+          " ",
+          formatToolCall(tool.name, tool.filePath)
+        ] })
+      ] }, `tool-${tool.name}-${tool.filePath}`)
+    );
+  }
+  if (elements.length === 0) {
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+      /* @__PURE__ */ jsx5(Text5, { color: "blue", children: "[assistant] " }),
+      /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: entry.content.slice(0, 120) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: elements });
+}
+function ToolUseEntry({ entry }) {
+  if (entry.json) {
+    const tool = extractStandaloneToolUse(entry.json);
+    if (tool) {
+      return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+        /* @__PURE__ */ jsxs5(Text5, { color: "cyan", children: [
+          figures3.arrowRight,
+          " ",
+          formatToolCall(tool.name, tool.filePath)
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+    /* @__PURE__ */ jsxs5(Text5, { color: "cyan", children: [
+      figures3.arrowRight,
+      " ",
+      entry.content.slice(0, 120)
+    ] })
+  ] });
+}
+function ToolResultEntry({ entry }) {
+  let content = entry.content;
+  if (entry.json) {
+    const resultContent = entry.json.content ?? entry.json.tool_result?.content;
+    if (typeof resultContent === "string") {
+      content = resultContent;
+    }
+  }
+  const lines = content.split("\n");
+  const lineCount = lines.length;
+  const truncated = lineCount > 3 ? lines.slice(0, 3).join("\n") + `
+... (${lineCount - 3} more lines)` : content;
+  const display = truncated.length > 200 ? truncated.slice(0, 200) + "..." : truncated;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+    /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      figures3.ellipsis,
+      " ",
+      display
+    ] })
+  ] });
+}
+function ResultEntry({ entry }) {
+  if (entry.json) {
+    const costUsd = entry.json.cost_usd;
+    const numTurns = entry.json.num_turns;
+    const parts = [];
+    if (costUsd !== void 0) parts.push(`$${costUsd.toFixed(4)}`);
+    if (numTurns !== void 0) parts.push(`${numTurns} turns`);
+    const detail = parts.length > 0 ? ` (${parts.join(", ")})` : "";
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+      /* @__PURE__ */ jsxs5(Text5, { color: "green", bold: true, children: [
+        figures3.tick,
+        " Task complete",
+        detail
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+    /* @__PURE__ */ jsxs5(Text5, { color: "green", bold: true, children: [
+      figures3.tick,
+      " ",
+      entry.content
+    ] })
+  ] });
+}
+function ErrorEntry({ entry }) {
+  let msg = entry.content;
+  if (entry.json) {
+    msg = entry.json.error ?? entry.json.message ?? entry.content;
+  }
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+    /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+      figures3.cross,
+      " ",
+      msg
+    ] })
+  ] });
+}
+function LogEntry({ entry }) {
+  switch (entry.type) {
+    case "system":
+      return /* @__PURE__ */ jsx5(SystemEntry, { entry });
+    case "assistant":
+      return /* @__PURE__ */ jsx5(AssistantEntry, { entry });
+    case "tool_use":
+      return /* @__PURE__ */ jsx5(ToolUseEntry, { entry });
+    case "tool_result":
+      return /* @__PURE__ */ jsx5(ToolResultEntry, { entry });
+    case "result":
+      return /* @__PURE__ */ jsx5(ResultEntry, { entry });
+    case "error":
+      return /* @__PURE__ */ jsx5(ErrorEntry, { entry });
+    default:
+      return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(entry.timestamp) }),
+        /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: entry.content })
+      ] });
+  }
+}
+var MAX_DETAIL_LOG_LINES = 80;
+function getStatusColor2(status) {
+  switch (status) {
+    case "running":
+      return "green";
+    case "idle":
+    case "starting":
+      return "yellow";
+    case "error":
+      return "red";
+    case "stopped":
+    case "stopping":
+      return "gray";
+    default:
+      return "white";
+  }
+}
+var KIND_COLORS2 = {
+  "task-delegated": "cyan",
+  "task-completed": "green",
+  "task-blocked": "red",
+  "task-failed": "red",
+  "agent-spawned": "green",
+  "agent-stopped": "gray",
+  "agent-error": "red",
+  "phase-changed": "magenta",
+  "pipeline-handoff": "yellow",
+  "plan-created": "blue",
+  "plan-approved": "green",
+  "plan-rejected": "red",
+  "budget-warning": "yellow",
+  "rate-limit": "red",
+  "project-completed": "green",
+  "cycle-summary": "gray",
+  "gap-detected": "yellow",
+  "pm-scan": "cyan",
+  "info": "blue"
+};
+function AgentDetailView({
+  agent,
+  orchestratorActivities,
+  isOrchestrator,
+  phase,
+  logsDir
+}) {
+  if (isOrchestrator && orchestratorActivities) {
+    const logPath2 = path.join(logsDir, "orchestrator.log");
+    const entries2 = useFileLog(logPath2);
+    const displayEntries2 = entries2.slice(-MAX_DETAIL_LOG_LINES);
+    if (displayEntries2.length === 0) {
+      const activities = orchestratorActivities.slice(-MAX_DETAIL_LOG_LINES);
+      return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+          /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
+            /* @__PURE__ */ jsxs5(Text5, { color: "yellow", bold: true, children: [
+              figures3.star,
+              " Orchestrator Detail View"
+            ] }),
+            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "| Phase: " }),
+            /* @__PURE__ */ jsx5(Text5, { color: "magenta", bold: true, children: phase ?? "unknown" })
+          ] }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Press ESC to return to agents list" })
+        ] }),
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", paddingX: 1, flexGrow: 1, children: [
+          /* @__PURE__ */ jsx5(Text5, { bold: true, underline: true, color: "yellow", children: "Activity Log" }),
+          /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: activities.length === 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No activity yet..." }) : activities.map((activity) => {
+            const color = KIND_COLORS2[activity.kind] ?? "white";
+            return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 1, children: [
+              /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: formatTime3(activity.timestamp) }),
+              /* @__PURE__ */ jsxs5(Text5, { color, bold: true, children: [
+                "[",
+                activity.kind,
+                "]"
+              ] }),
+              /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: activity.message })
+            ] }, activity.id);
+          }) })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
+          /* @__PURE__ */ jsxs5(Text5, { color: "yellow", bold: true, children: [
+            figures3.star,
+            " Orchestrator Detail View"
+          ] }),
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "| Phase: " }),
+          /* @__PURE__ */ jsx5(Text5, { color: "magenta", bold: true, children: phase ?? "unknown" })
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Press ESC to return to agents list" })
+      ] }),
+      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "single", borderColor: "yellow", paddingX: 1, flexGrow: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { bold: true, underline: true, color: "yellow", children: "Developer Log" }),
+        /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: displayEntries2.map((entry, i) => /* @__PURE__ */ jsx5(LogEntry, { entry }, i)) })
+      ] })
+    ] });
+  }
+  if (!agent) {
+    return /* @__PURE__ */ jsx5(Box5, { paddingY: 1, paddingX: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No agent selected. Press ESC to return." }) });
+  }
+  const logPath = path.join(logsDir, `${agent.config.id}.log`);
+  const entries = useFileLog(logPath);
+  const displayEntries = entries.slice(-MAX_DETAIL_LOG_LINES);
+  const statusColor = getStatusColor2(agent.status);
+  const tokens = getAgentTokenUsage(agent.config.id);
+  const hasTokens = tokens.inputTokens > 0 || tokens.outputTokens > 0;
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { bold: true, children: agent.config.name }),
+        /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+          "(",
+          agent.config.role,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsxs5(Text5, { color: statusColor, children: [
+          agent.status === "running" || agent.status === "starting" ? `${figures3.play} ` : "",
+          agent.status
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Press ESC to return to agents list" })
+    ] }),
+    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", gap: 3, marginBottom: 1, children: [
+      agent.currentTask && /* @__PURE__ */ jsxs5(Text5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Task: " }),
+        /* @__PURE__ */ jsx5(Text5, { children: agent.currentTask })
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Cost: " }),
+        /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
+          "$",
+          agent.totalCostUsd.toFixed(4)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5(Text5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Turns: " }),
+        /* @__PURE__ */ jsx5(Text5, { children: agent.turnCount })
+      ] }),
+      hasTokens && /* @__PURE__ */ jsxs5(Text5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "In: " }),
+        /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: formatTokenCount2(tokens.inputTokens) }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " Out: " }),
+        /* @__PURE__ */ jsx5(Text5, { color: "green", children: formatTokenCount2(tokens.outputTokens) }),
+        tokens.cacheReadTokens > 0 && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: " Cache: " }),
+          /* @__PURE__ */ jsx5(Text5, { children: formatTokenCount2(tokens.cacheReadTokens) })
+        ] })
+      ] }),
+      agent.sessionId && /* @__PURE__ */ jsxs5(Text5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Session: " }),
+        /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+          agent.sessionId.slice(0, 12),
+          "..."
+        ] })
+      ] })
+    ] }),
+    agent.error && /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+      figures3.cross,
+      " ",
+      agent.error
+    ] }) }),
+    /* @__PURE__ */ jsxs5(
+      Box5,
+      {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: "gray",
+        paddingX: 1,
+        flexGrow: 1,
+        children: [
+          /* @__PURE__ */ jsxs5(Text5, { bold: true, underline: true, children: [
+            "Developer Log ",
+            /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+              "(",
+              logPath,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: displayEntries.length === 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "No log entries yet..." }) : displayEntries.map((entry, i) => /* @__PURE__ */ jsx5(LogEntry, { entry }, i)) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/tui/components/TaskList.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import figures4 from "figures";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function getStatusIcon2(status) {
+  switch (status) {
+    case "done":
+      return figures4.tick;
+    case "in-progress":
+      return figures4.play;
+    case "blocked":
+      return figures4.cross;
+    case "cancelled":
+      return figures4.line;
+    case "pending":
+    default:
+      return figures4.circle;
+  }
+}
+function getStatusColor3(status) {
+  switch (status) {
+    case "done":
+      return "green";
+    case "in-progress":
+      return "cyan";
+    case "blocked":
+      return "red";
+    case "cancelled":
+      return "gray";
+    case "pending":
+    default:
+      return "white";
+  }
+}
+function getPriorityIndicator(priority) {
+  switch (priority) {
+    case "critical":
+      return { text: "!!!", color: "red" };
+    case "high":
+      return { text: "!! ", color: "yellow" };
+    case "medium":
+      return { text: "!  ", color: "white" };
+    case "low":
+      return { text: "   ", color: "gray" };
+  }
+}
+function TaskRow({ task, isSelected }) {
+  const icon = getStatusIcon2(task.status);
+  const color = getStatusColor3(task.status);
+  const priority = getPriorityIndicator(task.priority);
+  const isDone = task.status === "done" || task.status === "cancelled";
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { color: isSelected ? "cyan" : void 0, children: isSelected ? figures4.pointer : " " }),
+    /* @__PURE__ */ jsx6(Text6, { color, children: icon }),
+    /* @__PURE__ */ jsx6(Text6, { color: priority.color, children: priority.text }),
+    /* @__PURE__ */ jsx6(Text6, { color: isSelected ? "cyan" : color, dimColor: isDone, bold: isSelected, children: task.id }),
+    /* @__PURE__ */ jsx6(Text6, { color: isSelected ? "cyan" : color, dimColor: isDone, bold: isSelected, wrap: "truncate", children: task.title }),
+    task.assignee && /* @__PURE__ */ jsxs6(Text6, { dimColor: isDone, color: task.status === "in-progress" ? "green" : void 0, children: [
+      "@",
+      task.assignee
+    ] })
+  ] });
+}
+function sortTasks(tasks) {
+  const statusOrder = {
+    "in-progress": 0,
+    "pending": 1,
+    "blocked": 2,
+    "done": 3,
+    "cancelled": 4
+  };
+  return [...tasks].sort((a, b) => {
+    const sa = statusOrder[a.status] ?? 5;
+    const sb = statusOrder[b.status] ?? 5;
+    if (sa !== sb) return sa - sb;
+    const priorityOrder = {
+      critical: 0,
+      high: 1,
+      medium: 2,
+      low: 3
+    };
+    return (priorityOrder[a.priority] ?? 4) - (priorityOrder[b.priority] ?? 4);
+  });
+}
+function TaskList({ tasks, selectedIndex }) {
+  if (tasks.length === 0) {
+    return /* @__PURE__ */ jsx6(Box6, { paddingY: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No tasks found." }) });
+  }
+  const sorted = sortTasks(tasks);
+  const inProgress = sorted.filter((t) => t.status === "in-progress").length;
+  const pending = sorted.filter((t) => t.status === "pending").length;
+  const done = sorted.filter((t) => t.status === "done").length;
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", gap: 2, children: [
+      /* @__PURE__ */ jsxs6(Text6, { bold: true, underline: true, children: [
+        "Tasks (",
+        tasks.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsxs6(Text6, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: "cyan", children: [
+          inProgress,
+          " active"
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: " | " }),
+        /* @__PURE__ */ jsxs6(Text6, { children: [
+          pending,
+          " pending"
+        ] }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: " | " }),
+        /* @__PURE__ */ jsxs6(Text6, { color: "green", children: [
+          done,
+          " done"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Use arrows to select, Enter for details, Esc to go back" }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: sorted.map((task, i) => /* @__PURE__ */ jsx6(
+      TaskRow,
+      {
+        task,
+        isSelected: i === selectedIndex
+      },
+      task.id
+    )) })
+  ] });
+}
+
+// src/tui/components/TaskDetailView.tsx
+import React3 from "react";
+import { Box as Box7, Text as Text7 } from "ink";
+import figures5 from "figures";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function getStatusColor4(status) {
+  switch (status) {
+    case "done":
+      return "green";
+    case "in-progress":
+      return "cyan";
+    case "blocked":
+      return "red";
+    case "cancelled":
+      return "gray";
+    case "pending":
+    default:
+      return "white";
+  }
+}
+function getStatusIcon3(status) {
+  switch (status) {
+    case "done":
+      return figures5.tick;
+    case "in-progress":
+      return figures5.play;
+    case "blocked":
+      return figures5.cross;
+    case "cancelled":
+      return figures5.line;
+    default:
+      return figures5.circle;
+  }
+}
+function formatTime4(iso) {
+  const d = new Date(iso);
+  return d.toLocaleTimeString("en-US", {
+    hour12: false,
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+}
+function getTypeIcon(type) {
+  switch (type) {
+    case "task-assignment":
+      return { icon: figures5.arrowRight, color: "cyan" };
+    case "task-result":
+      return { icon: figures5.tick, color: "green" };
+    case "feedback-request":
+      return { icon: figures5.warning, color: "yellow" };
+    case "feedback-response":
+      return { icon: figures5.info, color: "blue" };
+    default:
+      return { icon: figures5.bullet, color: "white" };
+  }
+}
+function MessageRow({ envelope }) {
+  const msg = envelope.message;
+  const { icon, color } = getTypeIcon(msg.type);
+  const bodyLines = msg.body ? msg.body.split("\n").filter((l) => l.trim()).slice(0, 4) : [];
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: formatTime4(msg.timestamp) }),
+      /* @__PURE__ */ jsx7(Text7, { color, children: icon }),
+      /* @__PURE__ */ jsx7(Text7, { color, bold: true, children: msg.type }),
+      /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        msg.from,
+        " ",
+        figures5.arrowRight,
+        " ",
+        msg.to
+      ] })
+    ] }),
+    msg.subject && /* @__PURE__ */ jsx7(Box7, { paddingLeft: 2, children: /* @__PURE__ */ jsx7(Text7, { wrap: "truncate-end", children: msg.subject }) }),
+    bodyLines.length > 0 && /* @__PURE__ */ jsxs7(Box7, { paddingLeft: 2, flexDirection: "column", children: [
+      bodyLines.map((line, i) => /* @__PURE__ */ jsx7(Text7, { wrap: "truncate-end", dimColor: true, children: line }, i)),
+      msg.body && msg.body.split("\n").filter((l) => l.trim()).length > 4 && /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  ..." })
+    ] })
+  ] });
+}
+function TaskDetailView({ task, orchestrator }) {
+  const [messages, setMessages] = React3.useState([]);
+  const [loading, setLoading] = React3.useState(true);
+  React3.useEffect(() => {
+    setLoading(true);
+    orchestrator.getTaskMessages(task.id).then((msgs) => {
+      setMessages(msgs);
+      setLoading(false);
+    }).catch(() => {
+      setLoading(false);
+    });
+  }, [task.id, orchestrator]);
+  const statusColor = getStatusColor4(task.status);
+  const statusIcon = getStatusIcon3(task.status);
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs7(Box7, { gap: 1, children: [
+        /* @__PURE__ */ jsx7(Text7, { color: statusColor, children: statusIcon }),
+        /* @__PURE__ */ jsx7(Text7, { bold: true, children: task.id }),
+        /* @__PURE__ */ jsx7(Text7, { bold: true, children: task.title })
+      ] }),
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "ESC: back | arrows: navigate" })
+    ] }),
+    /* @__PURE__ */ jsxs7(Box7, { flexDirection: "row", gap: 3, marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs7(Text7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Status: " }),
+        /* @__PURE__ */ jsx7(Text7, { color: statusColor, bold: true, children: task.status })
+      ] }),
+      /* @__PURE__ */ jsxs7(Text7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Priority: " }),
+        /* @__PURE__ */ jsx7(Text7, { children: task.priority })
+      ] }),
+      /* @__PURE__ */ jsxs7(Text7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Assignee: " }),
+        /* @__PURE__ */ jsx7(Text7, { color: task.assignee ? "green" : "gray", children: task.assignee ?? "unassigned" })
+      ] }),
+      task.dependencies.length > 0 && /* @__PURE__ */ jsxs7(Text7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Deps: " }),
+        /* @__PURE__ */ jsx7(Text7, { children: task.dependencies.join(", ") })
+      ] }),
+      task.tags.length > 0 && /* @__PURE__ */ jsxs7(Text7, { children: [
+        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Tags: " }),
+        /* @__PURE__ */ jsx7(Text7, { children: task.tags.join(", ") })
+      ] })
+    ] }),
+    task.description && /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, wrap: "truncate-end", children: task.description }) }),
+    /* @__PURE__ */ jsxs7(
+      Box7,
+      {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: "gray",
+        paddingX: 1,
+        flexGrow: 1,
+        overflow: "hidden",
+        children: [
+          /* @__PURE__ */ jsxs7(Text7, { bold: true, children: [
+            "Messages (",
+            messages.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", marginTop: 1, overflow: "hidden", children: loading ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Loading messages..." }) : messages.length === 0 ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "No messages for this task." }) : messages.map((envelope) => /* @__PURE__ */ jsx7(MessageRow, { envelope }, envelope.message.id)) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/tui/components/InstructionsPanel.tsx
+import React4 from "react";
+import { Box as Box8, Text as Text8, useInput } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function InstructionsPanel({
+  isPaused,
+  isDecomposing,
+  onSubmit,
+  onPause,
+  onResume
+}) {
+  const [lines, setLines] = React4.useState([""]);
+  const [cursorLine, setCursorLine] = React4.useState(0);
+  const [cursorCol, setCursorCol] = React4.useState(0);
+  const [submitted, setSubmitted] = React4.useState(false);
+  useInput((input, key) => {
+    if (isDecomposing) return;
+    if (input === "s" && key.ctrl) {
+      const text = lines.join("\n").trim();
+      if (text.length > 0) {
+        setSubmitted(true);
+        onSubmit(text);
+        setTimeout(() => {
+          setLines([""]);
+          setCursorLine(0);
+          setCursorCol(0);
+          setSubmitted(false);
+        }, 500);
+      }
+      return;
+    }
+    if (input === "x" && key.ctrl) {
+      setLines([""]);
+      setCursorLine(0);
+      setCursorCol(0);
+      return;
+    }
+    if (input === "p" && key.ctrl) {
+      if (isPaused) {
+        onResume();
+      } else {
+        onPause();
+      }
+      return;
+    }
+    if (key.return) {
+      const currentLine = lines[cursorLine] ?? "";
+      const before = currentLine.slice(0, cursorCol);
+      const after = currentLine.slice(cursorCol);
+      const newLines = [...lines];
+      newLines[cursorLine] = before;
+      newLines.splice(cursorLine + 1, 0, after);
+      setLines(newLines);
+      setCursorLine(cursorLine + 1);
+      setCursorCol(0);
+      return;
+    }
+    if (key.backspace || key.delete) {
+      if (cursorCol > 0) {
+        const currentLine = lines[cursorLine] ?? "";
+        const newLine = currentLine.slice(0, cursorCol - 1) + currentLine.slice(cursorCol);
+        const newLines = [...lines];
+        newLines[cursorLine] = newLine;
+        setLines(newLines);
+        setCursorCol(cursorCol - 1);
+      } else if (cursorLine > 0) {
+        const prevLine = lines[cursorLine - 1] ?? "";
+        const currentLine = lines[cursorLine] ?? "";
+        const newLines = [...lines];
+        newLines[cursorLine - 1] = prevLine + currentLine;
+        newLines.splice(cursorLine, 1);
+        setLines(newLines);
+        setCursorLine(cursorLine - 1);
+        setCursorCol(prevLine.length);
+      }
+      return;
+    }
+    if (key.leftArrow) {
+      if (cursorCol > 0) {
+        setCursorCol(cursorCol - 1);
+      } else if (cursorLine > 0) {
+        setCursorLine(cursorLine - 1);
+        setCursorCol((lines[cursorLine - 1] ?? "").length);
+      }
+      return;
+    }
+    if (key.rightArrow) {
+      const currentLine = lines[cursorLine] ?? "";
+      if (cursorCol < currentLine.length) {
+        setCursorCol(cursorCol + 1);
+      } else if (cursorLine < lines.length - 1) {
+        setCursorLine(cursorLine + 1);
+        setCursorCol(0);
+      }
+      return;
+    }
+    if (key.upArrow) {
+      if (cursorLine > 0) {
+        setCursorLine(cursorLine - 1);
+        const prevLen = (lines[cursorLine - 1] ?? "").length;
+        setCursorCol(Math.min(cursorCol, prevLen));
+      }
+      return;
+    }
+    if (key.downArrow) {
+      if (cursorLine < lines.length - 1) {
+        setCursorLine(cursorLine + 1);
+        const nextLen = (lines[cursorLine + 1] ?? "").length;
+        setCursorCol(Math.min(cursorCol, nextLen));
+      }
+      return;
+    }
+    if (key.ctrl || key.meta) return;
+    if (key.escape) return;
+    if (key.tab) {
+      const currentLine = lines[cursorLine] ?? "";
+      const newLine = currentLine.slice(0, cursorCol) + "  " + currentLine.slice(cursorCol);
+      const newLines = [...lines];
+      newLines[cursorLine] = newLine;
+      setLines(newLines);
+      setCursorCol(cursorCol + 2);
+      return;
+    }
+    if (input && input.length > 0) {
+      const currentLine = lines[cursorLine] ?? "";
+      const newLine = currentLine.slice(0, cursorCol) + input + currentLine.slice(cursorCol);
+      const newLines = [...lines];
+      newLines[cursorLine] = newLine;
+      setLines(newLines);
+      setCursorCol(cursorCol + input.length);
+    }
+  });
+  const hasContent = lines.some((l) => l.trim().length > 0);
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs8(Box8, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: "cyan", children: "New Instructions" }),
+      /* @__PURE__ */ jsx8(Box8, { gap: 2, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: isPaused ? /* @__PURE__ */ jsx8(Text8, { color: "yellow", bold: true, children: "PAUSED" }) : /* @__PURE__ */ jsx8(Text8, { color: "green", children: "RUNNING" }) }) })
+    ] }),
+    /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+      "Orchestrator: ",
+      isPaused ? /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "Paused \u2014 agents stopped. " }) : /* @__PURE__ */ jsx8(Text8, { color: "green", children: "Running. " }),
+      "Press ",
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: "ctrl+p" }),
+      " to ",
+      isPaused ? "resume" : "pause",
+      "."
+    ] }) }),
+    /* @__PURE__ */ jsxs8(
+      Box8,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: isDecomposing ? "yellow" : submitted ? "green" : "gray",
+        paddingX: 1,
+        paddingY: 0,
+        flexGrow: 1,
+        overflow: "hidden",
+        children: [
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: isDecomposing ? "Decomposing instructions into tasks..." : "Type or paste instructions below. Press ctrl+s to submit, ctrl+x to clear." }),
+          /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", marginTop: 1, children: lines.map((line, idx) => {
+            if (idx === cursorLine && !isDecomposing) {
+              const before = line.slice(0, cursorCol);
+              const cursorChar = line[cursorCol] ?? " ";
+              const after = line.slice(cursorCol + 1);
+              return /* @__PURE__ */ jsxs8(Box8, { children: [
+                /* @__PURE__ */ jsx8(Text8, { children: before }),
+                /* @__PURE__ */ jsx8(Text8, { inverse: true, children: cursorChar }),
+                /* @__PURE__ */ jsx8(Text8, { children: after })
+              ] }, idx);
+            }
+            return /* @__PURE__ */ jsx8(Text8, { children: line || " " }, idx);
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, gap: 3, children: [
+      /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+        lines.length,
+        " line",
+        lines.length !== 1 ? "s" : "",
+        " | col ",
+        cursorCol + 1
+      ] }),
+      hasContent && !isDecomposing && /* @__PURE__ */ jsx8(Text8, { color: "cyan", children: "ctrl+s: Submit" }),
+      hasContent && !isDecomposing && /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "ctrl+x: Clear" }),
+      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "esc: Back" })
+    ] })
+  ] });
+}
+
+// src/tui/components/Dashboard.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function Dashboard({
+  agents,
+  tasks,
+  selectedAgentIndex,
+  selectedTaskIndex,
+  viewMode,
+  onSelectAgent,
+  orchestratorActivities,
+  orchestrator,
+  phase,
+  logsDir,
+  isPaused,
+  isDecomposing,
+  onSubmitInstructions,
+  onPause,
+  onResume
+}) {
+  const isOrchestratorSelected = selectedAgentIndex === 0;
+  const actualAgentIndex = selectedAgentIndex - 1;
+  const selectedAgent = actualAgentIndex >= 0 ? agents[actualAgentIndex] ?? null : null;
+  const activeAgentCount = agents.filter(
+    (a) => a.status === "running" || a.status === "starting"
+  ).length;
+  const completedTasks = tasks.filter((t) => t.status === "done").length;
+  const sortedTasks = [...tasks].sort((a, b) => {
+    const statusOrder = {
+      "in-progress": 0,
+      pending: 1,
+      blocked: 2,
+      done: 3,
+      cancelled: 4
+    };
+    const sa = statusOrder[a.status] ?? 5;
+    const sb = statusOrder[b.status] ?? 5;
+    if (sa !== sb) return sa - sb;
+    const priorityOrder = {
+      critical: 0,
+      high: 1,
+      medium: 2,
+      low: 3
+    };
+    return (priorityOrder[a.priority] ?? 4) - (priorityOrder[b.priority] ?? 4);
+  });
+  if (viewMode === "instructions") {
+    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx9(
+      InstructionsPanel,
+      {
+        isPaused,
+        isDecomposing,
+        onSubmit: onSubmitInstructions,
+        onPause,
+        onResume
+      }
+    ) });
+  }
+  if (viewMode === "tasks") {
+    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx9(TaskList, { tasks, selectedIndex: selectedTaskIndex }) });
+  }
+  if (viewMode === "task-detail") {
+    const selectedTask = sortedTasks[selectedTaskIndex] ?? null;
+    if (!selectedTask) {
+      return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx9(TaskList, { tasks, selectedIndex: selectedTaskIndex }) });
+    }
+    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx9(TaskDetailView, { task: selectedTask, orchestrator }) });
+  }
+  if (viewMode === "logs") {
+    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx9(LogViewer, { agent: selectedAgent }) });
+  }
+  if (viewMode === "agent-detail") {
+    return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", paddingX: 1, flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx9(
+      AgentDetailView,
+      {
+        agent: selectedAgent,
+        orchestratorActivities,
+        isOrchestrator: isOrchestratorSelected,
+        phase,
+        logsDir
+      }
+    ) });
+  }
+  const sortedAgents = [...agents].sort((a, b) => {
+    const rank = (s) => {
+      if (s === "running" || s === "starting") return 0;
+      if (s === "idle") return 1;
+      if (s === "error") return 2;
+      return 3;
+    };
+    return rank(a.status) - rank(b.status);
+  });
+  const sortedWithOrigIndex = sortedAgents.map((agent) => ({
+    agent,
+    originalIndex: agents.indexOf(agent) + 1
+    // +1 because orchestrator is index 0
+  }));
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "row", paddingX: 1, flexGrow: 1, overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ jsx9(
+        OrchestratorPanel,
+        {
+          activities: orchestratorActivities,
+          isSelected: isOrchestratorSelected,
+          phase,
+          activeAgents: activeAgentCount,
+          totalTasks: tasks.length,
+          completedTasks
+        }
+      ),
+      sortedWithOrigIndex.length === 0 ? /* @__PURE__ */ jsx9(Box9, { paddingY: 1, paddingX: 1, children: /* @__PURE__ */ jsx9(AgentPanel, { agent: null, isSelected: false }) }) : sortedWithOrigIndex.map(({ agent, originalIndex }) => /* @__PURE__ */ jsx9(
+        AgentPanel,
+        {
+          agent,
+          isSelected: originalIndex === selectedAgentIndex
+        },
+        agent.config.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsx9(
+      Box9,
+      {
+        flexDirection: "column",
+        width: "40%",
+        borderStyle: "single",
+        borderColor: "gray",
+        paddingX: 1,
+        overflow: "hidden",
+        children: isOrchestratorSelected ? /* @__PURE__ */ jsx9(LogViewer, { agent: null, orchestratorActivities }) : selectedAgent ? /* @__PURE__ */ jsx9(LogViewer, { agent: selectedAgent }) : /* @__PURE__ */ jsx9(LogViewer, { agent: null })
+      }
+    )
+  ] });
+}
+
+// src/tui/components/StatusBar.tsx
+import { Box as Box10, Text as Text9 } from "ink";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function StatusBar({ viewMode, isPaused }) {
+  const isDetail = viewMode === "agent-detail" || viewMode === "task-detail";
+  const hints = viewMode === "instructions" ? [
+    { key: "esc", label: "Back", active: true },
+    { key: "ctrl+s", label: "Submit" },
+    { key: "ctrl+p", label: isPaused ? "Resume" : "Pause" },
+    { key: "ctrl+x", label: "Clear" }
+  ] : isDetail ? [
+    { key: "esc", label: "Back to list", active: true },
+    ...viewMode === "agent-detail" ? [{ key: "tab", label: "Switch agent" }] : [],
+    ...viewMode === "task-detail" ? [{ key: "arrows", label: "Navigate tasks" }] : [],
+    { key: "q", label: "Quit" }
+  ] : [
+    { key: "q", label: "Quit" },
+    { key: "enter", label: "View detail" },
+    ...viewMode === "agents" ? [{ key: "tab", label: "Switch agent" }] : [],
+    ...viewMode === "tasks" ? [{ key: "arrows", label: "Navigate" }] : [],
+    { key: "a", label: "Agents", active: viewMode === "agents" },
+    { key: "t", label: "Tasks", active: viewMode === "tasks" },
+    { key: "l", label: "Logs", active: viewMode === "logs" },
+    { key: "i", label: "Instructions" },
+    { key: "p", label: isPaused ? "Resume" : "Pause" }
+  ];
+  return /* @__PURE__ */ jsx10(
+    Box10,
+    {
+      flexDirection: "row",
+      paddingX: 1,
+      borderStyle: "single",
+      borderColor: "gray",
+      justifyContent: "center",
+      gap: 2,
+      children: hints.map((hint) => /* @__PURE__ */ jsxs10(Box10, { gap: 0, children: [
+        /* @__PURE__ */ jsx10(Text9, { bold: true, color: hint.active ? "cyan" : "white", children: hint.key }),
+        /* @__PURE__ */ jsxs10(Text9, { dimColor: !hint.active, children: [
+          ": ",
+          hint.label
+        ] })
+      ] }, hint.key))
+    }
+  );
+}
+
+// src/tui/hooks/useTaskManager.ts
+import React5 from "react";
+function useTaskManager(orchestrator) {
+  const [tasks, setTasks] = React5.useState([]);
+  React5.useEffect(() => {
+    const handleLoaded = (loadedTasks) => {
+      setTasks(loadedTasks);
+    };
+    const handleCreated = (task) => {
+      setTasks((prev) => {
+        const existing = prev.findIndex((t) => t.id === task.id);
+        if (existing >= 0) {
+          const next = [...prev];
+          next[existing] = task;
+          return next;
+        }
+        return [...prev, task];
+      });
+    };
+    const handleUpdated = (task, _changes) => {
+      setTasks(
+        (prev) => prev.map((t) => t.id === task.id ? task : t)
+      );
+    };
+    const handleCompleted = (task) => {
+      setTasks(
+        (prev) => prev.map((t) => t.id === task.id ? { ...task, status: "done" } : t)
+      );
+    };
+    const handleAssigned = (task, agentId) => {
+      setTasks(
+        (prev) => prev.map((t) => t.id === task.id ? { ...task, status: "in-progress", assignee: agentId } : t)
+      );
+    };
+    orchestrator.on("tasks:loaded", handleLoaded);
+    orchestrator.on("task:created", handleCreated);
+    orchestrator.on("task:updated", handleUpdated);
+    orchestrator.on("task:completed", handleCompleted);
+    orchestrator.on("task:assigned", handleAssigned);
+    orchestrator.getTasks().then((existing) => {
+      if (existing.length > 0) {
+        setTasks(existing);
+      }
+    }).catch(() => {
+    });
+    return () => {
+      orchestrator.off("tasks:loaded", handleLoaded);
+      orchestrator.off("task:created", handleCreated);
+      orchestrator.off("task:updated", handleUpdated);
+      orchestrator.off("task:completed", handleCompleted);
+      orchestrator.off("task:assigned", handleAssigned);
+    };
+  }, [orchestrator]);
+  return tasks;
+}
+
+// src/tui/hooks/useKeyboard.ts
+import React6 from "react";
+import { useInput as useInput2 } from "ink";
+function useKeyboard(agentCount, taskCount = 0) {
+  const [selectedAgentIndex, setSelectedAgentIndex] = React6.useState(0);
+  const [selectedTaskIndex, setSelectedTaskIndex] = React6.useState(0);
+  const [viewMode, setViewMode] = React6.useState("agents");
+  useInput2((input, key) => {
+    if (viewMode === "instructions") {
+      if (key.escape) {
+        setViewMode("agents");
+      }
+      return;
+    }
+    if (key.return) {
+      if (viewMode === "agents") {
+        setViewMode("agent-detail");
+        return;
+      }
+      if (viewMode === "tasks" && taskCount > 0) {
+        setViewMode("task-detail");
+        return;
+      }
+    }
+    if (key.escape) {
+      if (viewMode === "agent-detail") {
+        setViewMode("agents");
+        return;
+      }
+      if (viewMode === "task-detail") {
+        setViewMode("tasks");
+        return;
+      }
+    }
+    if (key.tab && (viewMode === "agents" || viewMode === "agent-detail")) {
+      setSelectedAgentIndex((prev) => {
+        if (agentCount === 0) return 0;
+        return (prev + 1) % agentCount;
+      });
+    }
+    if (key.upArrow) {
+      if (viewMode === "agents" || viewMode === "agent-detail") {
+        setSelectedAgentIndex((prev) => {
+          if (agentCount === 0) return 0;
+          return prev > 0 ? prev - 1 : agentCount - 1;
+        });
+      }
+      if (viewMode === "tasks" || viewMode === "task-detail") {
+        setSelectedTaskIndex((prev) => {
+          if (taskCount === 0) return 0;
+          return prev > 0 ? prev - 1 : taskCount - 1;
+        });
+      }
+    }
+    if (key.downArrow) {
+      if (viewMode === "agents" || viewMode === "agent-detail") {
+        setSelectedAgentIndex((prev) => {
+          if (agentCount === 0) return 0;
+          return (prev + 1) % agentCount;
+        });
+      }
+      if (viewMode === "tasks" || viewMode === "task-detail") {
+        setSelectedTaskIndex((prev) => {
+          if (taskCount === 0) return 0;
+          return (prev + 1) % taskCount;
+        });
+      }
+    }
+    if (viewMode !== "agent-detail" && viewMode !== "task-detail") {
+      if (input === "a") {
+        setViewMode("agents");
+      }
+      if (input === "t") {
+        setViewMode("tasks");
+      }
+      if (input === "l") {
+        setViewMode("logs");
+      }
+      if (input === "i") {
+        setViewMode("instructions");
+      }
+    }
+  });
+  React6.useEffect(() => {
+    if (agentCount > 0 && selectedAgentIndex >= agentCount) {
+      setSelectedAgentIndex(agentCount - 1);
+    }
+  }, [agentCount, selectedAgentIndex]);
+  React6.useEffect(() => {
+    if (taskCount > 0 && selectedTaskIndex >= taskCount) {
+      setSelectedTaskIndex(taskCount - 1);
+    }
+  }, [taskCount, selectedTaskIndex]);
+  return {
+    selectedAgentIndex,
+    selectedTaskIndex,
+    viewMode,
+    setSelectedAgentIndex,
+    setSelectedTaskIndex,
+    setViewMode
+  };
+}
+
+// src/tui/hooks/useFeedback.ts
+import { useState, useEffect } from "react";
+function useFeedback(orchestrator) {
+  const [pendingPlan, setPendingPlan] = useState(null);
+  const [questions, setQuestions] = useState([]);
+  const [latestReport, setLatestReport] = useState(null);
+  const [milestone, setMilestone] = useState(null);
+  const [interactionMode, setInteractionMode] = useState("supervised");
+  useEffect(() => {
+    const onPlan = (proposal) => setPendingPlan(proposal);
+    const onPlanDecided = () => setPendingPlan(null);
+    const onQuestion = (q) => setQuestions((prev) => [...prev, q]);
+    const onQuestionAnswered = (qId) => setQuestions((prev) => prev.filter((q) => q.id !== qId));
+    const onProgress = (report) => setLatestReport(report);
+    const onMilestone = (m) => setMilestone(m);
+    const onMilestoneAck = () => setMilestone(null);
+    const onModeChanged = (mode) => setInteractionMode(mode);
+    orchestrator.on("plan:proposed", onPlan);
+    orchestrator.on("plan:decided", onPlanDecided);
+    orchestrator.on("question:asked", onQuestion);
+    orchestrator.on("question:answered", onQuestionAnswered);
+    orchestrator.on("progress:report", onProgress);
+    orchestrator.on("milestone:reached", onMilestone);
+    orchestrator.on("milestone:acknowledged", onMilestoneAck);
+    orchestrator.on("interaction-mode:changed", onModeChanged);
+    const existingPlan = orchestrator.getPendingPlan();
+    if (existingPlan) setPendingPlan(existingPlan);
+    const existingQuestions = orchestrator.getPendingQuestions();
+    if (existingQuestions.length > 0) setQuestions(existingQuestions);
+    return () => {
+      orchestrator.off("plan:proposed", onPlan);
+      orchestrator.off("plan:decided", onPlanDecided);
+      orchestrator.off("question:asked", onQuestion);
+      orchestrator.off("question:answered", onQuestionAnswered);
+      orchestrator.off("progress:report", onProgress);
+      orchestrator.off("milestone:reached", onMilestone);
+      orchestrator.off("milestone:acknowledged", onMilestoneAck);
+      orchestrator.off("interaction-mode:changed", onModeChanged);
+    };
+  }, [orchestrator]);
+  const decidePlan = (proposalId, decision) => {
+    orchestrator.decidePlan(proposalId, decision);
+  };
+  const answerQuestion = (questionId, answer) => {
+    orchestrator.answerQuestion(questionId, answer);
+  };
+  const ackMilestone = (milestoneId) => {
+    orchestrator.acknowledgeMilestone(milestoneId);
+    setMilestone(null);
+  };
+  return {
+    pendingPlan,
+    questions,
+    latestReport,
+    milestone,
+    interactionMode,
+    decidePlan,
+    answerQuestion,
+    acknowledgeMilestone: ackMilestone
+  };
+}
+
+// src/tui/hooks/useOrchestratorActivity.ts
+import React7 from "react";
+var MAX_ACTIVITIES = 200;
+function useOrchestratorActivity(orchestrator) {
+  const [activities, setActivities] = React7.useState([]);
+  React7.useEffect(() => {
+    const handleActivity = (activity) => {
+      setActivities((prev) => {
+        const next = [...prev, activity];
+        if (next.length > MAX_ACTIVITIES) {
+          return next.slice(-MAX_ACTIVITIES);
+        }
+        return next;
+      });
+    };
+    orchestrator.on("orchestrator:activity", handleActivity);
+    return () => {
+      orchestrator.off("orchestrator:activity", handleActivity);
+    };
+  }, [orchestrator]);
+  return activities;
+}
+
+// src/tui/components/PlanReview.tsx
+import { Box as Box11, Text as Text10, useInput as useInput3 } from "ink";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+function PlanReview({ proposal, onDecide }) {
+  useInput3((input) => {
+    if (input === "y" || input === "Y") {
+      onDecide(proposal.id, "approved");
+    } else if (input === "n" || input === "N") {
+      onDecide(proposal.id, "rejected");
+    }
+  });
+  const priorityColor = (p) => {
+    switch (p) {
+      case "critical":
+        return "red";
+      case "high":
+        return "yellow";
+      case "medium":
+        return "cyan";
+      default:
+        return "gray";
+    }
+  };
+  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", borderStyle: "double", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsx11(Box11, { marginBottom: 1, children: /* @__PURE__ */ jsx11(Text10, { bold: true, color: "cyan", children: "Plan Review" }) }),
+    /* @__PURE__ */ jsxs11(Box11, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Goal: " }),
+      /* @__PURE__ */ jsxs11(Text10, { children: [
+        proposal.projectGoal.slice(0, 80),
+        proposal.projectGoal.length > 80 ? "..." : ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx11(Box11, { marginBottom: 1, children: /* @__PURE__ */ jsxs11(Text10, { bold: true, children: [
+      "Proposed Tasks (",
+      proposal.tasks.length,
+      "):"
+    ] }) }),
+    proposal.tasks.map((task, i) => /* @__PURE__ */ jsxs11(Box11, { paddingLeft: 1, children: [
+      /* @__PURE__ */ jsxs11(Text10, { dimColor: true, children: [
+        String(i + 1).padStart(2, " "),
+        ". "
+      ] }),
+      /* @__PURE__ */ jsxs11(Text10, { color: priorityColor(task.priority), children: [
+        "[",
+        task.priority.slice(0, 4).toUpperCase(),
+        "] "
+      ] }),
+      /* @__PURE__ */ jsx11(Text10, { children: task.title }),
+      task.tags.length > 0 && /* @__PURE__ */ jsxs11(Text10, { dimColor: true, children: [
+        " (",
+        task.tags.join(", "),
+        ")"
+      ] })
+    ] }, i)),
+    /* @__PURE__ */ jsx11(Box11, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs11(Text10, { children: [
+      "Press ",
+      /* @__PURE__ */ jsx11(Text10, { bold: true, color: "green", children: "y" }),
+      " to approve, ",
+      /* @__PURE__ */ jsx11(Text10, { bold: true, color: "red", children: "n" }),
+      " to reject"
+    ] }) })
+  ] });
+}
+
+// src/tui/components/QuestionPrompt.tsx
+import { useState as useState2 } from "react";
+import { Box as Box12, Text as Text11, useInput as useInput4 } from "ink";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function QuestionPrompt({ question, onAnswer, onSkip }) {
+  const [selectedOption, setSelectedOption] = useState2(0);
+  const [freeText, setFreeText] = useState2("");
+  const [mode, setMode] = useState2(
+    question.options && question.options.length > 0 ? "options" : "freetext"
+  );
+  useInput4((input, key) => {
+    if (mode === "options" && question.options) {
+      if (key.upArrow) {
+        setSelectedOption((prev) => Math.max(0, prev - 1));
+      } else if (key.downArrow) {
+        setSelectedOption((prev) => Math.min(question.options.length - 1, prev + 1));
+      } else if (key.return) {
+        onAnswer(question.id, question.options[selectedOption]);
+      } else if (input === "t" || input === "T") {
+        setMode("freetext");
+      } else if (input === "s" || input === "S") {
+        onSkip(question.id);
+      }
+    } else if (mode === "freetext") {
+      if (key.return && freeText.trim()) {
+        onAnswer(question.id, freeText.trim());
+      } else if (key.escape) {
+        if (question.options && question.options.length > 0) {
+          setMode("options");
+        }
+      } else if (key.backspace || key.delete) {
+        setFreeText((prev) => prev.slice(0, -1));
+      } else if (input && !key.ctrl && !key.meta) {
+        setFreeText((prev) => prev + input);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsx12(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsxs12(Text11, { bold: true, color: "yellow", children: [
+      "Question from ",
+      question.fromAgent
+    ] }) }),
+    /* @__PURE__ */ jsx12(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsx12(Text11, { children: question.question }) }),
+    question.context && /* @__PURE__ */ jsx12(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsxs12(Text11, { dimColor: true, children: [
+      "Context: ",
+      question.context
+    ] }) }),
+    mode === "options" && question.options && /* @__PURE__ */ jsxs12(Fragment3, { children: [
+      question.options.map((opt, i) => /* @__PURE__ */ jsx12(Box12, { paddingLeft: 1, children: /* @__PURE__ */ jsxs12(Text11, { color: i === selectedOption ? "cyan" : void 0, children: [
+        i === selectedOption ? "> " : "  ",
+        opt
+      ] }) }, i)),
+      /* @__PURE__ */ jsx12(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Up/Down to select, Enter to confirm, t for free text, s to skip" }) })
+    ] }),
+    mode === "freetext" && /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "> " }),
+      /* @__PURE__ */ jsxs12(Text11, { children: [
+        freeText,
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "_" })
+      ] }),
+      /* @__PURE__ */ jsx12(Box12, { marginLeft: 2, children: /* @__PURE__ */ jsxs12(Text11, { dimColor: true, children: [
+        "Enter to submit",
+        question.options ? ", Esc for options" : ""
+      ] }) })
+    ] })
+  ] });
+}
+
+// src/tui/components/ProgressSummary.tsx
+import { Box as Box13, Text as Text12, useInput as useInput5 } from "ink";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function ProgressSummary({ report, milestone, onAcknowledge }) {
+  useInput5((input) => {
+    if (milestone && milestone.requiresAck && (input === "c" || input === "C" || input === " ")) {
+      onAcknowledge(milestone.id);
+    }
+  });
+  if (!report && !milestone) {
+    return /* @__PURE__ */ jsx13(Box13, {});
+  }
+  const percent = report?.percentComplete ?? 0;
+  const barWidth = 30;
+  const filled = Math.round(percent / 100 * barWidth);
+  const bar = "\u2588".repeat(filled) + "\u2591".repeat(barWidth - filled);
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", borderStyle: "single", borderColor: milestone ? "green" : "blue", paddingX: 1, children: [
+    milestone && /* @__PURE__ */ jsxs13(Box13, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, color: "green", children: milestone.name }),
+      /* @__PURE__ */ jsx13(Text12, { children: " -- " }),
+      /* @__PURE__ */ jsx13(Text12, { children: milestone.message })
+    ] }),
+    report && /* @__PURE__ */ jsxs13(Fragment4, { children: [
+      /* @__PURE__ */ jsxs13(Box13, { children: [
+        /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Phase: " }),
+        /* @__PURE__ */ jsx13(Text12, { bold: true, children: report.phase }),
+        /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: " | " }),
+        /* @__PURE__ */ jsxs13(Text12, { children: [
+          report.completedTasks,
+          "/",
+          report.totalTasks,
+          " tasks"
+        ] }),
+        /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: " | " }),
+        /* @__PURE__ */ jsxs13(Text12, { children: [
+          "$",
+          report.totalCostUsd.toFixed(4)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx13(Text12, { color: "cyan", children: bar }),
+        /* @__PURE__ */ jsxs13(Text12, { children: [
+          " ",
+          percent.toFixed(0),
+          "%"
+        ] })
+      ] }),
+      report.blockers.length > 0 && /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx13(Text12, { color: "red", bold: true, children: "Blockers:" }),
+        report.blockers.map((b, i) => /* @__PURE__ */ jsxs13(Text12, { color: "red", children: [
+          "  * ",
+          b
+        ] }, i))
+      ] })
+    ] }),
+    milestone && milestone.requiresAck && /* @__PURE__ */ jsx13(Box13, { marginTop: 1, children: /* @__PURE__ */ jsxs13(Text12, { dimColor: true, children: [
+      "Press ",
+      /* @__PURE__ */ jsx13(Text12, { bold: true, children: "c" }),
+      " or ",
+      /* @__PURE__ */ jsx13(Text12, { bold: true, children: "space" }),
+      " to continue"
+    ] }) })
+  ] });
+}
+
+// src/tui/App.tsx
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function formatDuration(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  if (hours > 0) return `${hours}h ${minutes % 60}m ${seconds % 60}s`;
+  if (minutes > 0) return `${minutes}m ${seconds % 60}s`;
+  return `${seconds}s`;
+}
+function useTerminalHeight() {
+  const { stdout } = useStdout();
+  const [height, setHeight] = React9.useState(stdout?.rows ?? 24);
+  React9.useEffect(() => {
+    if (!stdout) return;
+    const onResize = () => setHeight(stdout.rows);
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return height;
+}
+function App({ orchestrator, projectConfig }) {
+  const { exit } = useApp();
+  const termHeight = useTerminalHeight();
+  const agents = useAgentPool(orchestrator);
+  const tasks = useTaskManager(orchestrator);
+  const orchestratorActivities = useOrchestratorActivity(orchestrator);
+  const selectableCount = 1 + agents.length;
+  const { selectedAgentIndex, selectedTaskIndex, viewMode, setSelectedAgentIndex, setSelectedTaskIndex, setViewMode } = useKeyboard(selectableCount, tasks.length);
+  const feedback = useFeedback(orchestrator);
+  const [totalCost, setTotalCost] = React9.useState(0);
+  const [startTime] = React9.useState(Date.now());
+  const [uptime, setUptime] = React9.useState(0);
+  const [phase, setPhase] = React9.useState("planning");
+  const [archReady, setArchReady] = React9.useState(null);
+  const [completionSummary, setCompletionSummary] = React9.useState(null);
+  const [isPaused, setIsPaused] = React9.useState(false);
+  const [isDecomposing, setIsDecomposing] = React9.useState(false);
+  const [quitConfirm, setQuitConfirm] = React9.useState(false);
+  React9.useEffect(() => {
+    const timer = setInterval(() => {
+      setUptime(Date.now() - startTime);
+    }, 5e3);
+    return () => clearInterval(timer);
+  }, [startTime]);
+  React9.useEffect(() => {
+    const handler = (stats) => {
+      setTotalCost(stats.totalCostUsd);
+    };
+    orchestrator.on("orchestrator:cycle", handler);
+    return () => {
+      orchestrator.off("orchestrator:cycle", handler);
+    };
+  }, [orchestrator]);
+  React9.useEffect(() => {
+    const handlePhase = (p) => setPhase(p);
+    const handleArchReady = (archTasks) => setArchReady(archTasks);
+    const handleCompleted = (summary) => setCompletionSummary(summary);
+    orchestrator.on("phase:changed", handlePhase);
+    orchestrator.on("architecture:ready", handleArchReady);
+    orchestrator.on("project:completed", handleCompleted);
+    return () => {
+      orchestrator.off("phase:changed", handlePhase);
+      orchestrator.off("architecture:ready", handleArchReady);
+      orchestrator.off("project:completed", handleCompleted);
+    };
+  }, [orchestrator]);
+  React9.useEffect(() => {
+    const handlePaused = () => setIsPaused(true);
+    const handleResumed = () => setIsPaused(false);
+    orchestrator.on("orchestrator:paused", handlePaused);
+    orchestrator.on("orchestrator:resumed", handleResumed);
+    return () => {
+      orchestrator.off("orchestrator:paused", handlePaused);
+      orchestrator.off("orchestrator:resumed", handleResumed);
+    };
+  }, [orchestrator]);
+  const handlePause = React9.useCallback(() => {
+    orchestrator.pause();
+  }, [orchestrator]);
+  const handleResume = React9.useCallback(() => {
+    orchestrator.resume();
+  }, [orchestrator]);
+  const handleSubmitInstructions = React9.useCallback((instructions) => {
+    setIsDecomposing(true);
+    orchestrator.addInstructions(instructions).catch(() => {
+    }).finally(() => {
+      setIsDecomposing(false);
+    });
+  }, [orchestrator]);
+  useInput6((input, key) => {
+    if (quitConfirm) {
+      if (input === "y" || input === "Y") {
+        const forceExit = setTimeout(() => exit(), 15e3);
+        orchestrator.stop().then(() => {
+          clearTimeout(forceExit);
+          exit();
+        }).catch(() => exit());
+      } else {
+        setQuitConfirm(false);
+      }
+      return;
+    }
+    if (viewMode === "instructions") {
+      return;
+    }
+    if (input === "q") {
+      setQuitConfirm(true);
+      return;
+    }
+    if (input === "p" && viewMode !== "agent-detail" && viewMode !== "task-detail") {
+      if (isPaused) {
+        handleResume();
+      } else {
+        handlePause();
+      }
+    }
+    if (input === "a" && archReady && viewMode !== "agent-detail" && viewMode !== "task-detail") {
+      orchestrator.approveArchitecture();
+      setArchReady(null);
+    }
+  });
+  const completedTasks = tasks.filter((t) => t.status === "done").length;
+  const logsDir = path2.resolve(projectConfig.settings.workingDirectory, projectConfig.settings.logsDirectory);
+  let overlayLines = 0;
+  if (completionSummary) {
+    const activeAgentCount = completionSummary.agentSummaries.filter((a) => a.tasksCompleted > 0).length;
+    overlayLines += 18 + activeAgentCount;
+  }
+  if (archReady && !completionSummary) overlayLines += 4 + archReady.length;
+  if (feedback.pendingPlan) overlayLines += 12;
+  if (feedback.questions.length > 0 && !feedback.pendingPlan) overlayLines += 6;
+  if (feedback.milestone && !feedback.pendingPlan && feedback.questions.length === 0) overlayLines += 6;
+  const chromeHeight = 6 + overlayLines;
+  const dashboardHeight = Math.max(8, termHeight - chromeHeight);
+  return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", width: "100%", height: termHeight, children: [
+    completionSummary && (() => {
+      const totalTokens = completionSummary.totalInputTokens + completionSummary.totalOutputTokens + completionSummary.totalCacheReadTokens + completionSummary.totalCacheCreationTokens;
+      const activeAgents = completionSummary.agentSummaries.filter((a) => a.tasksCompleted > 0);
+      return /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, paddingX: 2, borderStyle: "bold", borderColor: "green", children: [
+        /* @__PURE__ */ jsxs14(Text13, { bold: true, color: "green", children: [
+          "\u2605",
+          " PROJECT COMPLETED ",
+          "\u2605"
+        ] }),
+        /* @__PURE__ */ jsx14(Text13, { children: " " }),
+        /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Tasks" }),
+        /* @__PURE__ */ jsxs14(Text13, { children: [
+          "  Completed: ",
+          /* @__PURE__ */ jsx14(Text13, { color: "green", children: completionSummary.doneTasks }),
+          " / ",
+          completionSummary.totalTasks
+        ] }),
+        completionSummary.cancelledTasks > 0 && /* @__PURE__ */ jsxs14(Text13, { children: [
+          "  Cancelled: ",
+          /* @__PURE__ */ jsx14(Text13, { color: "yellow", children: completionSummary.cancelledTasks })
+        ] }),
+        /* @__PURE__ */ jsx14(Text13, { children: " " }),
+        /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Usage" }),
+        /* @__PURE__ */ jsxs14(Text13, { children: [
+          "  Cost:     ",
+          /* @__PURE__ */ jsxs14(Text13, { color: "cyan", children: [
+            "$",
+            completionSummary.totalCostUsd.toFixed(4)
+          ] })
+        ] }),
+        totalTokens > 0 && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          /* @__PURE__ */ jsxs14(Text13, { children: [
+            "  Tokens:   ",
+            totalTokens.toLocaleString(),
+            " total"
+          ] }),
+          /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+            "            in: ",
+            completionSummary.totalInputTokens.toLocaleString(),
+            " | out: ",
+            completionSummary.totalOutputTokens.toLocaleString(),
+            " | cache-r: ",
+            completionSummary.totalCacheReadTokens.toLocaleString(),
+            " | cache-w: ",
+            completionSummary.totalCacheCreationTokens.toLocaleString()
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14(Text13, { children: [
+          "  Duration: ",
+          formatDuration(completionSummary.uptimeMs)
+        ] }),
+        activeAgents.length > 0 && /* @__PURE__ */ jsxs14(Fragment5, { children: [
+          /* @__PURE__ */ jsx14(Text13, { children: " " }),
+          /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Agent Breakdown" }),
+          activeAgents.map((a) => {
+            const agentTokens2 = a.inputTokens + a.outputTokens;
+            const tokenInfo = agentTokens2 > 0 ? `, ${agentTokens2.toLocaleString()} tokens` : "";
+            return /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+              "  ",
+              a.name,
+              " (",
+              a.role,
+              "): ",
+              a.tasksCompleted,
+              " tasks, $",
+              a.costUsd.toFixed(4),
+              tokenInfo
+            ] }, a.agentId);
+          })
+        ] }),
+        /* @__PURE__ */ jsx14(Text13, { children: " " }),
+        /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Next Steps" }),
+        /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+          "  ",
+          "\u2192",
+          " Review the completed work in your project directory"
+        ] }),
+        /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+          "  ",
+          "\u2192",
+          " Run your test suite to verify the changes"
+        ] }),
+        /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+          "  ",
+          "\u2192",
+          " Check git diff to review all modifications"
+        ] }),
+        /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+          "  ",
+          "\u2192",
+          " Commit and push when ready"
+        ] })
+      ] });
+    })(),
+    archReady && !completionSummary && /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", paddingY: 1, paddingX: 2, borderStyle: "round", borderColor: "cyan", children: [
+      /* @__PURE__ */ jsx14(Text13, { bold: true, color: "cyan", children: "Architecture Phase Complete" }),
+      /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "Review ARCHITECTURE.md and architecture-related files." }),
+      archReady.map((t) => /* @__PURE__ */ jsxs14(Text13, { dimColor: true, children: [
+        "  - ",
+        t.title
+      ] }, t.id)),
+      /* @__PURE__ */ jsx14(Text13, { color: "yellow", children: "Press 'a' to approve and advance to development" })
+    ] }),
+    feedback.pendingPlan && /* @__PURE__ */ jsx14(
+      PlanReview,
+      {
+        proposal: feedback.pendingPlan,
+        onDecide: feedback.decidePlan
+      }
+    ),
+    feedback.questions.length > 0 && !feedback.pendingPlan && /* @__PURE__ */ jsx14(
+      QuestionPrompt,
+      {
+        question: feedback.questions[0],
+        onAnswer: feedback.answerQuestion,
+        onSkip: (qId) => feedback.answerQuestion(qId, "")
+      }
+    ),
+    feedback.milestone && !feedback.pendingPlan && feedback.questions.length === 0 && /* @__PURE__ */ jsx14(
+      ProgressSummary,
+      {
+        report: feedback.latestReport,
+        milestone: feedback.milestone,
+        onAcknowledge: feedback.acknowledgeMilestone
+      }
+    ),
+    /* @__PURE__ */ jsx14(
+      Header,
+      {
+        projectName: projectConfig.name,
+        completedTasks,
+        totalTasks: tasks.length,
+        totalCost,
+        uptimeMs: uptime
+      }
+    ),
+    /* @__PURE__ */ jsx14(Box14, { height: dashboardHeight, children: /* @__PURE__ */ jsx14(
+      Dashboard,
+      {
+        agents,
+        tasks,
+        selectedAgentIndex,
+        selectedTaskIndex,
+        viewMode,
+        onSelectAgent: setSelectedAgentIndex,
+        orchestratorActivities,
+        orchestrator,
+        phase,
+        logsDir,
+        isPaused,
+        isDecomposing,
+        onSubmitInstructions: handleSubmitInstructions,
+        onPause: handlePause,
+        onResume: handleResume
+      }
+    ) }),
+    quitConfirm && /* @__PURE__ */ jsxs14(Box14, { paddingX: 1, justifyContent: "center", children: [
+      /* @__PURE__ */ jsx14(Text13, { bold: true, color: "yellow", children: "Quit Maestro? " }),
+      /* @__PURE__ */ jsx14(Text13, { bold: true, color: "white", children: "y" }),
+      /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "/" }),
+      /* @__PURE__ */ jsx14(Text13, { bold: true, color: "white", children: "n" })
+    ] }),
+    /* @__PURE__ */ jsx14(StatusBar, { viewMode, onChangeView: setViewMode, isPaused })
+  ] });
+}
+function renderApp(orchestrator, projectConfig) {
+  render(
+    /* @__PURE__ */ jsx14(App, { orchestrator, projectConfig })
+  );
+}
+export {
+  renderApp
+};
+//# sourceMappingURL=App.js.map