@oxgeneral/orch 0.2.3 → 0.3.0

package/dist/App-KDZSTAMR.js

@@ -1,4864 +0,0 @@
-#!/usr/bin/env node
-import { DEFAULT_CONFIG } from './chunk-ED47GL3F.js';
-import { GOAL_STATUS_ORDER } from './chunk-HXYAZGLP.js';
-import { formatDuration, formatDurationSince } from './chunk-I5WEMARW.js';
-import React5, { useState, useEffect, useMemo, useRef, useCallback } from 'react';
-import { Box, Text, useApp, useStdout, useInput } from 'ink';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/tui/colors.ts
-var tuiColors = {
-  // Brand
-  amber: "#ffaf00",
-  // ansi256(214) — logo, selected cursor, accents
-  amberDim: "#af8700",
-  // ansi256(136) — amber at reduced intensity
-  // Semantic
-  green: "#5faf87",
-  // ansi256(72) — running, success, active
-  red: "#d75f5f",
-  // ansi256(167) — failed, P1, errors
-  blue: "#5fafd7",
-  // ansi256(74) — review, info
-  yellow: "#d7af00",
-  // ansi256(178) — retrying, P2, warning
-  cyan: "#5fd7d7",
-  // ansi256(80) — timestamps, metadata
-  purple: "#af87ff",
-  // ansi256(141) — file paths, labels
-  // Neutrals (high → low intensity)
-  white: "#eeeeee",
-  // ansi256(255) — primary text
-  silver: "#bcbcbc",
-  // ansi256(250) — secondary text
-  gray: "#808080",
-  // ansi256(244) — tertiary text
-  dim: "#585858",
-  // ansi256(240) — subtle text, deemphasized
-  ghost: "#3a3a3a",
-  // ansi256(237) — rules, separators
-  void: "#262626",
-  // ansi256(235) — deepest background elements
-  // Semantic backgrounds (for log highlights)
-  errorBg: "#3d1515",
-  // deep red background for errors
-  warnBg: "#3d2e0a",
-  // deep amber background for warnings
-  successBg: "#0f2d1f",
-  // deep green background for success
-  infoBg: "#1a1a22"};
-var HEAVY_RULE = "\u2501";
-var LIGHT_RULE = "\u2500";
-var DOT = "\xB7";
-var LOZENGE = "\u25C8";
-var STAR = "\u2605";
-var LOOP = "\u27F3";
-var DIAMOND = "\u25C6";
-var TICK_INTERVAL = 120;
-var globalTick = 0;
-var timer = null;
-var listeners = /* @__PURE__ */ new Set();
-function startGlobal() {
-  if (timer) return;
-  timer = setInterval(() => {
-    globalTick++;
-    for (const fn of listeners) fn(globalTick);
-  }, TICK_INTERVAL);
-}
-function stopGlobal() {
-  if (timer && listeners.size === 0) {
-    clearInterval(timer);
-    timer = null;
-  }
-}
-function useAnimTick() {
-  const [tick, setTick] = useState(globalTick);
-  useEffect(() => {
-    const listener = (t) => setTick(t);
-    listeners.add(listener);
-    startGlobal();
-    return () => {
-      listeners.delete(listener);
-      stopGlobal();
-    };
-  }, []);
-  return tick;
-}
-var FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-function Spinner({ color }) {
-  const tick = useAnimTick();
-  return /* @__PURE__ */ jsx(Text, { color, children: FRAMES[tick % FRAMES.length] });
-}
-var STATUS_ORDER = {
-  in_progress: 0,
-  retrying: 1,
-  review: 2,
-  todo: 3,
-  done: 4,
-  failed: 5,
-  cancelled: 6
-};
-var EMPTY_CIRCLE = "\u25CB";
-var CHECK = "\u2713";
-var CROSS = "\u2715";
-var RETRY = "\u21BB";
-var DASH = "\u2500";
-var TRIANGLE = "\u25B6";
-var chipBg = {
-  green: "#0f2d1f",
-  blue: "#0f1f2d",
-  yellow: "#2d2a0f",
-  red: "#2d0f0f",
-  neutral: "#1a1a22"};
-var STATUS_CHIP = {
-  in_progress: { icon: TRIANGLE, label: "RUN", fg: tuiColors.green, bg: chipBg.green, bold: true, spinner: true },
-  retrying: { icon: RETRY, label: "RETRY", fg: tuiColors.yellow, bg: chipBg.yellow, spinner: true },
-  review: { icon: LOZENGE, label: "REVIEW", fg: tuiColors.blue, bg: chipBg.blue },
-  todo: { icon: EMPTY_CIRCLE, label: "TODO", fg: tuiColors.dim, bg: chipBg.neutral },
-  done: { icon: CHECK, label: "DONE", fg: tuiColors.green, bg: chipBg.green },
-  failed: { icon: CROSS, label: "FAIL", fg: tuiColors.red, bg: chipBg.red, bold: true },
-  cancelled: { icon: DASH, label: "OFF", fg: tuiColors.dim, bg: chipBg.neutral }
-};
-var PRIORITY_CONFIG = {
-  1: { color: tuiColors.red, label: "!!!" },
-  2: { color: tuiColors.yellow, label: "!!" },
-  3: { color: tuiColors.dim, label: "!" },
-  4: { color: tuiColors.ghost, label: DOT }
-};
-var TaskRow = React5.memo(function TaskRow2({ task, selected, width, agentNameMap }) {
-  const chip = STATUS_CHIP[task.status];
-  const isRunning = task.status === "in_progress" || task.status === "retrying";
-  const priConf = PRIORITY_CONFIG[task.priority] ?? { color: tuiColors.ghost, label: DOT };
-  let timeStr;
-  let timeColor;
-  if (task.status === "done") {
-    timeStr = CHECK;
-    timeColor = tuiColors.green;
-  } else if (task.status === "failed") {
-    timeStr = CROSS;
-    timeColor = tuiColors.red;
-  } else if (isRunning) {
-    const ms = Date.now() - new Date(task.updated_at).getTime();
-    timeStr = formatDuration(ms);
-    timeColor = tuiColors.cyan;
-  } else {
-    timeStr = "\u2014";
-    timeColor = void 0;
-  }
-  const cursor = selected ? "\u25B8" : " ";
-  const chipWidth = 10;
-  const priWidth = 4;
-  const assigneeWidth = 14;
-  const timeWidth = 7;
-  const fixedCols = 2 + chipWidth + priWidth + assigneeWidth + timeWidth;
-  const titleWidth = width ? Math.max(10, width - fixedCols) : 40;
-  const assigneeName = task.assignee ? agentNameMap?.get(task.assignee) ?? task.assignee : void 0;
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: selected ? tuiColors.amber : void 0, children: [
-      cursor,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Box, { width: chipWidth, children: /* @__PURE__ */ jsx(Text, { backgroundColor: chip.bg, color: chip.fg, bold: chip.bold, children: chip.spinner ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      /* @__PURE__ */ jsx(Spinner, { color: chip.fg }),
-      " ",
-      chip.label,
-      " "
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      chip.icon,
-      " ",
-      chip.label,
-      " "
-    ] }) }) }),
-    /* @__PURE__ */ jsx(Box, { width: priWidth, children: /* @__PURE__ */ jsx(Text, { color: priConf.color, bold: task.priority <= 2, children: priConf.label }) }),
-    /* @__PURE__ */ jsx(Box, { width: titleWidth, children: /* @__PURE__ */ jsx(
-      Text,
-      {
-        wrap: "truncate",
-        bold: selected || isRunning,
-        color: selected ? tuiColors.white : isRunning ? tuiColors.silver : void 0,
-        children: task.title.length > titleWidth ? task.title.slice(0, titleWidth - 1) + "\u2026" : task.title
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { width: assigneeWidth, children: assigneeName ? /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg.green, color: tuiColors.green, wrap: "truncate", children: [
-      " ",
-      assigneeName.length > assigneeWidth - 2 ? assigneeName.slice(0, assigneeWidth - 3) + "\u2026" : assigneeName,
-      " "
-    ] }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2014" }) }),
-    /* @__PURE__ */ jsx(Box, { width: timeWidth, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { color: timeColor, dimColor: !timeColor, children: timeStr }) })
-  ] });
-});
-var CROSS2 = "\u2715";
-var EMPTY_CIRCLE2 = "\u25CB";
-var TRIANGLE2 = "\u25B6";
-var CHECK2 = "\u2713";
-var chipBg2 = {
-  green: "#0f2d1f",
-  red: "#2d0f0f",
-  neutral: "#1a1a22",
-  amber: "#2d1f0a"
-};
-var STATUS_CHIP2 = {
-  running: { icon: TRIANGLE2, label: "ACTIVE", fg: tuiColors.green, bg: chipBg2.green, bold: true, spinner: true },
-  idle: { icon: EMPTY_CIRCLE2, label: "IDLE", fg: tuiColors.dim, bg: chipBg2.neutral },
-  error: { icon: CROSS2, label: "ERROR", fg: tuiColors.red, bg: chipBg2.red, bold: true },
-  disabled: { icon: EMPTY_CIRCLE2, label: "OFF", fg: tuiColors.ghost, bg: chipBg2.neutral }
-};
-var AGENT_STATUS_ORDER = {
-  running: 0,
-  idle: 1,
-  error: 2,
-  disabled: 3
-};
-var AgentRow = React5.memo(function AgentRow2({ agent, selected, width, runningEntry, currentTaskTitle, teamName, isLead }) {
-  const chip = STATUS_CHIP2[agent.status];
-  const isRunning = agent.status === "running";
-  let timeStr;
-  let timeColor;
-  if (isRunning && runningEntry) {
-    const ms = Date.now() - new Date(runningEntry.started_at).getTime();
-    timeStr = formatDuration(ms);
-    timeColor = tuiColors.cyan;
-  } else if (agent.stats.total_runs > 0) {
-    timeStr = `${agent.stats.tasks_completed}/${agent.stats.total_runs}`;
-    timeColor = agent.stats.tasks_completed > 0 ? tuiColors.green : tuiColors.dim;
-  } else {
-    timeStr = "\u2014";
-    timeColor = void 0;
-  }
-  const cursor = selected ? "\u25B8" : " ";
-  const chipWidth = 11;
-  const adapterWidth = 10;
-  const teamColWidth = teamName ? Math.min(teamName.length + 2, 14) : 0;
-  const roleWidth = Math.max(6, 22 - teamColWidth);
-  const timeWidth = 7;
-  const fixedCols = 2 + chipWidth + adapterWidth + teamColWidth + roleWidth + timeWidth;
-  const nameWidth = width ? Math.max(8, width - fixedCols) : 20;
-  let roleText;
-  let roleColor;
-  let roleBold = false;
-  if (isRunning && currentTaskTitle) {
-    roleText = currentTaskTitle;
-    roleColor = tuiColors.white;
-    roleBold = true;
-  } else if (agent.role) {
-    roleText = agent.role;
-    roleColor = tuiColors.dim;
-  } else {
-    roleText = "\u2014";
-    roleColor = tuiColors.ghost;
-  }
-  const hasHistory = agent.stats.total_runs > 0;
-  const successRate = hasHistory ? Math.round(agent.stats.tasks_completed / agent.stats.total_runs * 100) : 0;
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: selected ? tuiColors.amber : void 0, children: [
-      cursor,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Box, { width: chipWidth, children: /* @__PURE__ */ jsx(Text, { backgroundColor: chip.bg, color: chip.fg, bold: chip.bold, children: chip.spinner ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      /* @__PURE__ */ jsx(Spinner, { color: chip.fg }),
-      " ",
-      chip.label,
-      " "
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      chip.icon,
-      " ",
-      chip.label,
-      " "
-    ] }) }) }),
-    /* @__PURE__ */ jsx(Box, { width: nameWidth, children: /* @__PURE__ */ jsxs(
-      Text,
-      {
-        wrap: "truncate",
-        bold: selected || isRunning,
-        color: selected ? tuiColors.white : isRunning ? tuiColors.green : tuiColors.silver,
-        children: [
-          agent.autonomous && /* @__PURE__ */ jsxs(Text, { color: tuiColors.cyan, children: [
-            LOOP,
-            " "
-          ] }),
-          isLead && /* @__PURE__ */ jsxs(Text, { color: tuiColors.amber, children: [
-            STAR,
-            " "
-          ] }),
-          agent.name
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { width: adapterWidth, children: /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg2.neutral, color: tuiColors.dim, children: [
-      " ",
-      agent.adapter,
-      " "
-    ] }) }),
-    teamName && /* @__PURE__ */ jsx(Box, { width: teamColWidth, children: /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg2.amber, color: tuiColors.amber, wrap: "truncate", children: [
-      " ",
-      teamName,
-      " "
-    ] }) }),
-    /* @__PURE__ */ jsx(Box, { width: roleWidth, children: /* @__PURE__ */ jsx(Text, { color: roleColor, bold: roleBold, wrap: "truncate", children: roleText }) }),
-    /* @__PURE__ */ jsx(Box, { width: timeWidth, justifyContent: "flex-end", children: hasHistory && !isRunning ? /* @__PURE__ */ jsxs(Text, { color: successRate >= 80 ? tuiColors.green : successRate >= 50 ? tuiColors.yellow : tuiColors.red, children: [
-      timeStr,
-      " ",
-      CHECK2
-    ] }) : /* @__PURE__ */ jsx(Text, { color: timeColor, dimColor: !timeColor, children: timeStr }) })
-  ] });
-});
-function TeamSectionRow({ teamName, memberCount, leadName, width }) {
-  const count = `${memberCount} agent${memberCount !== 1 ? "s" : ""}`;
-  const leadStr = leadName ? ` ${DOT} ${STAR} ${leadName}` : "";
-  const label = ` ${LOZENGE} ${teamName.toUpperCase()} ${DOT} ${count}${leadStr} `;
-  const leftLen = 3;
-  const rightLen = Math.max(0, width - leftLen - label.length - 4);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 2, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2500".repeat(leftLen) }),
-    /* @__PURE__ */ jsx(Text, { backgroundColor: chipBg2.amber, color: tuiColors.amber, bold: true, children: label }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2500".repeat(rightLen) })
-  ] });
-}
-var EMPTY_DIAMOND = "\u25C7";
-function UnassignedSectionRow({ memberCount, width }) {
-  const count = `${memberCount} agent${memberCount !== 1 ? "s" : ""}`;
-  const label = ` ${EMPTY_DIAMOND} UNASSIGNED ${DOT} ${count} `;
-  const leftLen = 3;
-  const rightLen = Math.max(0, width - leftLen - label.length - 4);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 2, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2500".repeat(leftLen) }),
-    /* @__PURE__ */ jsx(Text, { backgroundColor: chipBg2.neutral, color: tuiColors.dim, children: label }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2500".repeat(rightLen) })
-  ] });
-}
-var CHECK3 = "\u2713";
-var CROSS3 = "\u2715";
-var PAUSE = "\u2016";
-var TARGET = "\u25C9";
-var chipBg3 = {
-  green: "#0f2d1f",
-  amber: "#2d1f0a",
-  neutral: "#1a1a22"};
-var STATUS_CHIP3 = {
-  active: { icon: TARGET, label: "ACTIVE", fg: tuiColors.green, bg: chipBg3.green, bold: true },
-  paused: { icon: PAUSE, label: "PAUSED", fg: tuiColors.dim, bg: chipBg3.neutral },
-  achieved: { icon: CHECK3, label: "DONE", fg: tuiColors.amber, bg: chipBg3.amber, bold: true },
-  abandoned: { icon: CROSS3, label: "DROP", fg: tuiColors.ghost, bg: chipBg3.neutral }
-};
-var GoalRow = React5.memo(function GoalRow2({ goal, selected, width, agentNameMap }) {
-  const chip = STATUS_CHIP3[goal.status];
-  const cursor = selected ? "\u25B8" : " ";
-  const chipWidth = 11;
-  const assigneeWidth = 14;
-  const timeWidth = 7;
-  const fixedCols = 2 + chipWidth + assigneeWidth + timeWidth;
-  const titleWidth = width ? Math.max(10, width - fixedCols) : 40;
-  const assigneeName = goal.assignee ? agentNameMap?.get(goal.assignee) ?? goal.assignee : void 0;
-  let timeStr;
-  let timeColor;
-  if (goal.status === "achieved") {
-    timeStr = CHECK3;
-    timeColor = tuiColors.amber;
-  } else if (goal.status === "abandoned") {
-    timeStr = CROSS3;
-    timeColor = tuiColors.ghost;
-  } else {
-    const ms = Date.now() - new Date(goal.created_at).getTime();
-    const days = Math.floor(ms / 864e5);
-    timeStr = days > 0 ? `${days}d` : "<1d";
-    timeColor = tuiColors.dim;
-  }
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Text, { color: selected ? tuiColors.amber : void 0, children: [
-      cursor,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Box, { width: chipWidth, children: /* @__PURE__ */ jsxs(Text, { backgroundColor: chip.bg, color: chip.fg, bold: chip.bold, children: [
-      " ",
-      chip.icon,
-      " ",
-      chip.label,
-      " "
-    ] }) }),
-    /* @__PURE__ */ jsx(Box, { width: titleWidth, children: /* @__PURE__ */ jsx(
-      Text,
-      {
-        wrap: "truncate",
-        bold: selected || goal.status === "active",
-        color: selected ? tuiColors.white : goal.status === "active" ? tuiColors.silver : void 0,
-        children: goal.title.length > titleWidth ? goal.title.slice(0, titleWidth - 1) + "\u2026" : goal.title
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { width: assigneeWidth, children: assigneeName ? /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg3.green, color: tuiColors.green, wrap: "truncate", children: [
-      " ",
-      assigneeName.length > assigneeWidth - 2 ? assigneeName.slice(0, assigneeWidth - 3) + "\u2026" : assigneeName,
-      " "
-    ] }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2014" }) }),
-    /* @__PURE__ */ jsx(Box, { width: timeWidth, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { color: timeColor, dimColor: !timeColor, children: timeStr }) })
-  ] });
-});
-var MSG_ICONS = {
-  system: "\u2666",
-  // ◆
-  lifecycle: "\u25B6",
-  // ▶
-  output: "\u2502",
-  // │
-  tool: "\u2699",
-  // ⚙
-  result: "\u2190",
-  // ←
-  error: "\u2715",
-  // ✕
-  file: "\u270E",
-  // ✎
-  info: "\u2502"
-  // │
-};
-function SectionDivider({ label, width, color }) {
-  const innerW = width - 4;
-  const labelWithSpaces = ` ${label} `;
-  const leftLen = 3;
-  const rightLen = Math.max(0, innerW - leftLen - labelWithSpaces.length);
-  return /* @__PURE__ */ jsxs(Text, { color: color ?? tuiColors.ghost, children: [
-    "  ",
-    "\u2500".repeat(leftLen),
-    labelWithSpaces,
-    "\u2500".repeat(rightLen)
-  ] });
-}
-function DetailPanel({ task, height, width, taskLogs, agentNameMap }) {
-  const statusColor = STATUS_DETAIL_COLOR[task.status] ?? tuiColors.dim;
-  const priColor = task.priority <= 2 ? task.priority === 1 ? tuiColors.red : tuiColors.yellow : void 0;
-  const col1Width = 24;
-  const hasDescription = !!task.description?.trim();
-  const hasSummary = !!task.proof?.agent_summary;
-  const hasFiles = (task.proof?.files_changed?.length ?? 0) > 0;
-  const hasLogs = (taskLogs?.length ?? 0) > 0;
-  const descLines = hasDescription ? task.description.split("\n") : [];
-  const summaryLines = hasSummary ? task.proof.agent_summary.split("\n") : [];
-  let usedRows = 3;
-  if (hasDescription) {
-    usedRows += 1;
-    usedRows += Math.min(descLines.length, Math.max(1, Math.ceil((height - 10) * 0.3)));
-  } else if (!hasSummary) {
-    usedRows += 2;
-  }
-  if (hasSummary) {
-    usedRows += 2;
-  }
-  if (hasFiles) {
-    usedRows += 1;
-  }
-  if (hasLogs) {
-    usedRows += 2;
-  }
-  const remainingRows = Math.max(0, height - usedRows);
-  let summaryMaxLines = 0;
-  let logMaxLines = 0;
-  if (hasSummary && hasLogs) {
-    summaryMaxLines = Math.max(1, Math.floor(remainingRows * 0.4));
-    logMaxLines = Math.max(1, remainingRows - summaryMaxLines);
-  } else if (hasSummary) {
-    summaryMaxLines = remainingRows;
-  } else if (hasLogs) {
-    logMaxLines = remainingRows;
-  }
-  const visibleDescLines = hasDescription ? descLines.slice(0, Math.max(1, Math.ceil((height - 10) * 0.3))) : [];
-  const visibleSummaryLines = summaryLines.slice(0, summaryMaxLines);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  status   " }),
-        /* @__PURE__ */ jsx(Text, { color: statusColor, children: task.status })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  assignee  " }),
-        /* @__PURE__ */ jsx(Text, { color: task.assignee ? tuiColors.green : tuiColors.dim, children: task.assignee ? agentNameMap?.get(task.assignee) ?? task.assignee : "\u2014" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  priority  " }),
-        /* @__PURE__ */ jsxs(Text, { color: priColor, bold: task.priority <= 2, children: [
-          "P",
-          task.priority
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  attempts  " }),
-        /* @__PURE__ */ jsxs(Text, { children: [
-          task.attempts,
-          "/",
-          task.max_attempts
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  labels    " }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.purple, children: task.labels.length > 0 ? task.labels.join(", ") : "\u2014" })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  depends   " }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: task.depends_on.length > 0 ? task.depends_on.join(", ") : "\u2014" })
-      ] })
-    ] }),
-    hasDescription && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { children: " " }),
-      visibleDescLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: tuiColors.silver, wrap: "truncate", children: [
-        "  ",
-        line
-      ] }, `d${i}`))
-    ] }),
-    !hasDescription && !hasSummary && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { children: " " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  No description." })
-    ] }),
-    hasSummary && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { children: " " }),
-      /* @__PURE__ */ jsx(SectionDivider, { label: "result", width, color: tuiColors.dim }),
-      visibleSummaryLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: tuiColors.white, wrap: "truncate", children: [
-        "  ",
-        line
-      ] }, `r${i}`))
-    ] }),
-    hasFiles && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  files  " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.cyan, children: task.proof.files_changed.length }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: " changed" }),
-      task.proof.branch && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "  ",
-          "\xB7",
-          "  "
-        ] }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.cyan, children: task.proof.branch })
-      ] })
-    ] }),
-    hasLogs && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { children: " " }),
-      /* @__PURE__ */ jsx(SectionDivider, { label: "activity", width, color: tuiColors.dim }),
-      taskLogs.slice(-logMaxLines).map((log, i) => {
-        const msgType = log.msgType ?? "info";
-        const icon = MSG_ICONS[msgType] ?? "\u2502";
-        let textColor = log.color;
-        if (msgType === "tool") textColor = tuiColors.cyan;
-        else if (msgType === "file") textColor = tuiColors.purple;
-        else if (msgType === "error") textColor = tuiColors.red;
-        else if (msgType === "lifecycle") textColor = tuiColors.green;
-        else if (msgType === "system") textColor = tuiColors.dim;
-        const logTextW = Math.max(10, width - 12);
-        const logDisplay = log.text.length > logTextW ? log.text.slice(0, logTextW - 1) + "\u2026" : log.text;
-        return /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-            "  ",
-            log.time,
-            " "
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { color: msgType === "error" ? tuiColors.red : tuiColors.dim, children: [
-            icon,
-            " "
-          ] }),
-          /* @__PURE__ */ jsx(Text, { color: textColor, bold: msgType === "lifecycle", children: logDisplay })
-        ] }, i);
-      })
-    ] })
-  ] });
-}
-var STATUS_DETAIL_COLOR = {
-  in_progress: tuiColors.green,
-  retrying: tuiColors.yellow,
-  review: tuiColors.blue,
-  todo: tuiColors.dim,
-  done: tuiColors.green,
-  failed: tuiColors.red,
-  cancelled: tuiColors.dim
-};
-var TABS = [
-  { key: "G", id: "goals", label: "GOALS" },
-  { key: "T", id: "tasks", label: "TASKS" },
-  { key: "A", id: "agents", label: "AGENTS" },
-  { key: "L", id: "logs", label: "ACTIONS" }
-];
-var FILLED_CIRCLE = "\u25CF";
-var EMPTY_CIRCLE3 = "\u25CB";
-var CHECK4 = "\u2713";
-var CROSS4 = "\u2715";
-var ARROW_UP = "\u2191";
-var ARROW_DOWN = "\u2193";
-var SIGMA = "\u03A3";
-var TRIANGLE_RIGHT = "\u25B6";
-var RETRY_ICON = "\u21BB";
-var BRAILLE_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-var SPARK_CHARS = [" ", "\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
-var chipBg4 = {
-  green: "#0f2d1f",
-  // dark emerald tint
-  blue: "#0f1f2d",
-  // dark sky tint
-  yellow: "#2d2a0f",
-  // dark amber tint
-  red: "#2d0f0f",
-  // dark rose tint
-  neutral: "#1a1a22",
-  // dark slate
-  amber: "#2d1f0a"
-  // dark warm
-};
-function MiniSpinner({ color }) {
-  const tick = useAnimTick();
-  return /* @__PURE__ */ jsx(Text, { color, children: BRAILLE_FRAMES[tick % BRAILLE_FRAMES.length] });
-}
-function PulsingDiamond() {
-  const tick = useAnimTick();
-  const bright = Math.floor(tick / 10) % 2 === 0;
-  return /* @__PURE__ */ jsx(Text, { color: bright ? tuiColors.amber : tuiColors.amberDim, bold: true, children: DIAMOND });
-}
-function ScannerBar({ width, active }) {
-  const segLen = Math.max(4, Math.floor(width * 0.08));
-  const step = 2;
-  const tick = useAnimTick();
-  const totalFrames = Math.ceil((width + segLen) / step);
-  const pos = active ? tick % (totalFrames * 2) : 0;
-  if (!active) {
-    return /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(width) }) });
-  }
-  const rawPos = pos < totalFrames ? pos * step : (totalFrames * 2 - pos) * step;
-  const brightStart = Math.max(0, rawPos - segLen);
-  const brightEnd = Math.min(width, rawPos);
-  const beforeLen = brightStart;
-  const brightLen = Math.max(0, brightEnd - brightStart);
-  const afterLen = Math.max(0, width - brightEnd);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(beforeLen) }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: HEAVY_RULE.repeat(brightLen) }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(afterLen) })
-  ] });
-}
-function Sparkline({ data, width, color }) {
-  if (data.length === 0) return null;
-  const display = data.slice(-width);
-  const max = Math.max(...display, 1);
-  const chars = display.map((v) => {
-    const idx = Math.round(v / max * (SPARK_CHARS.length - 1));
-    return SPARK_CHARS[idx] ?? SPARK_CHARS[0];
-  }).join("");
-  return /* @__PURE__ */ jsx(Text, { color, children: chars });
-}
-function BrandBar({
-  projectName,
-  activeView,
-  mode,
-  stats,
-  uptime,
-  width
-}) {
-  const isWatching = mode === "watching";
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, justifyContent: "space-between", width, children: [
-    /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-      /* @__PURE__ */ jsx(PulsingDiamond, {}),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, bold: true, children: " ORCH" }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        " ",
-        DOT,
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.silver, children: projectName })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { gap: 0, children: TABS.map((tab, i) => {
-      const isActive = activeView === tab.id;
-      return /* @__PURE__ */ jsxs(React5.Fragment, { children: [
-        i > 0 && /* @__PURE__ */ jsx(Text, { children: "  " }),
-        isActive ? (
-          // Active tab: inverted chip — amber background, dark text
-          /* @__PURE__ */ jsxs(Text, { backgroundColor: tuiColors.amber, color: "#0a0a0c", bold: true, children: [
-            " ",
-            tab.key,
-            " ",
-            tab.label,
-            " "
-          ] })
-        ) : (
-          // Inactive tab: ghost key + dim label
-          /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-            /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: tab.key }),
-            /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-              " ",
-              tab.label.toLowerCase()
-            ] })
-          ] })
-        )
-      ] }, tab.id);
-    }) }),
-    /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-      isWatching ? /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg4.green, color: tuiColors.green, bold: true, children: [
-        " ",
-        FILLED_CIRCLE,
-        " WATCHING",
-        " "
-      ] }) : /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg4.neutral, color: tuiColors.dim, children: [
-        " ",
-        EMPTY_CIRCLE3,
-        " IDLE",
-        " "
-      ] }),
-      stats.running > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { children: " " }),
-        /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg4.green, color: tuiColors.green, children: [
-          " ",
-          /* @__PURE__ */ jsx(MiniSpinner, { color: tuiColors.green }),
-          " ",
-          stats.running,
-          " active",
-          " "
-        ] })
-      ] }),
-      uptime && /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        " ",
-        uptime
-      ] })
-    ] })
-  ] });
-}
-function StatsBar({
-  stats,
-  tokens,
-  width,
-  sparklineData
-}) {
-  const allChips = [
-    { icon: TRIANGLE_RIGHT, label: "RUN", count: stats.running, fg: tuiColors.green, bg: chipBg4.green, bold: true, spinner: true, show: stats.running > 0 },
-    { icon: RETRY_ICON, label: "RETRY", count: stats.retrying, fg: tuiColors.yellow, bg: chipBg4.yellow, show: stats.retrying > 0 },
-    { icon: LOZENGE, label: "REVIEW", count: stats.review, fg: tuiColors.blue, bg: chipBg4.blue, show: stats.review > 0 },
-    { icon: EMPTY_CIRCLE3, label: "TODO", count: stats.todo, fg: tuiColors.dim, bg: chipBg4.neutral, show: stats.todo > 0 },
-    { icon: CHECK4, label: "DONE", count: stats.done, fg: tuiColors.green, bg: chipBg4.green, show: stats.done > 0 },
-    { icon: CROSS4, label: "FAIL", count: stats.failed, fg: tuiColors.red, bg: chipBg4.red, bold: true, show: stats.failed > 0 },
-    { icon: DIAMOND, label: "TEAMS", count: stats.teams, fg: tuiColors.amber, bg: chipBg4.amber, show: stats.teams > 0 }
-  ];
-  const chips = allChips.filter((c) => c.show);
-  const hasTokens = tokens.total > 0;
-  const fmtK = (n) => n >= 1e3 ? `${(n / 1e3).toFixed(1)}k` : String(n);
-  const sparkWidth = sparklineData && sparklineData.length > 0 ? Math.min(16, sparklineData.length) : 0;
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, justifyContent: "space-between", width, children: [
-    /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
-      chips.map((chip) => /* @__PURE__ */ jsx(Text, { backgroundColor: chip.bg, color: chip.fg, bold: chip.bold, children: chip.spinner ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        " ",
-        /* @__PURE__ */ jsx(MiniSpinner, { color: chip.fg }),
-        " ",
-        chip.count,
-        " ",
-        chip.label,
-        " "
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        " ",
-        chip.icon,
-        " ",
-        chip.count,
-        " ",
-        chip.label,
-        " "
-      ] }) }, chip.label)),
-      chips.length === 0 && /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg4.neutral, color: tuiColors.dim, children: [
-        " ",
-        "NO TASKS",
-        " "
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-      sparkWidth > 0 && sparklineData && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Sparkline, { data: sparklineData, width: sparkWidth, color: tuiColors.amberDim }),
-        /* @__PURE__ */ jsx(Text, { children: "  " })
-      ] }),
-      hasTokens && /* @__PURE__ */ jsxs(Text, { backgroundColor: chipBg4.amber, color: tuiColors.cyan, children: [
-        " ",
-        ARROW_UP,
-        fmtK(tokens.input),
-        " ",
-        ARROW_DOWN,
-        fmtK(tokens.output),
-        " ",
-        DOT,
-        " ",
-        SIGMA,
-        fmtK(tokens.total),
-        " "
-      ] })
-    ] })
-  ] });
-}
-var Header = React5.memo(function Header2(props) {
-  const barWidth = Math.max(10, props.width - 2);
-  const isActive = props.stats.running > 0;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(
-      BrandBar,
-      {
-        projectName: props.projectName,
-        activeView: props.activeView,
-        mode: props.mode,
-        stats: props.stats,
-        uptime: props.uptime,
-        width: props.width
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    /* @__PURE__ */ jsx(
-      StatsBar,
-      {
-        stats: props.stats,
-        tokens: props.tokens,
-        width: props.width,
-        sparklineData: props.sparklineData
-      }
-    ),
-    /* @__PURE__ */ jsx(ScannerBar, { width: barWidth, active: isActive })
-  ] });
-});
-
-// src/tui/commandBar.ts
-var COMMAND_REGISTRY = {
-  goal: { sub: ["add", "list", "show", "status", "delete"], help: "Manage goals" },
-  task: { sub: ["add", "list", "show", "cancel", "retry", "assign", "approve", "reject", "delete"], help: "Manage tasks" },
-  agent: { sub: ["add", "list", "disable", "enable", "delete", "autonomous"], help: "Manage agents" },
-  team: { sub: ["create", "list", "join", "leave", "disband", "set-lead"], help: "Manage teams" },
-  run: { args: "[id]", help: "Run task (or selected)" },
-  "run-all": { help: "Run all todo tasks" },
-  watch: { help: "Start watch mode (auto-dispatch)" },
-  pause: { help: "Pause watch mode" },
-  config: { sub: ["activity-filter", "max-concurrent"], help: "TUI settings" },
-  status: { help: "Show orchestrator status" },
-  help: { help: "List all commands" },
-  quit: { help: "Exit the TUI" }
-};
-function resolveCompletion(input) {
-  if (!input.startsWith("/")) return null;
-  const body = input.slice(1);
-  const spaceIdx = body.indexOf(" ");
-  if (spaceIdx === -1) {
-    const prefix = body;
-    if (!prefix) return null;
-    const match2 = Object.keys(COMMAND_REGISTRY).find(
-      (k) => k.startsWith(prefix) && k !== prefix
-    );
-    return match2 ? match2.slice(prefix.length) : null;
-  }
-  const verb = body.slice(0, spaceIdx);
-  const spec = COMMAND_REGISTRY[verb];
-  if (!spec?.sub) return null;
-  const subPrefix = body.slice(spaceIdx + 1);
-  if (!subPrefix) return null;
-  const match = spec.sub.find(
-    (s) => s.startsWith(subPrefix) && s !== subPrefix
-  );
-  return match ? match.slice(subPrefix.length) : null;
-}
-function resolveSuggestions(input) {
-  if (!input.startsWith("/")) return [];
-  const body = input.slice(1);
-  const spaceIdx = body.indexOf(" ");
-  if (spaceIdx === -1) {
-    const prefix = body.toLowerCase();
-    const results2 = [];
-    for (const [verb2, spec2] of Object.entries(COMMAND_REGISTRY)) {
-      if (!prefix || verb2.startsWith(prefix)) {
-        const argsHint = spec2.args ? ` ${spec2.args}` : "";
-        results2.push({
-          cmd: `/${verb2}${argsHint}`,
-          desc: spec2.help,
-          subs: spec2.sub?.join(" \xB7 ")
-        });
-        if (prefix && verb2 === prefix && spec2.sub) {
-          for (const sub of spec2.sub) {
-            results2.push({ cmd: `/${verb2} ${sub}`, desc: `${spec2.help}: ${sub}` });
-          }
-        }
-      }
-    }
-    return results2;
-  }
-  const verb = body.slice(0, spaceIdx);
-  const spec = COMMAND_REGISTRY[verb];
-  if (!spec?.sub) return [];
-  const subPrefix = body.slice(spaceIdx + 1).toLowerCase();
-  const results = [];
-  for (const sub of spec.sub) {
-    if (!subPrefix || sub.startsWith(subPrefix)) {
-      results.push({ cmd: `/${verb} ${sub}`, desc: `${spec.help}: ${sub}` });
-    }
-  }
-  return results;
-}
-var CommandHistory = class {
-  entries = [];
-  cursor = 0;
-  push(cmd) {
-    if (!cmd) return;
-    if (this.entries[this.entries.length - 1] !== cmd) {
-      this.entries.push(cmd);
-      if (this.entries.length > 100) this.entries.shift();
-    }
-    this.cursor = this.entries.length;
-  }
-  prev() {
-    if (this.entries.length === 0) return null;
-    if (this.cursor > 0) this.cursor--;
-    return this.entries[this.cursor] ?? null;
-  }
-  next() {
-    if (this.cursor < this.entries.length - 1) {
-      this.cursor++;
-      return this.entries[this.cursor] ?? null;
-    }
-    this.cursor = this.entries.length;
-    return null;
-  }
-  reset() {
-    this.cursor = this.entries.length;
-  }
-};
-var CURSOR_CHAR = "\u2588";
-var CommandBar = React5.memo(function CommandBar2({
-  mode,
-  value,
-  completion,
-  activeView,
-  canRun,
-  canNew,
-  canApprove,
-  canReject,
-  canCancel,
-  canDelete,
-  canEdit,
-  canForceStop,
-  canToggleAuto,
-  autoActive,
-  canPause,
-  isPaused,
-  canToggleShowAll,
-  showAllActive,
-  hasDetail,
-  itemCount,
-  itemLabel,
-  width,
-  hasSuggestions
-}) {
-  if (mode === "command") {
-    const hintText = hasSuggestions ? "  \u2191\u2193 select  Tab fill  Esc \u2715" : "  Enter exec  \u2191\u2193 history  Tab complete  Esc \u2715";
-    const maxLen = Math.max(4, width - 6 - hintText.length - (completion?.length ?? 0) - 1);
-    const display = value.length > maxLen ? "\u2026" + value.slice(-(maxLen - 1)) : value;
-    return /* @__PURE__ */ jsx(Box, { paddingX: 2, justifyContent: "space-between", width, children: /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: "/ " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.white, children: display }),
-      completion && /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: completion }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: CURSOR_CHAR }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: hintText })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 2, justifyContent: "space-between", width, children: [
-    /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "\u2191\u2193" }),
-      "  ",
-      /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "Tab" }),
-      "/",
-      /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "\u2190\u2192" }),
-      "  ",
-      /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "/" }),
-      " cmd",
-      canNew && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "N" }),
-        " new"
-      ] }),
-      canRun && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "R" }),
-        " run"
-      ] }),
-      canCancel && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.amber, children: "C" }),
-        " cancel"
-      ] }),
-      canApprove && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.green, children: "A" }),
-        " approve"
-      ] }),
-      canReject && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.red, children: "X" }),
-        " reject"
-      ] }),
-      canEdit && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.cyan, children: "E" }),
-        " edit"
-      ] }),
-      canForceStop && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.red, children: "S" }),
-        " stop"
-      ] }),
-      canPause && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.amber, children: "P" }),
-        isPaused ? " resume" : " pause"
-      ] }),
-      canToggleAuto && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.cyan, children: "U" }),
-        autoActive ? " auto off" : " auto on"
-      ] }),
-      canToggleShowAll && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "S" }),
-        showAllActive ? " collapse" : " show all"
-      ] }),
-      canDelete && !canApprove && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "D" }),
-        " delete"
-      ] }),
-      hasDetail && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "Esc" }),
-        " close"
-      ] }),
-      !hasDetail && (activeView === "tasks" || activeView === "agents" || activeView === "goals") && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "Enter" }),
-        " detail"
-      ] }),
-      "  ",
-      /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "Q" }),
-      " quit"
-    ] }),
-    itemCount > 0 && /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-      itemCount,
-      " ",
-      itemLabel
-    ] })
-  ] });
-});
-var CURSOR = "\u2588";
-function FormWizard({ title, steps, onComplete, onCancel, width, height }) {
-  const [currentStep, setCurrentStep] = useState(0);
-  const [values, setValues] = useState({});
-  const [textInput, setTextInput] = useState(() => {
-    const firstActive = steps.find((s) => !s.skip?.({}));
-    return firstActive?.type === "text" && firstActive.defaultValue ? firstActive.defaultValue : "";
-  });
-  const [cursorPos, setCursorPos] = useState(() => {
-    const firstActive = steps.find((s) => !s.skip?.({}));
-    return firstActive?.type === "text" && firstActive.defaultValue ? firstActive.defaultValue.length : 0;
-  });
-  const [taLines, setTaLines] = useState(() => {
-    const firstActive = steps.find((s) => !s.skip?.({}));
-    if (firstActive?.type === "textarea" && firstActive.defaultValue) {
-      return firstActive.defaultValue.split("\n");
-    }
-    return [""];
-  });
-  const [taCursorRow, setTaCursorRow] = useState(0);
-  const [taCursorCol, setTaCursorCol] = useState(0);
-  const [selectIndex, setSelectIndex] = useState(() => {
-    const firstActive = steps.find((s) => !s.skip?.({}));
-    if (firstActive?.type === "select" && firstActive.defaultValue) {
-      const opts = firstActive.getOptions?.({}) ?? firstActive.options ?? [];
-      const idx = opts.findIndex((o) => o.value === firstActive.defaultValue);
-      return idx >= 0 ? idx : 0;
-    }
-    return 0;
-  });
-  const activeSteps = useMemo(() => {
-    return steps.filter((s) => !s.skip?.(values));
-  }, [steps, values]);
-  const step = activeSteps[currentStep];
-  const totalSteps = activeSteps.length;
-  const [multiSelected, setMultiSelected] = useState(/* @__PURE__ */ new Set());
-  const options = useMemo(() => {
-    if (!step || step.type !== "select" && step.type !== "multiselect") return [];
-    return step.getOptions?.(values) ?? step.options ?? [];
-  }, [step, values]);
-  const clampedSelectIndex = Math.min(selectIndex, Math.max(0, options.length - 1));
-  const goToNextStep = (value) => {
-    const newValues = { ...values, [step.id]: value };
-    setValues(newValues);
-    setTextInput("");
-    setCursorPos(0);
-    setTaLines([""]);
-    setTaCursorRow(0);
-    setTaCursorCol(0);
-    setSelectIndex(0);
-    setMultiSelected(/* @__PURE__ */ new Set());
-    const currentStepId = step.id;
-    const currentIdx = steps.findIndex((s) => s.id === currentStepId);
-    let nextOrigIdx = currentIdx + 1;
-    while (nextOrigIdx < steps.length) {
-      const candidate = steps[nextOrigIdx];
-      if (candidate && !candidate.skip?.(newValues)) break;
-      nextOrigIdx++;
-    }
-    if (nextOrigIdx >= steps.length) {
-      onComplete(newValues);
-    } else {
-      const nextStepId = steps[nextOrigIdx].id;
-      const newActiveSteps = steps.filter((s) => !s.skip?.(newValues));
-      const nextActiveIdx = newActiveSteps.findIndex((s) => s.id === nextStepId);
-      setCurrentStep(nextActiveIdx >= 0 ? nextActiveIdx : 0);
-      const nextStep = steps[nextOrigIdx];
-      if (nextStep.type === "text") {
-        const def = nextStep.defaultValue ?? "";
-        setTextInput(def);
-        setCursorPos(def.length);
-      } else if (nextStep.type === "textarea") {
-        const lines = nextStep.defaultValue ? nextStep.defaultValue.split("\n") : [""];
-        setTaLines(lines);
-        setTaCursorRow(lines.length - 1);
-        setTaCursorCol(lines[lines.length - 1].length);
-      } else if (nextStep.type === "select") {
-        const opts = nextStep.getOptions?.(newValues) ?? nextStep.options ?? [];
-        if (nextStep.defaultValue) {
-          const idx = opts.findIndex((o) => o.value === nextStep.defaultValue);
-          setSelectIndex(idx >= 0 ? idx : 0);
-        } else {
-          setSelectIndex(0);
-        }
-      } else if (nextStep.type === "multiselect") {
-        setSelectIndex(0);
-        if (nextStep.defaultValue) {
-          setMultiSelected(new Set(nextStep.defaultValue.split(",")));
-        } else {
-          setMultiSelected(/* @__PURE__ */ new Set());
-        }
-      }
-    }
-  };
-  const goToPrevStep = () => {
-    if (currentStep === 0) {
-      onCancel();
-      return;
-    }
-    const currentStepId = step.id;
-    const currentOrigIdx = steps.findIndex((s) => s.id === currentStepId);
-    let prevOrigIdx = currentOrigIdx - 1;
-    while (prevOrigIdx >= 0) {
-      const candidate = steps[prevOrigIdx];
-      if (candidate && !candidate.skip?.(values)) break;
-      prevOrigIdx--;
-    }
-    if (prevOrigIdx < 0) {
-      onCancel();
-      return;
-    }
-    const prevStepId = steps[prevOrigIdx].id;
-    const prevActiveIdx = activeSteps.findIndex((s) => s.id === prevStepId);
-    setCurrentStep(prevActiveIdx >= 0 ? prevActiveIdx : 0);
-    const prevStep = steps[prevOrigIdx];
-    if (prevStep.type === "text") {
-      const val = values[prevStep.id] ?? prevStep.defaultValue ?? "";
-      setTextInput(val);
-      setCursorPos(val.length);
-    } else if (prevStep.type === "textarea") {
-      const val = values[prevStep.id] ?? prevStep.defaultValue ?? "";
-      const lines = val ? val.split("\n") : [""];
-      setTaLines(lines);
-      setTaCursorRow(lines.length - 1);
-      setTaCursorCol(lines[lines.length - 1].length);
-    } else if (prevStep.type === "multiselect") {
-      setSelectIndex(0);
-      const prevVal = values[prevStep.id];
-      setMultiSelected(prevVal ? new Set(prevVal.split(",")) : /* @__PURE__ */ new Set());
-    } else {
-      const prevOptions = prevStep.getOptions?.(values) ?? prevStep.options ?? [];
-      const prevVal = values[prevStep.id];
-      const idx = prevOptions.findIndex((o) => o.value === prevVal);
-      setSelectIndex(idx >= 0 ? idx : 0);
-    }
-  };
-  useInput((input, key) => {
-    if (!step) return;
-    if (key.escape) {
-      if (currentStep === 0) {
-        onCancel();
-      } else {
-        goToPrevStep();
-      }
-      return;
-    }
-    if (step.type === "text") {
-      if (key.return) {
-        const val = textInput.trim();
-        if (step.required && !val) return;
-        goToNextStep(val);
-        return;
-      }
-      if (key.leftArrow) {
-        setCursorPos((p) => Math.max(0, p - 1));
-        return;
-      }
-      if (key.rightArrow) {
-        setCursorPos((p) => Math.min(textInput.length, p + 1));
-        return;
-      }
-      if (key.backspace || key.delete) {
-        if (cursorPos === 0 && textInput.length === 0 && currentStep > 0) {
-          goToPrevStep();
-          return;
-        }
-        if (cursorPos > 0) {
-          setTextInput((v) => v.slice(0, cursorPos - 1) + v.slice(cursorPos));
-          setCursorPos((p) => p - 1);
-        }
-        return;
-      }
-      if (input && !key.ctrl && !key.meta && !key.escape) {
-        setTextInput((v) => v.slice(0, cursorPos) + input + v.slice(cursorPos));
-        setCursorPos((p) => p + input.length);
-      }
-      return;
-    }
-    if (step.type === "textarea") {
-      if (key.return && !key.shift) {
-        const val = taLines.join("\n").trim();
-        if (step.required && !val) return;
-        goToNextStep(val);
-        return;
-      }
-      if (key.return && key.shift) {
-        setTaLines((lines) => {
-          const line = lines[taCursorRow] ?? "";
-          const before = line.slice(0, taCursorCol);
-          const after = line.slice(taCursorCol);
-          const newLines = [...lines];
-          newLines.splice(taCursorRow, 1, before, after);
-          return newLines;
-        });
-        setTaCursorRow((r) => r + 1);
-        setTaCursorCol(0);
-        return;
-      }
-      if (key.upArrow) {
-        if (taCursorRow > 0) {
-          setTaCursorRow((r) => r - 1);
-          setTaCursorCol((c) => Math.min(c, (taLines[taCursorRow - 1] ?? "").length));
-        }
-        return;
-      }
-      if (key.downArrow) {
-        if (taCursorRow < taLines.length - 1) {
-          setTaCursorRow((r) => r + 1);
-          setTaCursorCol((c) => Math.min(c, (taLines[taCursorRow + 1] ?? "").length));
-        }
-        return;
-      }
-      if (key.leftArrow) {
-        if (taCursorCol > 0) {
-          setTaCursorCol((c) => c - 1);
-        } else if (taCursorRow > 0) {
-          setTaCursorRow((r) => r - 1);
-          setTaCursorCol((taLines[taCursorRow - 1] ?? "").length);
-        }
-        return;
-      }
-      if (key.rightArrow) {
-        const lineLen = (taLines[taCursorRow] ?? "").length;
-        if (taCursorCol < lineLen) {
-          setTaCursorCol((c) => c + 1);
-        } else if (taCursorRow < taLines.length - 1) {
-          setTaCursorRow((r) => r + 1);
-          setTaCursorCol(0);
-        }
-        return;
-      }
-      if (key.backspace || key.delete) {
-        if (taCursorCol === 0 && taCursorRow === 0) {
-          if (taLines.length === 1 && taLines[0] === "" && currentStep > 0) {
-            goToPrevStep();
-          }
-          return;
-        }
-        if (taCursorCol > 0) {
-          setTaLines((lines) => {
-            const newLines = [...lines];
-            const line = newLines[taCursorRow] ?? "";
-            newLines[taCursorRow] = line.slice(0, taCursorCol - 1) + line.slice(taCursorCol);
-            return newLines;
-          });
-          setTaCursorCol((c) => c - 1);
-        } else {
-          const mergedCol = (taLines[taCursorRow - 1] ?? "").length;
-          setTaLines((lines) => {
-            const newLines = [...lines];
-            const prevLine = newLines[taCursorRow - 1] ?? "";
-            const curLine = newLines[taCursorRow] ?? "";
-            newLines.splice(taCursorRow - 1, 2, prevLine + curLine);
-            return newLines;
-          });
-          setTaCursorCol(mergedCol);
-          setTaCursorRow((r) => r - 1);
-        }
-        return;
-      }
-      if (input && !key.ctrl && !key.meta && !key.escape) {
-        setTaLines((lines) => {
-          const newLines = [...lines];
-          const line = newLines[taCursorRow] ?? "";
-          newLines[taCursorRow] = line.slice(0, taCursorCol) + input + line.slice(taCursorCol);
-          return newLines;
-        });
-        setTaCursorCol((c) => c + input.length);
-      }
-      return;
-    }
-    if (step.type === "select" || step.type === "multiselect") {
-      if (key.upArrow || input === "k") {
-        setSelectIndex((i) => Math.max(0, i - 1));
-        return;
-      }
-      if (key.downArrow || input === "j") {
-        setSelectIndex((i) => Math.min(options.length - 1, i + 1));
-        return;
-      }
-      if (key.backspace || key.delete) {
-        goToPrevStep();
-        return;
-      }
-      if (step.type === "select") {
-        if (key.return || key.tab) {
-          const selected = options[clampedSelectIndex];
-          if (selected) goToNextStep(selected.value);
-          return;
-        }
-        if (input >= "1" && input <= "9") {
-          const idx = parseInt(input, 10) - 1;
-          if (idx < options.length) {
-            const selected = options[idx];
-            if (selected) goToNextStep(selected.value);
-          }
-          return;
-        }
-      } else {
-        if (input === " ") {
-          const opt = options[clampedSelectIndex];
-          if (opt) {
-            setMultiSelected((prev) => {
-              const next = new Set(prev);
-              if (next.has(opt.value)) {
-                next.delete(opt.value);
-              } else {
-                next.add(opt.value);
-              }
-              return next;
-            });
-          }
-          return;
-        }
-        if (key.return) {
-          const selected = Array.from(multiSelected).join(",");
-          goToNextStep(selected);
-          return;
-        }
-      }
-    }
-  });
-  if (!step) return null;
-  const progressText = `${currentStep + 1}/${totalSteps}`;
-  const optionsH = Math.max(2, height - 4);
-  let optScrollStart = 0;
-  if (clampedSelectIndex >= optionsH) {
-    optScrollStart = clampedSelectIndex - optionsH + 1;
-  }
-  const visibleOptions = options.slice(optScrollStart, optScrollStart + optionsH);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, bold: true, children: title }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        " ",
-        LIGHT_RULE,
-        LIGHT_RULE,
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-        "step ",
-        progressText
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { children: "  " }),
-      activeSteps.map((s, i) => /* @__PURE__ */ jsxs(Text, { color: i === currentStep ? tuiColors.amber : i < currentStep ? tuiColors.green : tuiColors.ghost, children: [
-        i === currentStep ? "\u25CF" : i < currentStep ? "\u2713" : "\u25CB",
-        " "
-      ] }, s.id))
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 0, children: [
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.white, bold: true, children: [
-        "  ",
-        step.label
-      ] }),
-      !step.required && /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: " (optional, Enter to skip)" })
-    ] }),
-    step.type === "text" && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.amber, children: [
-        "  ",
-        ">",
-        " "
-      ] }),
-      textInput.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.white, children: textInput.slice(0, cursorPos) }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: CURSOR }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.white, children: textInput.slice(cursorPos) })
-      ] }) : step.placeholder ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: step.placeholder }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: CURSOR })
-      ] }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: CURSOR })
-    ] }),
-    step.type === "textarea" && (() => {
-      const taVisibleH = Math.max(3, height - 6);
-      let taScrollStart = 0;
-      if (taCursorRow >= taVisibleH) {
-        taScrollStart = taCursorRow - taVisibleH + 1;
-      }
-      const visibleLines = taLines.slice(taScrollStart, taScrollStart + taVisibleH);
-      const lineNumWidth = String(taLines.length).length;
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-        visibleLines.map((line, i) => {
-          const realRow = i + taScrollStart;
-          const lineNum = String(realRow + 1).padStart(lineNumWidth, " ");
-          const isCursorLine = realRow === taCursorRow;
-          return /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-              " ",
-              lineNum,
-              " "
-            ] }),
-            /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-              "\u2502",
-              " "
-            ] }),
-            isCursorLine ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Text, { color: tuiColors.white, children: line.slice(0, taCursorCol) }),
-              /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: CURSOR }),
-              /* @__PURE__ */ jsx(Text, { color: tuiColors.white, children: line.slice(taCursorCol) })
-            ] }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.silver, children: line || " " })
-          ] }, realRow);
-        }),
-        taLines.length === 1 && taLines[0] === "" && step.placeholder && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "  ",
-          "".padStart(lineNumWidth, " "),
-          "  ",
-          step.placeholder
-        ] }) })
-      ] });
-    })(),
-    step.type === "select" && /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: visibleOptions.map((opt, i) => {
-      const realIdx = i + optScrollStart;
-      const isSelected = realIdx === clampedSelectIndex;
-      const numLabel = realIdx < 9 ? `${realIdx + 1}` : " ";
-      return /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? tuiColors.amber : tuiColors.ghost, children: isSelected ? "  \u25B8 " : `  ${numLabel} ` }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? tuiColors.white : tuiColors.silver, bold: isSelected, children: opt.label }),
-        opt.hint && /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, wrap: "truncate", children: [
-          " ",
-          LIGHT_RULE,
-          " ",
-          opt.hint.replace(/\n/g, " ")
-        ] })
-      ] }, opt.value);
-    }) }),
-    step.type === "multiselect" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      visibleOptions.map((opt, i) => {
-        const realIdx = i + optScrollStart;
-        const isSelected = realIdx === clampedSelectIndex;
-        const isChecked = multiSelected.has(opt.value);
-        return /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: isSelected ? tuiColors.amber : tuiColors.ghost, children: isSelected ? "  \u25B8 " : "    " }),
-          /* @__PURE__ */ jsx(Text, { color: isChecked ? tuiColors.green : tuiColors.dim, children: isChecked ? "[\u2713]" : "[ ]" }),
-          /* @__PURE__ */ jsxs(Text, { color: isSelected ? tuiColors.white : tuiColors.silver, bold: isSelected, children: [
-            " ",
-            opt.label
-          ] }),
-          opt.hint && /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, wrap: "truncate", children: [
-            " ",
-            LIGHT_RULE,
-            " ",
-            opt.hint.replace(/\n/g, " ")
-          ] })
-        ] }, opt.value);
-      }),
-      multiSelected.size > 0 && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-        "  ",
-        "\u2514",
-        " ",
-        multiSelected.size,
-        " selected"
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 0, children: /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      "  ",
-      step.type === "select" ? "\u2191\u2193 select  Enter confirm" : step.type === "multiselect" ? "\u2191\u2193 move  Space toggle  Enter confirm" : step.type === "textarea" ? "Shift+Enter newline  Enter confirm  \u2190\u2191\u2192\u2193 navigate" : "\u2190\u2192 move  Enter confirm",
-      "  Esc ",
-      currentStep > 0 ? "back" : "cancel"
-    ] }) })
-  ] });
-}
-var TL = "\u256D";
-var TR = "\u256E";
-var BL = "\u2570";
-var BR = "\u256F";
-var V = "\u2502";
-function Row({ children, cw }) {
-  return /* @__PURE__ */ jsxs(Text, { children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: V }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      "  ",
-      children.padEnd(cw),
-      "  "
-    ] }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: V })
-  ] });
-}
-function EmptyRow({ cw }) {
-  return /* @__PURE__ */ jsx(Row, { cw, children: "" });
-}
-function OnboardingBox({ count, config, width }) {
-  if (count >= 3) return null;
-  const boxW = Math.min((width ?? 44) - 4, 50);
-  const cw = boxW - 6;
-  const hLine = LIGHT_RULE.repeat(boxW - 2);
-  const topBorder = /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-    TL,
-    hLine,
-    TR
-  ] });
-  const botBorder = /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-    BL,
-    hLine,
-    BR
-  ] });
-  if (count > 0) {
-    const hint = config.hints[0];
-    const hintSuffix = hint ? `  ${hint.key} ${hint.label}` : "";
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, children: [
-      topBorder,
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-          V,
-          "  "
-        ] }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: DIAMOND }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.silver, children: [
-          " ",
-          config.nudge.padEnd(cw - 2 - hintSuffix.length)
-        ] }),
-        hint && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Text, { color: tuiColors.amber, children: [
-            "  ",
-            hint.key
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { color: tuiColors.gray, children: [
-            " ",
-            hint.label
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Text, { children: "  " }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: V })
-      ] }),
-      botBorder
-    ] });
-  }
-  const hintsLen = config.hints.reduce((acc, h, i) => acc + h.key.length + 1 + h.label.length + (i > 0 ? 3 : 0), 0);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, marginTop: 1, children: [
-    topBorder,
-    /* @__PURE__ */ jsx(EmptyRow, { cw }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        V,
-        "  "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: DIAMOND }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.white, bold: true, children: [
-        " ",
-        config.title
-      ] }),
-      /* @__PURE__ */ jsx(Text, { children: " ".repeat(Math.max(0, cw - config.title.length - 2)) }),
-      /* @__PURE__ */ jsx(Text, { children: "  " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: V })
-    ] }),
-    /* @__PURE__ */ jsx(EmptyRow, { cw }),
-    config.description.map((line, i) => /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        V,
-        "  "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.silver, children: line.padEnd(cw) }),
-      /* @__PURE__ */ jsx(Text, { children: "  " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: V })
-    ] }, i)),
-    /* @__PURE__ */ jsx(EmptyRow, { cw }),
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        V,
-        "  "
-      ] }),
-      config.hints.map((h, i) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
-        i > 0 && /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "   " }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: h.key }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.gray, children: [
-          " ",
-          h.label
-        ] })
-      ] }, i)),
-      /* @__PURE__ */ jsx(Text, { children: " ".repeat(Math.max(0, cw - hintsLen)) }),
-      /* @__PURE__ */ jsx(Text, { children: "  " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: V })
-    ] }),
-    /* @__PURE__ */ jsx(EmptyRow, { cw }),
-    botBorder
-  ] });
-}
-
-// src/tui/wizardConfigs.ts
-var CLAUDE_MODELS = [
-  { value: "claude-opus-4-6", label: "Claude Opus 4.6", hint: "most capable" },
-  { value: "claude-sonnet-4-6", label: "Claude Sonnet 4.6", hint: "fast, balanced" },
-  { value: "claude-haiku-4-6", label: "Claude Haiku 4.6", hint: "fastest, cheapest" },
-  { value: "claude-sonnet-4-5-20250929", label: "Claude Sonnet 4.5", hint: "extended thinking" },
-  { value: "claude-haiku-4-5-20251001", label: "Claude Haiku 4.5", hint: "legacy" }
-];
-var CODEX_MODELS = [
-  { value: "gpt-5.3-codex", label: "GPT-5.3 Codex", hint: "default, balanced" },
-  { value: "gpt-5.4", label: "GPT-5.4", hint: "latest" },
-  { value: "gpt-5", label: "GPT-5", hint: "capable" },
-  { value: "gpt-5.3-codex-spark", label: "GPT-5.3 Codex Spark", hint: "fast" },
-  { value: "o3", label: "o3", hint: "reasoning" },
-  { value: "o4-mini", label: "o4-mini", hint: "fast reasoning" },
-  { value: "gpt-5-mini", label: "GPT-5 Mini", hint: "light" },
-  { value: "gpt-5-nano", label: "GPT-5 Nano", hint: "cheapest" },
-  { value: "codex-mini-latest", label: "Codex Mini", hint: "legacy" }
-];
-var CURSOR_MODELS = [
-  { value: "auto", label: "Auto", hint: "let Cursor decide" },
-  { value: "composer-1.5", label: "Composer 1.5", hint: "latest agent" },
-  { value: "composer-1", label: "Composer 1", hint: "stable agent" },
-  { value: "gpt-5.3-codex", label: "GPT-5.3 Codex", hint: "OpenAI" },
-  { value: "claude-sonnet-4-6", label: "Claude Sonnet 4.6", hint: "Anthropic" }
-];
-var SHELL_MODELS = [
-  { value: "", label: "Default", hint: "use shell adapter default" }
-];
-var ADAPTERS = [
-  { value: "claude", label: "Claude", hint: "Claude Code CLI" },
-  { value: "codex", label: "Codex", hint: "OpenAI Codex CLI" },
-  { value: "cursor", label: "Cursor", hint: "Cursor Agent CLI" },
-  { value: "shell", label: "Shell", hint: "custom shell command" }
-];
-var PRIORITY_OPTIONS = [
-  { value: "1", label: "P1 Critical", hint: "urgent, do first" },
-  { value: "2", label: "P2 High", hint: "important" },
-  { value: "3", label: "P3 Medium", hint: "default priority" },
-  { value: "4", label: "P4 Low", hint: "nice to have" }
-];
-var AGENT_HINT_MAX_LEN = 80;
-function mapAgentOptions(agents) {
-  return agents.filter((a) => a.status !== "disabled").map((a) => {
-    const raw = a.role ?? a.adapter;
-    const hint = raw.length > AGENT_HINT_MAX_LEN ? raw.slice(0, AGENT_HINT_MAX_LEN - 1) + "\u2026" : raw;
-    return { value: a.id, label: a.name, hint };
-  });
-}
-function buildAgentOptions(agents, emptyLabel = "Auto-assign", emptyHint = "orchestrator picks the best agent") {
-  return [
-    { value: "", label: emptyLabel, hint: emptyHint },
-    ...mapAgentOptions(agents)
-  ];
-}
-var ROLE_PRESETS = [
-  { value: "", label: "Skip", hint: "no role description" },
-  { value: "Full-stack developer", label: "Full-stack developer", hint: "general purpose" },
-  { value: "Frontend developer", label: "Frontend developer", hint: "React, CSS, UI" },
-  { value: "Backend developer", label: "Backend developer", hint: "APIs, databases, services" },
-  { value: "DevOps engineer", label: "DevOps engineer", hint: "CI/CD, infra, deploys" },
-  { value: "QA / Test engineer", label: "QA / Test engineer", hint: "testing, quality" },
-  { value: "Code reviewer", label: "Code reviewer", hint: "review PRs, find bugs" },
-  { value: "Technical writer", label: "Technical writer", hint: "docs, READMEs" },
-  { value: "__custom__", label: "Custom...", hint: "type your own" }
-];
-function buildTeamOptions(teams) {
-  return [
-    { value: "", label: "None", hint: "no team" },
-    ...(teams ?? []).filter((t) => t.status === "active").map((t) => ({ value: t.id, label: t.name, hint: `${t.members.length} members` }))
-  ];
-}
-function getAgentWizardSteps(teams) {
-  const teamOptions = buildTeamOptions(teams);
-  return [
-    {
-      id: "name",
-      label: "Agent name",
-      type: "text",
-      placeholder: "e.g. alpha, frontend-bot, reviewer",
-      required: true
-    },
-    {
-      id: "adapter",
-      label: "Provider",
-      type: "select",
-      options: ADAPTERS
-    },
-    {
-      id: "model",
-      label: "Model",
-      type: "select",
-      getOptions: (vals) => {
-        if (vals.adapter === "codex") return CODEX_MODELS;
-        if (vals.adapter === "cursor") return CURSOR_MODELS;
-        if (vals.adapter === "shell") return SHELL_MODELS;
-        return CLAUDE_MODELS;
-      }
-    },
-    {
-      id: "role",
-      label: "Role / specialization",
-      type: "select",
-      options: ROLE_PRESETS
-    },
-    {
-      id: "role_custom",
-      label: "Describe the role",
-      type: "textarea",
-      placeholder: "e.g. Specialist in React and TypeScript",
-      skip: (vals) => vals.role !== "__custom__"
-    },
-    {
-      id: "team",
-      label: "Join team",
-      type: "select",
-      options: teamOptions,
-      skip: () => teamOptions.length <= 1
-      // Skip if no teams exist
-    }
-  ];
-}
-function agentWizardToInput(vals) {
-  const role = vals.role === "__custom__" ? vals.role_custom || void 0 : vals.role || void 0;
-  return {
-    name: vals.name,
-    adapter: vals.adapter || "claude",
-    role,
-    model: vals.model || void 0,
-    approval_policy: "auto",
-    team_id: vals.team || void 0
-  };
-}
-function getTeamWizardSteps(agents) {
-  const agentOptions = mapAgentOptions(agents);
-  return [
-    {
-      id: "name",
-      label: "Team name",
-      type: "text",
-      placeholder: "e.g. frontend, backend, qa",
-      required: true
-    },
-    {
-      id: "lead",
-      label: "Team lead",
-      type: "select",
-      options: agentOptions
-    },
-    {
-      id: "members",
-      label: "Team members",
-      type: "multiselect",
-      getOptions: (vals) => agentOptions.filter((a) => a.value !== vals.lead),
-      skip: (vals) => !agentOptions.some((a) => a.value !== vals.lead)
-    },
-    {
-      id: "description",
-      label: "Description",
-      type: "textarea",
-      placeholder: "Optional team purpose..."
-    }
-  ];
-}
-function teamWizardToInput(vals) {
-  const memberIds = vals.members ? vals.members.split(",").filter(Boolean) : [];
-  return {
-    name: vals.name,
-    lead_agent_id: vals.lead,
-    member_agent_ids: memberIds.length > 0 ? memberIds : void 0,
-    description: vals.description || void 0
-  };
-}
-function getTaskWizardSteps(agents) {
-  const agentOptions = buildAgentOptions(agents);
-  return [
-    {
-      id: "title",
-      label: "Task title",
-      type: "text",
-      placeholder: "What needs to be done?",
-      required: true
-    },
-    {
-      id: "priority",
-      label: "Priority",
-      type: "select",
-      options: PRIORITY_OPTIONS,
-      defaultValue: "3"
-    },
-    {
-      id: "assignee",
-      label: "Assignee",
-      type: "select",
-      options: agentOptions,
-      skip: () => agentOptions.length <= 1
-      // Skip if no agents to choose from
-    },
-    {
-      id: "description",
-      label: "Description",
-      type: "textarea",
-      placeholder: "Optional details, context, acceptance criteria..."
-    }
-  ];
-}
-function taskWizardToInput(vals) {
-  return {
-    title: vals.title,
-    priority: vals.priority ? parseInt(vals.priority, 10) : void 0,
-    assignee: vals.assignee || void 0,
-    description: vals.description || void 0
-  };
-}
-function getEditTaskWizardSteps(task, agents) {
-  const agentOptions = buildAgentOptions(agents, "None / Auto", "remove assignee");
-  return [
-    {
-      id: "title",
-      label: "Task title",
-      type: "text",
-      defaultValue: task.title,
-      required: true
-    },
-    {
-      id: "priority",
-      label: "Priority",
-      type: "select",
-      options: PRIORITY_OPTIONS,
-      defaultValue: String(task.priority)
-    },
-    {
-      id: "assignee",
-      label: "Assignee",
-      type: "select",
-      options: agentOptions,
-      defaultValue: task.assignee ?? "",
-      skip: () => agentOptions.length <= 1
-    },
-    {
-      id: "description",
-      label: "Description",
-      type: "textarea",
-      defaultValue: task.description || "",
-      placeholder: "Optional details..."
-    }
-  ];
-}
-function editTaskWizardToFields(vals) {
-  return {
-    title: vals.title,
-    priority: vals.priority ? parseInt(vals.priority, 10) : void 0,
-    assignee: vals.assignee || void 0,
-    description: vals.description ?? ""
-  };
-}
-function getEditAgentWizardSteps(agent, teams) {
-  const currentRoleInPresets = ROLE_PRESETS.find((r) => r.value === agent.role);
-  const roleDefault = currentRoleInPresets ? agent.role : agent.role ? "__custom__" : "";
-  const modelOptions = agent.adapter === "codex" ? CODEX_MODELS : agent.adapter === "cursor" ? CURSOR_MODELS : agent.adapter === "shell" ? SHELL_MODELS : CLAUDE_MODELS;
-  const teamOptions = buildTeamOptions(teams);
-  const currentTeamId = teams?.find((t) => t.members.some((m) => m.agent_id === agent.id))?.id;
-  return [
-    {
-      id: "name",
-      label: "Agent name",
-      type: "text",
-      defaultValue: agent.name,
-      required: true
-    },
-    {
-      id: "model",
-      label: "Model",
-      type: "select",
-      options: modelOptions,
-      defaultValue: agent.config.model ?? ""
-    },
-    {
-      id: "role",
-      label: "Role / specialization",
-      type: "select",
-      options: ROLE_PRESETS,
-      defaultValue: roleDefault
-    },
-    {
-      id: "role_custom",
-      label: "Describe the role",
-      type: "textarea",
-      defaultValue: agent.role && !currentRoleInPresets ? agent.role : "",
-      placeholder: "e.g. Specialist in React and TypeScript",
-      skip: (vals) => vals.role !== "__custom__"
-    },
-    {
-      id: "team",
-      label: "Team",
-      type: "select",
-      options: teamOptions,
-      defaultValue: currentTeamId ?? "",
-      skip: () => teamOptions.length <= 1
-    }
-  ];
-}
-var MAX_CONCURRENT_OPTIONS = [
-  { value: "1", label: "1 agent", hint: "~0.5 GB RAM, 1 subprocess" },
-  { value: "2", label: "2 agents", hint: "~1 GB RAM, 2 subprocesses" },
-  { value: "3", label: "3 agents", hint: "~1.5 GB RAM, 3 subprocesses" },
-  { value: "4", label: "4 agents", hint: "~2 GB RAM, 4 subprocesses" },
-  { value: "6", label: "6 agents", hint: "~3 GB RAM, 6 subprocesses" },
-  { value: "8", label: "8 agents", hint: "~4 GB RAM, 8 subprocesses" },
-  { value: "10", label: "10 agents", hint: "~5 GB RAM, 10 subprocesses" }
-];
-var ACTIVITY_FILTER_OPTIONS = [
-  { value: "all", label: "All", hint: "show everything" },
-  { value: "text", label: "Text", hint: "agent output only" },
-  { value: "tools", label: "Tools", hint: "tool calls, results, files" },
-  { value: "errors", label: "Errors", hint: "errors only" },
-  { value: "events", label: "Events", hint: "lifecycle, system events" }
-];
-function getConfigWizardSteps(currentFilter, currentMaxConcurrent) {
-  return [
-    {
-      id: "setting",
-      label: "Setting",
-      type: "select",
-      options: [
-        { value: "activity_filter", label: "Activity filter", hint: `current: ${currentFilter}` },
-        { value: "max_concurrent", label: "Max concurrent agents", hint: `current: ${currentMaxConcurrent}` }
-      ]
-    },
-    {
-      id: "activity_filter",
-      label: "Activity filter preset",
-      type: "select",
-      options: ACTIVITY_FILTER_OPTIONS,
-      defaultValue: currentFilter,
-      skip: (vals) => vals.setting !== "activity_filter"
-    },
-    {
-      id: "max_concurrent",
-      label: "Max concurrent agents",
-      type: "select",
-      options: MAX_CONCURRENT_OPTIONS,
-      defaultValue: String(currentMaxConcurrent),
-      skip: (vals) => vals.setting !== "max_concurrent"
-    }
-  ];
-}
-function editAgentWizardToFields(vals) {
-  const role = vals.role === "__custom__" ? vals.role_custom || void 0 : vals.role || void 0;
-  return {
-    name: vals.name,
-    role,
-    model: vals.model || void 0,
-    team_id: vals.team || void 0
-  };
-}
-function getGoalWizardSteps(agents) {
-  const agentOptions = buildAgentOptions(agents, "Any agent", "auto-assign to autonomous agents");
-  return [
-    {
-      id: "title",
-      label: "Goal title",
-      type: "text",
-      placeholder: "What should be achieved?",
-      required: true
-    },
-    {
-      id: "assignee",
-      label: "Assignee",
-      type: "select",
-      options: agentOptions,
-      skip: () => agentOptions.length <= 1
-    },
-    {
-      id: "description",
-      label: "Description",
-      type: "textarea",
-      placeholder: "Detailed goal description, success criteria..."
-    }
-  ];
-}
-function goalWizardToInput(vals) {
-  return {
-    title: vals.title,
-    assignee: vals.assignee || void 0,
-    description: vals.description || void 0
-  };
-}
-function getEditGoalWizardSteps(goal, agents) {
-  const agentOptions = buildAgentOptions(agents, "Any agent", "auto-assign");
-  return [
-    {
-      id: "title",
-      label: "Goal title",
-      type: "text",
-      defaultValue: goal.title,
-      required: true
-    },
-    {
-      id: "assignee",
-      label: "Assignee",
-      type: "select",
-      options: agentOptions,
-      defaultValue: goal.assignee ?? "",
-      skip: () => agentOptions.length <= 1
-    },
-    {
-      id: "description",
-      label: "Description",
-      type: "textarea",
-      defaultValue: goal.description || "",
-      placeholder: "Detailed goal description..."
-    }
-  ];
-}
-function editGoalWizardToFields(vals) {
-  return {
-    title: vals.title,
-    assignee: vals.assignee || void 0,
-    description: vals.description ?? ""
-  };
-}
-var TASK_LIST_LIMIT = 10;
-var MAX_RUN_MAP_SIZE = 500;
-var MAX_DETAIL_LEN = 2048;
-var MAX_MESSAGES = 200;
-var RUNNABLE = /* @__PURE__ */ new Set(["todo", "failed", "cancelled"]);
-var ONBOARDING_GOALS = {
-  title: "Goals",
-  description: [
-    "Define what your team should achieve.",
-    "The orchestrator breaks goals into tasks",
-    "and assigns them to agents automatically."
-  ],
-  hints: [{ key: "N", label: "new goal" }, { key: "/", label: "commands" }],
-  nudge: "Add more goals to keep your team focused."
-};
-var ONBOARDING_TASKS = {
-  title: "Tasks",
-  description: [
-    "Units of work dispatched to agents.",
-    "Create them manually or let goals",
-    "generate them automatically."
-  ],
-  hints: [{ key: "N", label: "new task" }, { key: "W", label: "start orchestrator" }],
-  nudge: "Add more tasks to keep agents busy."
-};
-var ONBOARDING_AGENTS = {
-  title: "Agents",
-  description: [
-    "AI workers that execute your tasks.",
-    "Each agent uses an adapter (claude, codex,",
-    "cursor, shell) and has its own role."
-  ],
-  hints: [{ key: "N", label: "new agent" }, { key: "W", label: "start orchestrator" }],
-  nudge: "Add more agents to increase parallelism."
-};
-var LIFECYCLE_TAG_RE = /^\[[\w_]+\]$/;
-function classifyAgentSummary(summary) {
-  if (LIFECYCLE_TAG_RE.test(summary)) return { msgType: "lifecycle", color: tuiColors.dim };
-  if (summary.startsWith("\u2699")) return { msgType: "tool", color: tuiColors.dim };
-  if (summary.startsWith("\u2190")) return { msgType: "result", color: tuiColors.dim };
-  if (summary.startsWith("\u2713")) return { msgType: "lifecycle", color: tuiColors.dim };
-  if (summary.startsWith("\u23F3")) return { msgType: "info", color: tuiColors.silver };
-  return { msgType: "output", color: tuiColors.silver };
-}
-var AGENT_COLORS = [
-  "#5faf87",
-  // green
-  "#5fafd7",
-  // blue
-  "#af87ff",
-  // purple
-  "#d7af00",
-  // yellow
-  "#5fd7d7",
-  // cyan
-  "#d787af",
-  // pink
-  "#afaf5f",
-  // olive
-  "#d7875f"
-  // orange
-];
-function getAgentColor(agentId, agents) {
-  const idx = agents.findIndex((a) => a.id === agentId);
-  return AGENT_COLORS[idx >= 0 ? idx % AGENT_COLORS.length : 0];
-}
-var AGENT_INDENT = " ".repeat(9);
-var MSG_ICONS2 = {
-  system: "\u2666",
-  // ◆
-  lifecycle: "\u25B6",
-  // ▶
-  output: "\u2502",
-  // │
-  tool: "\u2699",
-  // ⚙
-  result: "\u2190",
-  // ←
-  error: "\u2715",
-  // ✕
-  file: "\u270E",
-  // ✎
-  info: "\u2502"
-  // │
-};
-var ALL_MSG_TYPES = ["system", "lifecycle", "output", "tool", "result", "error", "file", "info"];
-var ACTIVITY_PRESETS = [
-  { label: "all", types: ALL_MSG_TYPES },
-  { label: "text", types: ["output"] },
-  { label: "tools", types: ["tool", "result", "file"] },
-  { label: "errors", types: ["error"] },
-  { label: "events", types: ["lifecycle", "system"] }
-];
-function cyclePreset(current) {
-  const curIdx = ACTIVITY_PRESETS.findIndex((p) => p.types.length === current.size && p.types.every((t) => current.has(t)));
-  const nextIdx = (curIdx + 1) % ACTIVITY_PRESETS.length;
-  return ACTIVITY_PRESETS[nextIdx];
-}
-function App({
-  projectName,
-  tasks: initialTasks,
-  agents: initialAgents = [],
-  state: initialState,
-  onRunTask,
-  onCreateTask,
-  onCancelTask,
-  onRetryTask,
-  onAssignTask,
-  onRunAll,
-  onDisableAgent,
-  onEnableAgent,
-  onSubscribeEvents,
-  onRefreshTasks,
-  onRefreshAgents,
-  onRefreshState,
-  onLoadHistory,
-  onAddAgent,
-  onDeleteAgent,
-  onApproveTask,
-  onRejectTask,
-  onDeleteTask,
-  onUpdateTask,
-  onUpdateAgent,
-  onForceStopAgent,
-  onCreateTeam,
-  onListTeams,
-  onJoinTeam,
-  onLeaveTeam,
-  onDisbandTeam,
-  onSetTeamLead,
-  onStartWatch,
-  onStopWatch,
-  onToggleAutonomous,
-  onRefreshGoals,
-  onCreateGoal,
-  onUpdateGoal,
-  onUpdateGoalStatus,
-  onDeleteGoal,
-  initialWatchActive,
-  watchError,
-  messageBatchMs = process.env.VITEST ? 0 : 80,
-  initialActivityFilter = "all",
-  onSaveActivityFilter,
-  initialMaxConcurrent = DEFAULT_CONFIG.scheduling.max_concurrent_agents,
-  onSaveMaxConcurrent
-}) {
-  const { exit } = useApp();
-  const { stdout } = useStdout();
-  const [termSize, setTermSize] = useState({ w: stdout?.columns ?? 80, h: stdout?.rows ?? 24 });
-  useEffect(() => {
-    if (!stdout) return;
-    const onResize = () => setTermSize({ w: stdout.columns, h: stdout.rows });
-    stdout.on("resize", onResize);
-    return () => {
-      stdout.off("resize", onResize);
-    };
-  }, [stdout]);
-  const W = termSize.w;
-  const H = termSize.h;
-  const [liveTasks, setLiveTasks] = useState(initialTasks);
-  const [liveAgents, setLiveAgents] = useState(initialAgents);
-  const [liveState, setLiveState] = useState(initialState);
-  const [watchActive, setWatchActive] = useState(initialWatchActive ?? !!initialState.pid);
-  const [liveGoals, setLiveGoals] = useState([]);
-  const [activeView, setActiveView] = useState("tasks");
-  const [taskSelectedIndex, setTaskSelectedIndex] = useState(0);
-  const [agentSelectedIndex, setAgentSelectedIndex] = useState(0);
-  const [goalSelectedIndex, setGoalSelectedIndex] = useState(0);
-  const [detailOpen, setDetailOpen] = useState(false);
-  const [messages, setMessages] = useState([]);
-  const [inputMode, setInputMode] = useState("none");
-  const [inputValue, setInputValue] = useState("");
-  const [wizardConfig, setWizardConfig] = useState(null);
-  const [logFilter, setLogFilter] = useState(0);
-  const [logTypeFilter, setLogTypeFilter] = useState(() => new Set(ALL_MSG_TYPES));
-  const [logSelectedIndex, setLogSelectedIndex] = useState(-1);
-  const [logScrollOffset, setLogScrollOffset] = useState(0);
-  const [activityFilter, setActivityFilter] = useState(() => {
-    const preset = ACTIVITY_PRESETS.find((p) => p.label === initialActivityFilter);
-    return new Set(preset?.types ?? ALL_MSG_TYPES);
-  });
-  const activityFilterLabel = useMemo(() => {
-    const preset = ACTIVITY_PRESETS.find((p) => p.types.length === activityFilter.size && p.types.every((t) => activityFilter.has(t)));
-    return preset?.label ?? "all";
-  }, [activityFilter]);
-  const activityFilteredMessages = useMemo(() => {
-    if (activityFilter.size >= ALL_MSG_TYPES.length) return messages;
-    return messages.filter((m) => activityFilter.has(m.msgType ?? "info"));
-  }, [messages, activityFilter]);
-  const [maxConcurrent, setMaxConcurrent] = useState(initialMaxConcurrent);
-  const cmdHistory = React5.useRef(new CommandHistory()).current;
-  const [taskScrollOffset, setTaskScrollOffset] = useState(0);
-  const [showAllTasks, setShowAllTasks] = useState(false);
-  const [agentScrollOffset, setAgentScrollOffset] = useState(0);
-  const [goalScrollOffset, setGoalScrollOffset] = useState(0);
-  const [suggestionIndex, setSuggestionIndex] = useState(0);
-  const [liveTeams, setLiveTeams] = useState([]);
-  const liveTeamsRef = useRef(liveTeams);
-  liveTeamsRef.current = liveTeams;
-  const refreshAll = useCallback(async (opts) => {
-    const [t, a, s, teams, goals] = await Promise.all([
-      onRefreshTasks?.() ?? Promise.resolve(liveTasks),
-      onRefreshAgents?.() ?? Promise.resolve(liveAgents),
-      onRefreshState?.() ?? Promise.resolve(liveState),
-      opts?.includeTeams ? onListTeams?.() ?? Promise.resolve(liveTeamsRef.current) : Promise.resolve(null),
-      onRefreshGoals?.() ?? Promise.resolve(liveGoals)
-    ]);
-    setLiveTasks(t);
-    setLiveAgents(a);
-    setLiveState(s);
-    if (teams !== null) setLiveTeams(teams);
-    setLiveGoals(goals);
-    if (initialWatchActive) {
-      setWatchActive(!!s.pid);
-    }
-  }, [onRefreshTasks, onRefreshAgents, onRefreshState, onListTeams, onRefreshGoals, initialWatchActive]);
-  const sortedTasks = useMemo(
-    () => [...liveTasks].sort((a, b) => (STATUS_ORDER[a.status] ?? 9) - (STATUS_ORDER[b.status] ?? 9)),
-    [liveTasks]
-  );
-  const visibleTasks = showAllTasks ? sortedTasks : sortedTasks.slice(0, TASK_LIST_LIMIT);
-  const hiddenTaskCount = sortedTasks.length - visibleTasks.length;
-  const selectedTask = sortedTasks[taskSelectedIndex];
-  const taskTitleMap = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const t of liveTasks) map.set(t.id, t.title);
-    return map;
-  }, [liveTasks]);
-  const agentNameMap = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    for (const a of liveAgents) map.set(a.id, a.name);
-    return map;
-  }, [liveAgents]);
-  const { agentTeamMap, activeTeamCount, teamLeadSet } = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    const leads = /* @__PURE__ */ new Set();
-    let count = 0;
-    for (const team of liveTeams) {
-      if (team.status !== "active") continue;
-      count++;
-      leads.add(team.lead_agent_id);
-      for (const member of team.members) {
-        map.set(member.agent_id, team.name);
-      }
-    }
-    return { agentTeamMap: map, activeTeamCount: count, teamLeadSet: leads };
-  }, [liveTeams]);
-  const sortedAgents = useMemo(() => {
-    const agents = [...liveAgents];
-    agents.sort((a, b) => {
-      const teamA = agentTeamMap.get(a.id);
-      const teamB = agentTeamMap.get(b.id);
-      if (teamA && !teamB) return -1;
-      if (!teamA && teamB) return 1;
-      if (teamA && teamB && teamA !== teamB) return teamA.localeCompare(teamB);
-      return (AGENT_STATUS_ORDER[a.status] ?? 9) - (AGENT_STATUS_ORDER[b.status] ?? 9);
-    });
-    return agents;
-  }, [liveAgents, agentTeamMap]);
-  const selectedAgent = sortedAgents[agentSelectedIndex];
-  const sortedGoals = useMemo(
-    () => [...liveGoals].sort((a, b) => (GOAL_STATUS_ORDER[a.status] ?? 9) - (GOAL_STATUS_ORDER[b.status] ?? 9)),
-    [liveGoals]
-  );
-  const selectedGoal = sortedGoals[goalSelectedIndex];
-  const runIdToAgentId = useRef(/* @__PURE__ */ new Map());
-  const runIdToTaskId = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    for (const [taskId, entry] of Object.entries(liveState.running)) {
-      runIdToAgentId.current.set(entry.run_id, entry.agent_id);
-      runIdToTaskId.current.set(entry.run_id, taskId);
-    }
-    if (runIdToAgentId.current.size > MAX_RUN_MAP_SIZE) {
-      const excess = runIdToAgentId.current.size - MAX_RUN_MAP_SIZE;
-      let i = 0;
-      for (const key of runIdToAgentId.current.keys()) {
-        if (i++ >= excess) break;
-        runIdToAgentId.current.delete(key);
-        runIdToTaskId.current.delete(key);
-      }
-    }
-  }, [liveState.running]);
-  const pendingMessages = useRef([]);
-  const flushTimer = useRef(null);
-  const flushMessages = useCallback(() => {
-    flushTimer.current = null;
-    if (pendingMessages.current.length === 0) return;
-    const batch = pendingMessages.current;
-    pendingMessages.current = [];
-    setMessages((prev) => {
-      if (batch.length >= MAX_MESSAGES) return batch.slice(-MAX_MESSAGES);
-      const keep = MAX_MESSAGES - batch.length;
-      const trimmed = prev.length > keep ? prev.slice(-keep) : prev;
-      return trimmed.concat(batch);
-    });
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (flushTimer.current) clearTimeout(flushTimer.current);
-    };
-  }, []);
-  const addMessage = useCallback((text, color, opts) => {
-    const now = /* @__PURE__ */ new Date();
-    const time = now.toLocaleTimeString("en-US", {
-      hour12: false,
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    });
-    const detail = opts?.detail && opts.detail.length > MAX_DETAIL_LEN ? opts.detail.slice(0, MAX_DETAIL_LEN) + "\u2026[truncated]" : opts?.detail;
-    pendingMessages.current.push({ text, color, time, ts: now.getTime(), ...opts, detail });
-    if (pendingMessages.current.length > MAX_MESSAGES * 2) {
-      pendingMessages.current = pendingMessages.current.slice(-MAX_MESSAGES);
-    }
-    if (messageBatchMs === 0) {
-      flushMessages();
-    } else if (!flushTimer.current) {
-      flushTimer.current = setTimeout(flushMessages, messageBatchMs);
-    }
-  }, [flushMessages]);
-  useEffect(() => {
-    if (watchError) {
-      addMessage(`Watch mode failed: ${watchError}. Tasks will not auto-dispatch.`, tuiColors.red);
-    }
-  }, []);
-  useEffect(() => {
-    if (!onLoadHistory) return;
-    const historyEntryToMsg = (entry) => {
-      const time = new Date(entry.timestamp).toLocaleTimeString("en-US", {
-        hour12: false,
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit"
-      });
-      const raw = typeof entry.data === "string" ? entry.data : JSON.stringify(entry.data);
-      let text;
-      let color = tuiColors.silver;
-      let msgType = "output";
-      if (entry.type === "error") {
-        text = typeof entry.data === "string" ? entry.data : JSON.stringify(entry.data);
-        text = text.slice(0, 200);
-        color = tuiColors.red;
-        msgType = "error";
-      } else if (entry.type === "file_changed") {
-        text = String(entry.data);
-        color = tuiColors.purple;
-        msgType = "file";
-      } else if (entry.type === "done") {
-        text = "Completed";
-        color = tuiColors.green;
-        msgType = "lifecycle";
-      } else if (entry.type === "tool_call") {
-        const d = entry.data;
-        text = `\u2699 ${d?.name ?? "tool"}()`;
-        color = tuiColors.cyan;
-        msgType = "tool";
-      } else {
-        const { summary } = formatAgentOutput(raw);
-        text = summary;
-        const cls = classifyAgentSummary(text);
-        msgType = cls.msgType;
-        color = cls.color;
-      }
-      return { text, color, time, ts: new Date(entry.timestamp).getTime(), agentId: entry.agentId, taskId: entry.taskId, msgType };
-    };
-    onLoadHistory((batch) => {
-      if (batch.length === 0) return;
-      const histMsgs = batch.map(historyEntryToMsg);
-      setMessages((prev) => {
-        const combined = [...histMsgs, ...prev];
-        return combined.length > MAX_MESSAGES ? combined.slice(-MAX_MESSAGES) : combined;
-      });
-    }).catch(() => {
-    });
-  }, []);
-  useEffect(() => {
-    onListTeams?.().then(setLiveTeams).catch(() => {
-    });
-    onRefreshGoals?.().then(setLiveGoals).catch(() => {
-    });
-  }, []);
-  const launchAgentWizard = useCallback(() => {
-    setWizardConfig({
-      title: "NEW AGENT",
-      steps: getAgentWizardSteps(liveTeamsRef.current),
-      kind: "agent"
-    });
-    setInputMode("wizard");
-  }, []);
-  const launchTaskWizard = useCallback(() => {
-    setWizardConfig({
-      title: "NEW TASK",
-      steps: getTaskWizardSteps(liveAgents),
-      kind: "task"
-    });
-    setInputMode("wizard");
-  }, [liveAgents]);
-  const launchEditTaskWizard = useCallback((task) => {
-    setWizardConfig({
-      title: "EDIT TASK",
-      steps: getEditTaskWizardSteps(task, liveAgents),
-      kind: "edit_task",
-      targetId: task.id
-    });
-    setInputMode("wizard");
-  }, [liveAgents]);
-  const launchTeamWizard = useCallback(() => {
-    setWizardConfig({
-      title: "NEW TEAM",
-      steps: getTeamWizardSteps(liveAgents),
-      kind: "team"
-    });
-    setInputMode("wizard");
-  }, [liveAgents]);
-  const launchEditAgentWizard = useCallback((agent) => {
-    setWizardConfig({
-      title: "EDIT AGENT",
-      steps: getEditAgentWizardSteps(agent, liveTeams),
-      kind: "edit_agent",
-      targetId: agent.id
-    });
-    setInputMode("wizard");
-  }, [liveTeams]);
-  const launchConfigWizard = useCallback(() => {
-    setWizardConfig({
-      title: "SETTINGS",
-      steps: getConfigWizardSteps(activityFilterLabel, maxConcurrent),
-      kind: "config"
-    });
-    setInputMode("wizard");
-  }, [activityFilterLabel, maxConcurrent]);
-  const handleWizardComplete = useCallback((values) => {
-    setInputMode("none");
-    const kind = wizardConfig?.kind;
-    const targetId = wizardConfig?.targetId;
-    setWizardConfig(null);
-    if (kind === "agent" && onAddAgent) {
-      const input = agentWizardToInput(values);
-      addMessage(`Creating agent "${input.name}"...`, tuiColors.amber);
-      onAddAgent(input.name, input.adapter, {
-        model: input.model,
-        role: input.role,
-        approval_policy: input.approval_policy
-      }).then(
-        (agent) => {
-          addMessage(`\u2713 Created agent "${agent.name}" (${agent.id}, ${agent.adapter})`, tuiColors.green);
-          if (input.team_id && onJoinTeam) {
-            onJoinTeam(input.team_id, agent.id).then(
-              (t) => {
-                addMessage(`\u2713 Joined team "${t.name}"`, tuiColors.green);
-                refreshAll({ includeTeams: true });
-              },
-              (err) => addMessage(`Failed to join team: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-            );
-          } else {
-            refreshAll();
-          }
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    } else if (kind === "team" && onCreateTeam) {
-      const input = teamWizardToInput(values);
-      addMessage(`Creating team "${input.name}"...`, tuiColors.amber);
-      onCreateTeam(input).then(
-        (team) => {
-          addMessage(`\u2713 Created team "${team.name}" (${team.id}, ${team.members.length} members)`, tuiColors.green);
-          refreshAll({ includeTeams: true });
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    } else if (kind === "task" && onCreateTask) {
-      const input = taskWizardToInput(values);
-      addMessage(`Creating "${input.title}"...`, tuiColors.amber);
-      onCreateTask(input.title, {
-        priority: input.priority,
-        description: input.description
-      }).then(
-        (task) => {
-          addMessage(`\u2713 Created "${task.title}" (${task.id})`, tuiColors.green);
-          if (input.assignee && onAssignTask) {
-            onAssignTask(task.id, input.assignee).catch(() => {
-            });
-          }
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    } else if (kind === "edit_task" && targetId && onUpdateTask) {
-      const fields = editTaskWizardToFields(values);
-      addMessage(`Updating task...`, tuiColors.amber);
-      onUpdateTask(targetId, fields).then(
-        (task) => {
-          addMessage(`\u2713 Updated "${task.title}"`, tuiColors.green);
-          if (fields.assignee && onAssignTask) {
-            onAssignTask(targetId, fields.assignee).catch(() => {
-            });
-          }
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    } else if (kind === "edit_agent" && targetId && onUpdateAgent) {
-      const fields = editAgentWizardToFields(values);
-      const newTeamId = fields.team_id ?? "";
-      const oldTeamId = liveTeams.find((t) => t.members.some((m) => m.agent_id === targetId))?.id ?? "";
-      addMessage(`Updating agent...`, tuiColors.amber);
-      onUpdateAgent(targetId, { name: fields.name, role: fields.role, model: fields.model }).then(
-        (agent) => {
-          addMessage(`\u2713 Updated agent "${agent.name}"`, tuiColors.green);
-          const teamOps = [];
-          if (oldTeamId && oldTeamId !== newTeamId && onLeaveTeam) {
-            teamOps.push(
-              onLeaveTeam(oldTeamId, targetId).then(
-                (t) => addMessage(`\u2713 Left team "${t.name}"`, tuiColors.green),
-                (err) => addMessage(`Failed to leave team: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-              )
-            );
-          }
-          if (newTeamId && newTeamId !== oldTeamId && onJoinTeam) {
-            teamOps.push(
-              onJoinTeam(newTeamId, targetId).then(
-                (t) => addMessage(`\u2713 Joined team "${t.name}"`, tuiColors.green),
-                (err) => addMessage(`Failed to join team: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-              )
-            );
-          }
-          Promise.all(teamOps).then(() => refreshAll({ includeTeams: teamOps.length > 0 }));
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    } else if (kind === "config") {
-      if (values.setting === "activity_filter" && values.activity_filter) {
-        const preset = ACTIVITY_PRESETS.find((p) => p.label === values.activity_filter);
-        if (preset) {
-          setActivityFilter(new Set(preset.types));
-          onSaveActivityFilter?.(preset.label);
-          addMessage(`Activity filter: ${preset.label}`, tuiColors.amber);
-        }
-      } else if (values.setting === "max_concurrent" && values.max_concurrent) {
-        const num = parseInt(values.max_concurrent, 10);
-        if (num > 0) {
-          setMaxConcurrent(num);
-          onSaveMaxConcurrent?.(num);
-          addMessage(`Max concurrent agents: ${num}`, tuiColors.amber);
-        }
-      }
-    } else if (kind === "goal" && onCreateGoal) {
-      const input = goalWizardToInput(values);
-      addMessage(`Creating goal "${input.title}"...`, tuiColors.amber);
-      onCreateGoal(input).then(
-        (goal) => {
-          addMessage(`\u2713 Created goal "${goal.title}" (${goal.id})`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    } else if (kind === "edit_goal" && targetId && onUpdateGoal) {
-      const fields = editGoalWizardToFields(values);
-      addMessage(`Updating goal...`, tuiColors.amber);
-      onUpdateGoal(targetId, fields).then(
-        (goal) => {
-          addMessage(`\u2713 Updated goal "${goal.title}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-    }
-  }, [wizardConfig, onAddAgent, onCreateTask, onCreateTeam, onJoinTeam, onLeaveTeam, onAssignTask, onUpdateTask, onUpdateAgent, onToggleAutonomous, onCreateGoal, onUpdateGoal, addMessage, refreshAll, onSaveActivityFilter, onSaveMaxConcurrent, liveTeams]);
-  const handleWizardCancel = useCallback(() => {
-    setInputMode("none");
-    setWizardConfig(null);
-  }, []);
-  useEffect(() => {
-    if (!onSubscribeEvents) return;
-    let refreshTimer = null;
-    const scheduleRefresh = () => {
-      if (refreshTimer) return;
-      refreshTimer = setTimeout(() => {
-        refreshTimer = null;
-        refreshAll().catch(() => {
-        });
-      }, 150);
-    };
-    const unsubscribe = onSubscribeEvents((event) => {
-      if (event.type === "agent:started") {
-        runIdToAgentId.current.set(event.runId, event.agentId);
-        runIdToTaskId.current.set(event.runId, event.taskId);
-      }
-      formatEvent(event, addMessage, runIdToAgentId.current, runIdToTaskId.current);
-      if (event.type === "task:status_changed" || event.type === "task:created" || event.type === "task:assigned" || event.type === "agent:started" || event.type === "agent:completed" || event.type === "run:retry" || event.type === "goal:created" || event.type === "goal:status_changed" || event.type === "goal:updated" || event.type === "goal:deleted") {
-        scheduleRefresh();
-      }
-    });
-    return () => {
-      unsubscribe();
-      if (refreshTimer) clearTimeout(refreshTimer);
-    };
-  }, [onSubscribeEvents, addMessage, refreshAll]);
-  const mode = watchActive ? "watching" : "idle";
-  const uptime = liveState.started_at ? formatDurationSince(liveState.started_at) : void 0;
-  const totalTokens = liveState.stats.total_tokens.total;
-  const headerStats = useMemo(() => {
-    const counts = { running: 0, retrying: 0, review: 0, todo: 0, done: 0, failed: 0, cancelled: 0 };
-    for (const t of liveTasks) {
-      if (t.status === "in_progress") counts.running++;
-      else if (t.status === "retrying") counts.retrying++;
-      else if (t.status === "review") counts.review++;
-      else if (t.status === "todo") counts.todo++;
-      else if (t.status === "done") counts.done++;
-      else if (t.status === "failed") counts.failed++;
-      else if (t.status === "cancelled") counts.cancelled++;
-    }
-    return { ...counts, teams: activeTeamCount };
-  }, [liveTasks, activeTeamCount]);
-  headerStats.running;
-  const headerTokens = {
-    input: liveState.stats.total_tokens.input ?? 0,
-    output: liveState.stats.total_tokens.output ?? 0,
-    total: totalTokens
-  };
-  const fixedRows = 9;
-  const contentH = Math.max(4, H - fixedRows);
-  const teamAgentCount = agentTeamMap.size;
-  const hasUnassigned = liveAgents.length > teamAgentCount;
-  const agentSectionRows = activeTeamCount > 0 ? activeTeamCount + (hasUnassigned ? 1 : 0) : 0;
-  const listItemCount = activeView === "goals" ? sortedGoals.length + 1 : activeView === "tasks" ? visibleTasks.length + 1 + (hiddenTaskCount > 0 ? 1 : 0) : (
-    // +1 for "+ add" row, +1 for "show all" row
-    activeView === "agents" ? liveAgents.length + 1 + agentSectionRows : 0
-  );
-  const minListH = Math.min(listItemCount + 1, Math.ceil(contentH * 0.5));
-  const mainH = activeView === "logs" ? contentH : Math.max(2, Math.min(minListH, contentH - 4));
-  const feedH = Math.max(1, contentH - mainH);
-  const ruleW = Math.max(10, W - 2);
-  const suggestions = useMemo(
-    () => inputMode === "command" ? resolveSuggestions(inputValue) : [],
-    [inputMode, inputValue]
-  );
-  useEffect(() => {
-    setTaskScrollOffset((o) => Math.min(o, Math.max(0, visibleTasks.length - mainH)));
-  }, [visibleTasks.length, mainH]);
-  useEffect(() => {
-    setAgentScrollOffset((o) => Math.min(o, Math.max(0, sortedAgents.length - mainH)));
-  }, [sortedAgents.length, mainH]);
-  useEffect(() => {
-    setGoalScrollOffset((o) => Math.min(o, Math.max(0, sortedGoals.length - mainH)));
-  }, [sortedGoals.length, mainH]);
-  const executeCommand = useCallback((raw) => {
-    const stripped = raw.trim().replace(/^\//, "");
-    const parts = stripped.split(/\s+/);
-    const cmd = parts[0]?.toLowerCase();
-    if (!cmd) return;
-    const errMsg = (err) => err instanceof Error ? err.message : String(err);
-    switch (cmd) {
-      // ── Legacy shortcuts (backward compat) ──
-      case "cancel": {
-        if (!selectedTask) {
-          addMessage("No task selected", tuiColors.yellow);
-          return;
-        }
-        if (!onCancelTask) return;
-        addMessage(`Cancelling "${selectedTask.title}"...`, tuiColors.amber);
-        onCancelTask(selectedTask.id).then(
-          () => {
-            addMessage(`\u2713 Cancelled "${selectedTask.title}"`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      case "retry": {
-        if (!selectedTask) {
-          addMessage("No task selected", tuiColors.yellow);
-          return;
-        }
-        if (!onRetryTask) return;
-        addMessage(`Retrying "${selectedTask.title}"...`, tuiColors.amber);
-        onRetryTask(selectedTask.id).then(
-          () => {
-            addMessage(`\u2713 Retried "${selectedTask.title}"`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      case "assign": {
-        if (!selectedTask) {
-          addMessage("No task selected", tuiColors.yellow);
-          return;
-        }
-        if (!onAssignTask || !parts[1]) {
-          addMessage("Usage: assign <agent>", tuiColors.yellow);
-          return;
-        }
-        addMessage(`Assigning "${selectedTask.title}" to ${parts[1]}...`, tuiColors.amber);
-        onAssignTask(selectedTask.id, parts[1]).then(
-          () => {
-            addMessage(`\u2713 Assigned "${selectedTask.title}" to ${parts[1]}`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      // ── /task group ──
-      case "task": {
-        const sub = parts[1]?.toLowerCase();
-        if (sub === "add") {
-          const title = parts.slice(2).join(" ");
-          if (!title) {
-            launchTaskWizard();
-            return;
-          }
-          if (!onCreateTask) {
-            addMessage("Create not available", tuiColors.yellow);
-            return;
-          }
-          addMessage(`Creating "${title}"...`, tuiColors.amber);
-          onCreateTask(title).then(
-            (task) => {
-              addMessage(`\u2713 Created "${task.title}" (${task.id})`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "list") {
-          const lines = sortedTasks.map((t) => `  ${t.id}  ${t.status.padEnd(11)} ${t.title}`);
-          if (lines.length === 0) addMessage("No tasks", tuiColors.dim);
-          else for (const line of lines) addMessage(line, tuiColors.cyan);
-        } else if (sub === "show") {
-          const t = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : selectedTask;
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          addMessage(`${t.id}  ${t.status}  P${t.priority}  "${t.title}"`, tuiColors.cyan);
-          if (t.assignee) addMessage(`  agent: ${t.assignee}`, tuiColors.dim);
-          if (t.description) addMessage(`  ${t.description.slice(0, 100)}`, tuiColors.dim);
-        } else if (sub === "cancel") {
-          const t = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : selectedTask;
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (!onCancelTask) return;
-          addMessage(`Cancelling "${t.title}"...`, tuiColors.amber);
-          onCancelTask(t.id).then(
-            () => {
-              addMessage(`\u2713 Cancelled "${t.title}"`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "retry") {
-          const t = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : selectedTask;
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (!onRetryTask) return;
-          addMessage(`Retrying "${t.title}"...`, tuiColors.amber);
-          onRetryTask(t.id).then(
-            () => {
-              addMessage(`\u2713 Retried "${t.title}"`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "assign") {
-          const foundByParts2 = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : void 0;
-          const t = foundByParts2 ?? selectedTask;
-          const agentArg = foundByParts2 ? parts[3] : parts[2];
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (!agentArg) {
-            addMessage("Usage: /task assign [id] <agent>", tuiColors.yellow);
-            return;
-          }
-          if (!onAssignTask) return;
-          addMessage(`Assigning "${t.title}" to ${agentArg}...`, tuiColors.amber);
-          onAssignTask(t.id, agentArg).then(
-            () => {
-              addMessage(`\u2713 Assigned "${t.title}" to ${agentArg}`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "approve") {
-          const t = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : selectedTask;
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (t.status !== "review") {
-            addMessage(`Cannot approve \u2014 status is ${t.status}`, tuiColors.yellow);
-            return;
-          }
-          if (!onApproveTask) return;
-          addMessage(`Approving "${t.title}"...`, tuiColors.amber);
-          onApproveTask(t.id).then(
-            () => {
-              addMessage(`\u2713 Approved "${t.title}"`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "reject") {
-          const t = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : selectedTask;
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (t.status !== "review") {
-            addMessage(`Cannot reject \u2014 status is ${t.status}`, tuiColors.yellow);
-            return;
-          }
-          if (!onRejectTask) return;
-          const feedback = parts.slice(parts[2] && sortedTasks.find((x) => x.id === parts[2]) ? 3 : 2).join(" ").trim() || void 0;
-          addMessage(`Rejecting "${t.title}"${feedback ? " with feedback" : ""}...`, tuiColors.amber);
-          onRejectTask(t.id, feedback).then(
-            () => {
-              addMessage(`\u2713 Rejected "${t.title}" \u2192 todo`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "delete") {
-          const t = parts[2] ? sortedTasks.find((x) => x.id === parts[2]) : selectedTask;
-          if (!t) {
-            addMessage("No task selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (t.status === "in_progress") {
-            addMessage(`Cannot delete \u2014 task is running`, tuiColors.yellow);
-            return;
-          }
-          if (!onDeleteTask) return;
-          addMessage(`Deleting "${t.title}"...`, tuiColors.amber);
-          onDeleteTask(t.id).then(
-            () => {
-              addMessage(`\u2713 Deleted "${t.title}"`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else {
-          addMessage("Usage: /task add|list|show|cancel|retry|assign|approve|reject|delete", tuiColors.yellow);
-        }
-        return;
-      }
-      // ── /agent group ──
-      case "agent": {
-        const sub = parts[1]?.toLowerCase();
-        if (sub === "add") {
-          const name = parts[2];
-          if (!name) {
-            launchAgentWizard();
-            return;
-          }
-          if (!onAddAgent) {
-            addMessage("Agent creation not available", tuiColors.yellow);
-            return;
-          }
-          const adapter = parts[3];
-          addMessage(`Creating agent "${name}"...`, tuiColors.amber);
-          onAddAgent(name, adapter).then(
-            (agent) => {
-              addMessage(`\u2713 Created agent "${agent.name}" (${agent.id}, ${agent.adapter})`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "list") {
-          const lines = sortedAgents.map((a) => `  ${a.id}  ${a.status.padEnd(8)} ${a.name} (${a.adapter})`);
-          if (lines.length === 0) addMessage("No agents", tuiColors.dim);
-          else for (const line of lines) addMessage(line, tuiColors.cyan);
-        } else if (sub === "disable") {
-          const a = parts[2] ? sortedAgents.find((x) => x.id === parts[2] || x.name === parts[2]) : selectedAgent;
-          if (!a) {
-            addMessage("No agent selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (!onDisableAgent) return;
-          addMessage(`Disabling ${a.name}...`, tuiColors.amber);
-          onDisableAgent(a.id).then(
-            () => {
-              addMessage(`\u2713 Disabled ${a.name}`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "enable") {
-          const a = parts[2] ? sortedAgents.find((x) => x.id === parts[2] || x.name === parts[2]) : selectedAgent;
-          if (!a) {
-            addMessage("No agent selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (!onEnableAgent) return;
-          addMessage(`Enabling ${a.name}...`, tuiColors.amber);
-          onEnableAgent(a.id).then(
-            () => {
-              addMessage(`\u2713 Enabled ${a.name}`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "delete" || sub === "remove") {
-          const a = parts[2] ? sortedAgents.find((x) => x.id === parts[2] || x.name === parts[2]) : selectedAgent;
-          if (!a) {
-            addMessage("No agent selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (a.status === "running") {
-            addMessage("Cannot delete \u2014 agent is running", tuiColors.yellow);
-            return;
-          }
-          if (!onDeleteAgent) {
-            addMessage("Agent deletion not available", tuiColors.yellow);
-            return;
-          }
-          addMessage(`Deleting agent "${a.name}"...`, tuiColors.amber);
-          onDeleteAgent(a.id).then(
-            () => {
-              addMessage(`\u2713 Deleted agent "${a.name}"`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "autonomous" || sub === "auto") {
-          const a = parts[2] ? sortedAgents.find((x) => x.id === parts[2] || x.name === parts[2]) : selectedAgent;
-          if (!a) {
-            addMessage("No agent selected or id given", tuiColors.yellow);
-            return;
-          }
-          if (!onToggleAutonomous) {
-            addMessage("Autonomous toggle not available", tuiColors.yellow);
-            return;
-          }
-          if (a.autonomous) {
-            addMessage(`Disabling autonomous mode for "${a.name}"...`, tuiColors.amber);
-            onToggleAutonomous(a.id, false).then(
-              () => {
-                addMessage(`${LOOP} ${a.name} autonomous OFF`, tuiColors.cyan);
-                refreshAll();
-              },
-              (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-            );
-          } else {
-            addMessage(`Enabling autonomous mode for "${a.name}"...`, tuiColors.amber);
-            onToggleAutonomous(a.id, true).then(
-              () => {
-                addMessage(`${LOOP} ${a.name} autonomous ON`, tuiColors.cyan);
-                refreshAll();
-              },
-              (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-            );
-          }
-        } else {
-          addMessage("Usage: /agent add|list|disable|enable|delete|autonomous", tuiColors.yellow);
-        }
-        return;
-      }
-      // ── /team group ──
-      case "team": {
-        const sub = parts[1]?.toLowerCase();
-        if (sub === "create" || sub === "add") {
-          launchTeamWizard();
-        } else if (sub === "list") {
-          const teams = liveTeamsRef.current;
-          if (teams.length === 0) {
-            addMessage("No teams", tuiColors.dim);
-          } else for (const t of teams) {
-            addMessage(`  ${t.id}  ${t.status.padEnd(8)} ${t.name} (${t.members.length} members)`, tuiColors.cyan);
-          }
-        } else if (sub === "join") {
-          if (!onJoinTeam) {
-            addMessage("Join not available", tuiColors.yellow);
-            return;
-          }
-          const teamArg = parts[2];
-          const agentArg = parts[3] ?? selectedAgent?.id;
-          if (!teamArg || !agentArg) {
-            addMessage("Usage: /team join <teamId> [agentId]", tuiColors.yellow);
-            return;
-          }
-          addMessage(`Joining team ${teamArg}...`, tuiColors.amber);
-          onJoinTeam(teamArg, agentArg).then(
-            (t) => {
-              addMessage(`\u2713 Agent joined team "${t.name}"`, tuiColors.green);
-              refreshAll({ includeTeams: true });
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "leave") {
-          if (!onLeaveTeam) {
-            addMessage("Leave not available", tuiColors.yellow);
-            return;
-          }
-          const teamArg = parts[2];
-          const agentArg = parts[3] ?? selectedAgent?.id;
-          if (!teamArg || !agentArg) {
-            addMessage("Usage: /team leave <teamId> [agentId]", tuiColors.yellow);
-            return;
-          }
-          addMessage(`Leaving team ${teamArg}...`, tuiColors.amber);
-          onLeaveTeam(teamArg, agentArg).then(
-            (t) => {
-              addMessage(`\u2713 Agent left team "${t.name}"`, tuiColors.green);
-              refreshAll({ includeTeams: true });
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "disband") {
-          if (!onDisbandTeam) {
-            addMessage("Disband not available", tuiColors.yellow);
-            return;
-          }
-          const teamArg = parts[2];
-          if (!teamArg) {
-            addMessage("Usage: /team disband <teamId>", tuiColors.yellow);
-            return;
-          }
-          addMessage(`Disbanding team ${teamArg}...`, tuiColors.amber);
-          onDisbandTeam(teamArg).then(
-            () => {
-              addMessage(`\u2713 Team disbanded`, tuiColors.green);
-              refreshAll({ includeTeams: true });
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else if (sub === "set-lead") {
-          if (!onSetTeamLead) {
-            addMessage("Set-lead not available", tuiColors.yellow);
-            return;
-          }
-          const teamArg = parts[2];
-          const agentArg = parts[3];
-          if (!teamArg || !agentArg) {
-            addMessage("Usage: /team set-lead <teamId> <agentId>", tuiColors.yellow);
-            return;
-          }
-          addMessage(`Setting lead for team ${teamArg}...`, tuiColors.amber);
-          onSetTeamLead(teamArg, agentArg).then(
-            (t) => {
-              addMessage(`\u2713 New lead for team "${t.name}"`, tuiColors.green);
-              refreshAll({ includeTeams: true });
-            },
-            (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-          );
-        } else {
-          addMessage("Usage: /team create|list|join|leave|disband|set-lead", tuiColors.yellow);
-        }
-        return;
-      }
-      // ── /run, /run-all ──
-      case "run": {
-        const idArg = parts[1] ?? selectedTask?.id;
-        if (!idArg) {
-          addMessage("No task selected or id given", tuiColors.yellow);
-          return;
-        }
-        if (!onRunTask) {
-          addMessage("Run not available", tuiColors.yellow);
-          return;
-        }
-        const t = sortedTasks.find((x) => x.id === idArg);
-        if (t && !RUNNABLE.has(t.status)) {
-          addMessage(`Cannot run \u2014 status is ${t.status}`, tuiColors.yellow);
-          return;
-        }
-        addMessage(`Running ${idArg}...`, tuiColors.amber);
-        onRunTask(idArg).then(
-          () => {
-            addMessage(`\u2713 Dispatched ${idArg}`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      case "run-all": {
-        if (!onRunAll) {
-          addMessage("Run-all not available", tuiColors.yellow);
-          return;
-        }
-        addMessage("Running all todo tasks...", tuiColors.amber);
-        onRunAll().then(
-          () => {
-            addMessage("\u2713 Dispatched all todo tasks", tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      // ── /watch, /pause ──
-      case "watch": {
-        if (watchActive) {
-          addMessage("Watch mode already active", tuiColors.yellow);
-          return;
-        }
-        if (!onStartWatch) {
-          addMessage("Watch not available", tuiColors.yellow);
-          return;
-        }
-        addMessage("Starting watch mode...", tuiColors.amber);
-        onStartWatch().then(
-          () => {
-            setWatchActive(true);
-            addMessage("\u2713 Watch mode started", tuiColors.green);
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      case "pause": {
-        if (!watchActive) {
-          addMessage("Watch mode not active", tuiColors.yellow);
-          return;
-        }
-        if (!onStopWatch) {
-          addMessage("Pause not available", tuiColors.yellow);
-          return;
-        }
-        addMessage("Pausing watch mode...", tuiColors.amber);
-        onStopWatch().then(
-          () => {
-            setWatchActive(false);
-            addMessage("\u2713 Watch mode paused", tuiColors.green);
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      // ── /config ──
-      case "config": {
-        const sub = parts[1]?.toLowerCase();
-        if (sub === "activity-filter") {
-          setActivityFilter((prev) => {
-            const next = cyclePreset(prev);
-            onSaveActivityFilter?.(next.label);
-            addMessage(`Activity filter: ${next.label}`, tuiColors.amber);
-            return new Set(next.types);
-          });
-        } else {
-          launchConfigWizard();
-        }
-        return;
-      }
-      // ── /status ──
-      case "status": {
-        const running = liveTasks.filter((t) => t.status === "in_progress").length;
-        addMessage(`${mode}  ${running} running  ${liveTasks.length} tasks  ${sortedAgents.length} agents`, tuiColors.cyan);
-        return;
-      }
-      // ── /help ──
-      case "help": {
-        for (const [verb, spec] of Object.entries(COMMAND_REGISTRY)) {
-          const subs = spec.sub ? " " + spec.sub.join("|") : spec.args ? " " + spec.args : "";
-          addMessage(`  /${verb}${subs}  \u2014 ${spec.help}`, tuiColors.silver);
-        }
-        return;
-      }
-      // ── /quit ──
-      case "quit": {
-        exit();
-        return;
-      }
-      // ── /disable, /enable (agent shortcuts) ──
-      case "disable": {
-        if (!selectedAgent) {
-          addMessage("No agent selected", tuiColors.yellow);
-          return;
-        }
-        if (!onDisableAgent) return;
-        addMessage(`Disabling ${selectedAgent.name}...`, tuiColors.amber);
-        onDisableAgent(selectedAgent.id).then(
-          () => {
-            addMessage(`\u2713 Disabled ${selectedAgent.name}`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      case "enable": {
-        if (!selectedAgent) {
-          addMessage("No agent selected", tuiColors.yellow);
-          return;
-        }
-        if (!onEnableAgent) return;
-        addMessage(`Enabling ${selectedAgent.name}...`, tuiColors.amber);
-        onEnableAgent(selectedAgent.id).then(
-          () => {
-            addMessage(`\u2713 Enabled ${selectedAgent.name}`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${errMsg(err)}`, tuiColors.red)
-        );
-        return;
-      }
-      default:
-        addMessage(`Unknown: ${cmd}. Type /help for commands`, tuiColors.yellow);
-    }
-  }, [
-    selectedTask,
-    selectedAgent,
-    sortedTasks,
-    sortedAgents,
-    liveTasks,
-    mode,
-    watchActive,
-    onCancelTask,
-    onRetryTask,
-    onAssignTask,
-    onRunAll,
-    onRunTask,
-    onCreateTask,
-    onDisableAgent,
-    onEnableAgent,
-    onAddAgent,
-    onApproveTask,
-    onRejectTask,
-    onDeleteTask,
-    onJoinTeam,
-    onLeaveTeam,
-    onDisbandTeam,
-    onSetTeamLead,
-    onStartWatch,
-    onStopWatch,
-    addMessage,
-    exit,
-    refreshAll,
-    launchTaskWizard,
-    launchAgentWizard,
-    launchTeamWizard,
-    launchConfigWizard
-  ]);
-  useInput((input, key) => {
-    if (inputMode !== "none") {
-      if (key.escape) {
-        setInputMode("none");
-        setInputValue("");
-        cmdHistory.reset();
-        return;
-      }
-      if (key.return) {
-        const value = inputValue.trim();
-        if (!value) return;
-        if (inputMode === "new_task") {
-          if (!onCreateTask) return;
-          setInputMode("none");
-          setInputValue("");
-          addMessage(`Creating "${value}"...`, tuiColors.amber);
-          onCreateTask(value).then(
-            (task) => {
-              addMessage(`\u2713 Created "${task.title}" (${task.id})`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed to create: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-          );
-        } else if (inputMode === "command") {
-          let cmdToRun = value;
-          if (suggestions.length > 0 && suggestions[suggestionIndex]) {
-            const sel = suggestions[suggestionIndex];
-            const cmdPart = sel.cmd.replace(/\s+\[.*\]$/, "");
-            if (cmdPart.startsWith(value) || value === "/") {
-              cmdToRun = cmdPart;
-            }
-            if (sel.subs && !cmdPart.includes(" ")) {
-              setInputValue(cmdPart + " ");
-              setSuggestionIndex(0);
-              return;
-            }
-          }
-          setInputMode("none");
-          setInputValue("");
-          setSuggestionIndex(0);
-          cmdHistory.push(cmdToRun);
-          executeCommand(cmdToRun);
-        }
-        return;
-      }
-      if (key.tab && inputMode === "command") {
-        if (suggestions.length > 0) {
-          const sel = suggestions[suggestionIndex];
-          if (sel) {
-            const cmdPart = sel.cmd.replace(/\s+\[.*\]$/, "");
-            setInputValue(cmdPart + (sel.subs ? " " : ""));
-            setSuggestionIndex(0);
-          }
-        } else {
-          const suffix = resolveCompletion(inputValue);
-          if (suffix) setInputValue((v) => v + suffix);
-        }
-        return;
-      }
-      if (key.upArrow && inputMode === "command") {
-        if (suggestions.length > 0) {
-          setSuggestionIndex((i) => Math.max(0, i - 1));
-        } else {
-          const prev = cmdHistory.prev();
-          if (prev !== null) setInputValue(prev);
-        }
-        return;
-      }
-      if (key.downArrow && inputMode === "command") {
-        if (suggestions.length > 0) {
-          setSuggestionIndex((i) => Math.min(suggestions.length - 1, i + 1));
-        } else {
-          const next = cmdHistory.next();
-          setInputValue(next ?? "");
-        }
-        return;
-      }
-      if (key.backspace || key.delete) {
-        setInputValue((v) => v.slice(0, -1));
-        setSuggestionIndex(0);
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        setInputValue((v) => v + input);
-        setSuggestionIndex(0);
-      }
-      return;
-    }
-    if (input.toLowerCase() === "q") {
-      exit();
-      return;
-    }
-    if (key.escape) {
-      if (detailOpen) {
-        setDetailOpen(false);
-        return;
-      }
-      if (activeView === "logs" && logSelectedIndex >= 0) {
-        setLogSelectedIndex(-1);
-        setLogScrollOffset(0);
-        return;
-      }
-      return;
-    }
-    if (input === "/" && !detailOpen) {
-      setInputMode("command");
-      setInputValue("/");
-      setSuggestionIndex(0);
-      return;
-    }
-    if (activeView === "logs" && !detailOpen && input >= "0" && input <= "9") {
-      setLogFilter(parseInt(input, 10));
-      return;
-    }
-    if ((input === "f" || input === "F") && activeView === "logs" && !detailOpen) {
-      setLogTypeFilter((prev) => new Set(cyclePreset(prev).types));
-      return;
-    }
-    if ((input === "f" || input === "F") && (activeView === "tasks" || activeView === "agents" || activeView === "goals") && !detailOpen) {
-      setActivityFilter((prev) => {
-        const next = cyclePreset(prev);
-        onSaveActivityFilter?.(next.label);
-        return new Set(next.types);
-      });
-      return;
-    }
-    if ((input === "n" || input === "N") && activeView === "tasks" && !detailOpen && onCreateTask) {
-      launchTaskWizard();
-      return;
-    }
-    if ((input === "n" || input === "N") && activeView === "agents" && !detailOpen && onAddAgent) {
-      launchAgentWizard();
-      return;
-    }
-    if ((input === "n" || input === "N") && activeView === "goals" && !detailOpen && onCreateGoal) {
-      const steps = getGoalWizardSteps(liveAgents);
-      setWizardConfig({ title: "New Goal", steps, kind: "goal" });
-      setInputMode("wizard");
-      return;
-    }
-    if ((input === "e" || input === "E") && activeView === "goals" && selectedGoal && onUpdateGoal) {
-      const steps = getEditGoalWizardSteps(selectedGoal, liveAgents);
-      setWizardConfig({ title: `Edit Goal: ${selectedGoal.title}`, steps, kind: "edit_goal", targetId: selectedGoal.id });
-      setInputMode("wizard");
-      return;
-    }
-    if ((input === "d" || input === "D") && activeView === "goals" && selectedGoal && onDeleteGoal) {
-      addMessage(`Deleting goal "${selectedGoal.title}"...`, tuiColors.amber);
-      onDeleteGoal(selectedGoal.id).then(
-        () => {
-          addMessage(`\u2713 Deleted goal "${selectedGoal.title}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "c" || input === "C") && activeView === "goals" && selectedGoal && onUpdateGoalStatus) {
-      if (selectedGoal.status === "active" || selectedGoal.status === "paused") {
-        addMessage(`Marking goal "${selectedGoal.title}" as achieved...`, tuiColors.amber);
-        onUpdateGoalStatus(selectedGoal.id, "achieved").then(
-          () => {
-            addMessage(`\u2713 Goal "${selectedGoal.title}" achieved`, tuiColors.green);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-        );
-      }
-      return;
-    }
-    if ((input === "x" || input === "X") && activeView === "goals" && selectedGoal && onUpdateGoalStatus) {
-      if (selectedGoal.status === "active" || selectedGoal.status === "paused") {
-        addMessage(`Abandoning goal "${selectedGoal.title}"...`, tuiColors.amber);
-        onUpdateGoalStatus(selectedGoal.id, "abandoned").then(
-          () => {
-            addMessage(`\u2713 Goal "${selectedGoal.title}" abandoned`, tuiColors.dim);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-        );
-      }
-      return;
-    }
-    if ((input === "p" || input === "P") && activeView === "goals" && selectedGoal && onUpdateGoalStatus) {
-      const newStatus = selectedGoal.status === "paused" ? "active" : "paused";
-      if (selectedGoal.status === "active" || selectedGoal.status === "paused") {
-        onUpdateGoalStatus(selectedGoal.id, newStatus).then(
-          () => {
-            addMessage(`Goal "${selectedGoal.title}" ${newStatus}`, tuiColors.cyan);
-            refreshAll();
-          },
-          (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-        );
-      }
-      return;
-    }
-    if ((input === "a" || input === "A") && activeView === "tasks" && selectedTask?.status === "review" && onApproveTask) {
-      addMessage(`Approving "${selectedTask.title}"...`, tuiColors.amber);
-      onApproveTask(selectedTask.id).then(
-        () => {
-          addMessage(`\u2713 Approved "${selectedTask.title}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "x" || input === "X") && activeView === "tasks" && selectedTask?.status === "review" && onRejectTask) {
-      addMessage(`Rejecting "${selectedTask.title}"...`, tuiColors.amber);
-      onRejectTask(selectedTask.id).then(
-        () => {
-          addMessage(`\u2713 Rejected "${selectedTask.title}" \u2192 todo`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "c" || input === "C") && activeView === "tasks" && selectedTask && onCancelTask) {
-      if (selectedTask.status === "done" || selectedTask.status === "failed" || selectedTask.status === "cancelled") {
-        addMessage(`Cannot cancel \u2014 status is ${selectedTask.status}`, tuiColors.yellow);
-        return;
-      }
-      addMessage(`Cancelling "${selectedTask.title}"...`, tuiColors.amber);
-      onCancelTask(selectedTask.id).then(
-        () => {
-          addMessage(`\u2713 Cancelled "${selectedTask.title}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "e" || input === "E") && activeView === "tasks" && selectedTask && onUpdateTask) {
-      launchEditTaskWizard(selectedTask);
-      return;
-    }
-    if ((input === "e" || input === "E") && activeView === "agents" && selectedAgent && onUpdateAgent) {
-      launchEditAgentWizard(selectedAgent);
-      return;
-    }
-    if ((input === "s" || input === "S") && activeView === "tasks") {
-      setShowAllTasks((v) => !v);
-      setTaskSelectedIndex(0);
-      setTaskScrollOffset(0);
-      return;
-    }
-    if ((input === "s" || input === "S") && activeView === "agents" && selectedAgent && onForceStopAgent) {
-      const isActuallyRunning = Object.values(liveState.running).some((e) => e.agent_id === selectedAgent.id);
-      if (!isActuallyRunning && selectedAgent.status !== "running") {
-        addMessage(`Agent "${selectedAgent.name}" is not running`, tuiColors.yellow);
-        return;
-      }
-      addMessage(`Force-stopping agent "${selectedAgent.name}"...`, tuiColors.amber);
-      onForceStopAgent(selectedAgent.id).then(
-        () => {
-          addMessage(`\u2713 Stopped agent "${selectedAgent.name}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "d" || input === "D") && activeView === "tasks" && selectedTask && selectedTask.status !== "in_progress" && onDeleteTask) {
-      addMessage(`Deleting "${selectedTask.title}"...`, tuiColors.amber);
-      onDeleteTask(selectedTask.id).then(
-        () => {
-          addMessage(`\u2713 Deleted "${selectedTask.title}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "d" || input === "D") && activeView === "agents" && selectedAgent && onDeleteAgent) {
-      const isActuallyRunning = Object.values(liveState.running).some((e) => e.agent_id === selectedAgent.id);
-      if (isActuallyRunning) {
-        if (onForceStopAgent) {
-          addMessage(`Stopping & deleting agent "${selectedAgent.name}"...`, tuiColors.amber);
-          onForceStopAgent(selectedAgent.id).then(
-            () => onDeleteAgent(selectedAgent.id)
-          ).then(
-            () => {
-              addMessage(`\u2713 Deleted agent "${selectedAgent.name}"`, tuiColors.green);
-              refreshAll();
-            },
-            (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-          );
-        } else {
-          addMessage(`Cannot delete \u2014 agent "${selectedAgent.name}" is running. Press S to stop first.`, tuiColors.yellow);
-        }
-        return;
-      }
-      addMessage(`Deleting agent "${selectedAgent.name}"...`, tuiColors.amber);
-      onDeleteAgent(selectedAgent.id).then(
-        () => {
-          addMessage(`\u2713 Deleted agent "${selectedAgent.name}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if ((input === "u" || input === "U") && activeView === "agents" && selectedAgent && onToggleAutonomous) {
-      const newAuto = !selectedAgent.autonomous;
-      addMessage(`${newAuto ? "Enabling" : "Disabling"} autonomous mode for "${selectedAgent.name}"...`, tuiColors.amber);
-      onToggleAutonomous(selectedAgent.id, newAuto).then(
-        () => {
-          addMessage(`${LOOP} ${selectedAgent.name} autonomous ${newAuto ? "ON" : "OFF"}`, tuiColors.cyan);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if (!detailOpen) {
-      if (input === "g" || input === "G") {
-        setActiveView("goals");
-        return;
-      }
-      if (input === "t" || input === "T") {
-        setActiveView("tasks");
-        return;
-      }
-      if (input === "a" || input === "A") {
-        setActiveView("agents");
-        return;
-      }
-      if (input === "l" || input === "L") {
-        setActiveView("logs");
-        return;
-      }
-    }
-    if (!detailOpen) {
-      const viewOrder = TABS.map((t) => t.id);
-      const idx = viewOrder.indexOf(activeView);
-      if (key.tab || key.rightArrow) {
-        setActiveView(viewOrder[(idx + 1) % viewOrder.length]);
-        return;
-      }
-      if (key.leftArrow) {
-        setActiveView(viewOrder[(idx + viewOrder.length - 1) % viewOrder.length]);
-        return;
-      }
-    }
-    if (key.return) {
-      const showAllRowIdx = hiddenTaskCount > 0 ? visibleTasks.length : -1;
-      if (activeView === "tasks" && taskSelectedIndex === showAllRowIdx) {
-        setShowAllTasks((v) => !v);
-        setTaskSelectedIndex(0);
-        setTaskScrollOffset(0);
-        return;
-      }
-      const addRowIdx = visibleTasks.length + (hiddenTaskCount > 0 ? 1 : 0);
-      if (activeView === "tasks" && taskSelectedIndex === addRowIdx && onCreateTask) {
-        launchTaskWizard();
-        return;
-      }
-      if (activeView === "goals" && goalSelectedIndex === sortedGoals.length && onCreateGoal) {
-        const steps = getGoalWizardSteps(liveAgents);
-        setWizardConfig({ title: "New Goal", steps, kind: "goal" });
-        setInputMode("wizard");
-        return;
-      }
-      if (activeView === "agents" && agentSelectedIndex === sortedAgents.length && onAddAgent) {
-        launchAgentWizard();
-        return;
-      }
-      if (activeView === "goals" && selectedGoal) {
-        setDetailOpen((prev) => !prev);
-        return;
-      }
-      if (activeView === "tasks" && selectedTask) {
-        setDetailOpen((prev) => !prev);
-        return;
-      }
-      if (activeView === "agents" && selectedAgent) {
-        setDetailOpen((prev) => !prev);
-        return;
-      }
-      if (activeView === "logs" && logSelectedIndex >= 0) {
-        setDetailOpen((prev) => !prev);
-        return;
-      }
-    }
-    if ((input === "r" || input === "R") && activeView === "tasks" && selectedTask && onRunTask) {
-      if (!RUNNABLE.has(selectedTask.status)) {
-        addMessage(`Cannot run "${selectedTask.title}" \u2014 status is ${selectedTask.status}`, tuiColors.yellow);
-        return;
-      }
-      addMessage(`Running "${selectedTask.title}"...`, tuiColors.green);
-      onRunTask(selectedTask.id).then(
-        () => {
-          addMessage(`Dispatched "${selectedTask.title}"`, tuiColors.green);
-          refreshAll();
-        },
-        (err) => addMessage(`Failed to run: ${err instanceof Error ? err.message : String(err)}`, tuiColors.red)
-      );
-      return;
-    }
-    if (key.upArrow || input === "k") {
-      if (activeView === "goals") {
-        setGoalSelectedIndex((i) => {
-          const next = Math.max(0, i - 1);
-          setGoalScrollOffset((o) => next < o ? next : o);
-          return next;
-        });
-      } else if (activeView === "tasks") {
-        setTaskSelectedIndex((i) => {
-          const next = Math.max(0, i - 1);
-          setTaskScrollOffset((o) => next < o ? next : o);
-          return next;
-        });
-      } else if (activeView === "agents") {
-        setAgentSelectedIndex((i) => {
-          const next = Math.max(0, i - 1);
-          setAgentScrollOffset((o) => next < o ? next : o);
-          return next;
-        });
-      } else if (activeView === "logs") {
-        setLogSelectedIndex((i) => {
-          if (i === -1) {
-            const last = messages.length - 1;
-            setLogScrollOffset(Math.max(0, last - mainH + 2));
-            return Math.max(0, last);
-          }
-          const next = Math.max(0, i - 1);
-          setLogScrollOffset((o) => next < o ? next : o);
-          return next;
-        });
-      }
-    }
-    if (key.downArrow || input === "j") {
-      if (activeView === "goals") {
-        const maxIdx = sortedGoals.length + (onCreateGoal ? 1 : 0) - 1;
-        setGoalSelectedIndex((i) => {
-          const next = Math.min(Math.max(0, maxIdx), i + 1);
-          setGoalScrollOffset((o) => next >= o + mainH ? next - mainH + 1 : o);
-          return next;
-        });
-      } else if (activeView === "tasks") {
-        const maxIdx = visibleTasks.length + (onCreateTask ? 1 : 0) + (hiddenTaskCount > 0 ? 1 : 0) - 1;
-        setTaskSelectedIndex((i) => {
-          const next = Math.min(Math.max(0, maxIdx), i + 1);
-          setTaskScrollOffset((o) => next >= o + mainH ? next - mainH + 1 : o);
-          return next;
-        });
-      } else if (activeView === "agents") {
-        const maxIdx = sortedAgents.length + (onAddAgent ? 1 : 0) - 1;
-        setAgentSelectedIndex((i) => {
-          const next = Math.min(Math.max(0, maxIdx), i + 1);
-          setAgentScrollOffset((o) => next >= o + mainH ? next - mainH + 1 : o);
-          return next;
-        });
-      } else if (activeView === "logs") {
-        setLogSelectedIndex((i) => {
-          if (i === -1) return -1;
-          const maxIdx = messages.length - 1;
-          if (i >= maxIdx) {
-            setLogScrollOffset(0);
-            return -1;
-          }
-          const next = i + 1;
-          setLogScrollOffset((o) => next >= o + mainH - 1 ? next - mainH + 2 : o);
-          return next;
-        });
-      }
-    }
-  });
-  const inInput = inputMode !== "none";
-  const selectedLog = logSelectedIndex >= 0 ? messages[logSelectedIndex] : void 0;
-  const showTaskDetail = !inInput && detailOpen && activeView === "tasks" && selectedTask;
-  const showAgentDetail = !inInput && detailOpen && activeView === "agents" && selectedAgent;
-  const showGoalDetail = !inInput && detailOpen && activeView === "goals" && selectedGoal;
-  const showLogDetail = !inInput && detailOpen && activeView === "logs" && selectedLog;
-  const canRun = !inInput && activeView === "tasks" && selectedTask && RUNNABLE.has(selectedTask.status) && !!onRunTask;
-  const canNew = !inInput && !detailOpen && (activeView === "goals" && !!onCreateGoal || activeView === "tasks" && !!onCreateTask || activeView === "agents" && !!onAddAgent);
-  const canApprove = !inInput && activeView === "tasks" && selectedTask?.status === "review" && !!onApproveTask;
-  const canReject = !inInput && activeView === "tasks" && selectedTask?.status === "review" && !!onRejectTask;
-  const agentActuallyRunning = selectedAgent ? Object.values(liveState.running).some((e) => e.agent_id === selectedAgent.id) : false;
-  const canDelete = !inInput && (activeView === "goals" && selectedGoal && !!onDeleteGoal || activeView === "tasks" && selectedTask && selectedTask.status !== "in_progress" && !!onDeleteTask || activeView === "agents" && selectedAgent && !!onDeleteAgent);
-  const canEdit = !inInput && !detailOpen && (activeView === "goals" && !!selectedGoal && !!onUpdateGoal || activeView === "tasks" && !!selectedTask && !!onUpdateTask || activeView === "agents" && !!selectedAgent && !!onUpdateAgent);
-  const canForceStop = !inInput && activeView === "agents" && selectedAgent && (agentActuallyRunning || selectedAgent.status === "running") && !!onForceStopAgent;
-  const canToggleAuto = !inInput && activeView === "agents" && !!selectedAgent && !!onToggleAutonomous;
-  const canPause = !inInput && activeView === "goals" && !!selectedGoal && (selectedGoal.status === "active" || selectedGoal.status === "paused") && !!onUpdateGoalStatus;
-  const showSuggestions = inputMode === "command" && suggestions.length > 0;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: W, height: H, children: [
-    /* @__PURE__ */ jsx(
-      Header,
-      {
-        projectName,
-        activeView,
-        mode,
-        stats: headerStats,
-        tokens: headerTokens,
-        uptime,
-        width: W
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    activeView === "goals" && /* @__PURE__ */ jsx(
-      GoalsContent,
-      {
-        goals: sortedGoals,
-        selectedIndex: goalSelectedIndex,
-        scrollOffset: goalScrollOffset,
-        height: mainH,
-        width: ruleW,
-        showAddRow: !!onCreateGoal,
-        agentNameMap
-      }
-    ),
-    activeView === "tasks" && /* @__PURE__ */ jsx(
-      TasksContent,
-      {
-        tasks: visibleTasks,
-        selectedIndex: taskSelectedIndex,
-        scrollOffset: taskScrollOffset,
-        height: mainH,
-        width: ruleW,
-        showAddRow: !!onCreateTask,
-        agentNameMap,
-        hiddenCount: hiddenTaskCount
-      }
-    ),
-    activeView === "agents" && /* @__PURE__ */ jsx(
-      AgentsContent,
-      {
-        agents: sortedAgents,
-        selectedIndex: agentSelectedIndex,
-        scrollOffset: agentScrollOffset,
-        height: mainH,
-        width: ruleW,
-        state: liveState,
-        taskTitleMap,
-        showAddRow: !!onAddAgent,
-        agentTeamMap,
-        teamLeadSet,
-        activeTeamCount
-      }
-    ),
-    activeView === "logs" && /* @__PURE__ */ jsx(
-      LogsContent,
-      {
-        messages,
-        height: mainH,
-        agents: sortedAgents,
-        logFilter,
-        logTypeFilter,
-        selectedIndex: logSelectedIndex,
-        scrollOffset: logScrollOffset,
-        agentNameMap,
-        taskTitleMap,
-        width: ruleW
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { height: 1 }),
-    inputMode === "wizard" && wizardConfig ? /* @__PURE__ */ jsx(
-      FormWizard,
-      {
-        title: wizardConfig.title,
-        steps: wizardConfig.steps,
-        onComplete: handleWizardComplete,
-        onCancel: handleWizardCancel,
-        width: ruleW,
-        height: feedH
-      }
-    ) : showSuggestions ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(SectionLabel, { label: "COMMANDS", width: ruleW }),
-      /* @__PURE__ */ jsx(
-        SuggestionsPanel,
-        {
-          suggestions,
-          selectedIndex: suggestionIndex,
-          height: Math.min(suggestions.length, feedH),
-          width: ruleW
-        }
-      )
-    ] }) : inputMode === "new_task" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(InputSectionLabel, { mode: inputMode, width: ruleW }),
-      /* @__PURE__ */ jsx(InputPanel, { mode: inputMode, value: inputValue, width: ruleW })
-    ] }) : showTaskDetail ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DetailSectionLabel, { task: selectedTask, width: ruleW }),
-      /* @__PURE__ */ jsx(
-        DetailPanel,
-        {
-          task: selectedTask,
-          height: feedH,
-          width: ruleW,
-          taskLogs: messages.filter((m) => m.taskId === selectedTask.id),
-          agentNameMap
-        }
-      )
-    ] }) : showGoalDetail ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(SectionLabel, { label: `GOAL: ${selectedGoal.title}`, width: ruleW }),
-      /* @__PURE__ */ jsx(GoalDetailPanel, { goal: selectedGoal, height: feedH, width: ruleW, agentNameMap })
-    ] }) : showAgentDetail ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(AgentDetailSectionLabel, { agent: selectedAgent, width: ruleW }),
-      /* @__PURE__ */ jsx(AgentDetailPanel, { agent: selectedAgent, height: feedH, state: liveState, taskTitleMap, teamName: agentTeamMap.get(selectedAgent.id) })
-    ] }) : showLogDetail ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(SectionLabel, { label: "LOG", width: ruleW }),
-      /* @__PURE__ */ jsx(LogDetailPanel, { message: selectedLog, height: feedH, width: ruleW, agents: sortedAgents, agentNameMap, taskTitleMap })
-    ] }) : messages.length > 0 && activeView !== "logs" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      (() => {
-        const suffixText = ` F:${activityFilterLabel.toUpperCase()} \u2502 ${activityFilteredMessages.length}/${messages.length}`;
-        return /* @__PURE__ */ jsx(SectionLabel, { label: "ACTIVITY", width: ruleW, suffixLen: suffixText.length, suffix: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: " F:" }),
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: activityFilterLabel.toUpperCase() }),
-          /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-            " ",
-            "\u2502",
-            " ",
-            activityFilteredMessages.length,
-            "/",
-            messages.length
-          ] })
-        ] }) });
-      })(),
-      /* @__PURE__ */ jsx(
-        ActivityFeed,
-        {
-          messages: activityFilteredMessages,
-          height: Math.max(1, feedH - 1),
-          width: ruleW,
-          agents: sortedAgents,
-          agentNameMap
-        }
-      )
-    ] }) : activeView === "goals" ? /* @__PURE__ */ jsx(OnboardingBox, { count: sortedGoals.length, config: ONBOARDING_GOALS, width: ruleW }) : activeView === "tasks" ? /* @__PURE__ */ jsx(OnboardingBox, { count: sortedTasks.length, config: ONBOARDING_TASKS, width: ruleW }) : activeView === "agents" ? /* @__PURE__ */ jsx(OnboardingBox, { count: sortedAgents.length, config: ONBOARDING_AGENTS, width: ruleW }) : null,
-    /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
-    /* @__PURE__ */ jsx(
-      CommandBar,
-      {
-        mode: inputMode === "command" ? "command" : "navigate",
-        value: inputMode === "command" ? inputValue : "",
-        completion: inputMode === "command" ? resolveCompletion(inputValue) : null,
-        activeView,
-        canRun: !!canRun,
-        canNew: !!canNew,
-        canApprove: !!canApprove,
-        canReject: !!canReject,
-        canCancel: activeView === "tasks" && !!selectedTask && selectedTask.status === "in_progress" && !!onCancelTask,
-        canDelete: !!canDelete,
-        canEdit: !!canEdit,
-        canForceStop: !!canForceStop,
-        canToggleAuto: !!canToggleAuto,
-        autoActive: selectedAgent?.autonomous,
-        canPause: !!canPause,
-        isPaused: selectedGoal?.status === "paused",
-        canToggleShowAll: activeView === "tasks" && sortedTasks.length > TASK_LIST_LIMIT,
-        showAllActive: showAllTasks,
-        hasDetail: !!(showTaskDetail || showAgentDetail || showGoalDetail),
-        itemCount: activeView === "goals" ? sortedGoals.length : activeView === "tasks" ? sortedTasks.length : activeView === "agents" ? liveAgents.length : messages.length,
-        itemLabel: activeView === "goals" ? "goals" : activeView === "tasks" ? "tasks" : activeView === "agents" ? "agents" : "events",
-        width: W,
-        hasSuggestions: showSuggestions
-      }
-    )
-  ] });
-}
-function SuggestionsPanel({ suggestions, selectedIndex, height, width }) {
-  const maxVisible = height;
-  let scrollStart = 0;
-  if (selectedIndex >= maxVisible) {
-    scrollStart = selectedIndex - maxVisible + 1;
-  }
-  const visible = suggestions.slice(scrollStart, scrollStart + maxVisible);
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 2, children: visible.map((sug, i) => {
-    const realIndex = i + scrollStart;
-    const isSelected = realIndex === selectedIndex;
-    const marker = isSelected ? "\u25B6" : " ";
-    const cmdPad = Math.min(20, Math.max(14, ...suggestions.map((s) => s.cmd.length + 1)));
-    const cmdText = sug.cmd.padEnd(cmdPad);
-    const subsText = sug.subs ? `  ${sug.subs}` : "";
-    const maxDescLen = Math.max(4, width - cmdPad - subsText.length - 8);
-    const desc = sug.desc.length > maxDescLen ? sug.desc.slice(0, maxDescLen - 1) + "\u2026" : sug.desc;
-    return /* @__PURE__ */ jsxs(Text, { wrap: "truncate", children: [
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? tuiColors.amber : tuiColors.ghost, children: `  ${marker} ` }),
-      /* @__PURE__ */ jsx(Text, { color: isSelected ? tuiColors.white : tuiColors.silver, bold: isSelected, children: cmdText }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: desc }),
-      subsText && /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: subsText })
-    ] }, realIndex);
-  }) });
-}
-function GoalsContent({ goals, selectedIndex, scrollOffset = 0, height, width, showAddRow, agentNameMap }) {
-  const addRowIndex = goals.length;
-  const visible = goals.slice(scrollOffset, scrollOffset + height);
-  const addRowVisible = showAddRow && addRowIndex >= scrollOffset && addRowIndex < scrollOffset + height;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height, children: [
-    visible.map((goal, i) => /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsx(GoalRow, { goal, selected: i + scrollOffset === selectedIndex, width: width - 2, agentNameMap }) }, goal.id)),
-    addRowVisible && /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsxs(Text, { color: selectedIndex === addRowIndex ? tuiColors.amber : tuiColors.ghost, children: [
-      selectedIndex === addRowIndex ? "  \u25B8 " : "    ",
-      /* @__PURE__ */ jsx(Text, { color: selectedIndex === addRowIndex ? tuiColors.amber : tuiColors.dim, children: "+ add goal..." })
-    ] }) }, "__add__")
-  ] });
-}
-function GoalDetailPanel({ goal, height, width, agentNameMap }) {
-  const assigneeName = goal.assignee ? agentNameMap?.get(goal.assignee) ?? goal.assignee : "any";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height, paddingX: 2, children: [
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "Status: " }),
-      /* @__PURE__ */ jsx(Text, { color: goal.status === "active" ? tuiColors.green : goal.status === "achieved" ? tuiColors.amber : tuiColors.dim, bold: true, children: goal.status.toUpperCase() }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        "  ",
-        "\u2502",
-        "  "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "Assignee: " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.silver, children: assigneeName }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        "  ",
-        "\u2502",
-        "  "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "Created: " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.silver, children: goal.created_at.slice(0, 10) })
-    ] }),
-    goal.description ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: goal.description.split("\n").slice(0, Math.max(1, height - 2)).map((line, i) => /* @__PURE__ */ jsx(Text, { color: tuiColors.silver, wrap: "truncate", children: line }, i)) }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, dimColor: true, children: "No description" })
-  ] });
-}
-function TasksContent({ tasks, selectedIndex, scrollOffset = 0, height, width, showAddRow, agentNameMap, hiddenCount = 0 }) {
-  const hasShowAll = hiddenCount > 0;
-  const showAllIndex = hasShowAll ? tasks.length : -1;
-  const addRowIndex = tasks.length + (hasShowAll ? 1 : 0);
-  const visible = tasks.slice(scrollOffset, scrollOffset + height);
-  const showAllVisible = hasShowAll && showAllIndex >= scrollOffset && showAllIndex < scrollOffset + height;
-  const addRowVisible = showAddRow && addRowIndex >= scrollOffset && addRowIndex < scrollOffset + height;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height, children: [
-    visible.map((task, i) => /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsx(TaskRow, { task, selected: i + scrollOffset === selectedIndex, width: width - 2, agentNameMap }) }, task.id)),
-    showAllVisible && /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsxs(Text, { color: selectedIndex === showAllIndex ? tuiColors.amber : tuiColors.ghost, children: [
-      selectedIndex === showAllIndex ? "  \u25B8 " : "    ",
-      /* @__PURE__ */ jsxs(Text, { color: selectedIndex === showAllIndex ? tuiColors.amber : tuiColors.dim, children: [
-        "\u25BC",
-        " Show all (",
-        hiddenCount,
-        " more) \u2014 press ",
-        /* @__PURE__ */ jsx(Text, { bold: true, color: tuiColors.gray, children: "S" })
-      ] })
-    ] }) }, "__show_all__"),
-    addRowVisible && /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsxs(Text, { color: selectedIndex === addRowIndex ? tuiColors.amber : tuiColors.ghost, children: [
-      selectedIndex === addRowIndex ? "  \u25B8 " : "    ",
-      /* @__PURE__ */ jsx(Text, { color: selectedIndex === addRowIndex ? tuiColors.amber : tuiColors.dim, children: "+ add task..." })
-    ] }) }, "__add__")
-  ] });
-}
-function AgentsContent({ agents, selectedIndex, scrollOffset = 0, height, width, state, taskTitleMap, showAddRow, agentTeamMap, teamLeadSet, activeTeamCount }) {
-  const runningByAgent = /* @__PURE__ */ new Map();
-  for (const entry of Object.values(state.running)) {
-    runningByAgent.set(entry.agent_id, entry);
-  }
-  const teamMemberCounts = /* @__PURE__ */ new Map();
-  if (activeTeamCount && activeTeamCount > 0) {
-    for (const a of agents) {
-      const t = agentTeamMap?.get(a.id);
-      if (t) teamMemberCounts.set(t, (teamMemberCounts.get(t) ?? 0) + 1);
-    }
-  }
-  const addRowIndex = agents.length;
-  const visible = agents.slice(scrollOffset, scrollOffset + height);
-  const addRowVisible = showAddRow && addRowIndex >= scrollOffset && addRowIndex < scrollOffset + height;
-  const hasTeams = activeTeamCount != null && activeTeamCount > 0;
-  const teamLeadNameMap = /* @__PURE__ */ new Map();
-  if (hasTeams && teamLeadSet && agentTeamMap) {
-    for (const a of agents) {
-      if (teamLeadSet.has(a.id)) {
-        const t = agentTeamMap.get(a.id);
-        if (t) teamLeadNameMap.set(t, a.name);
-      }
-    }
-  }
-  let teamMemberTotal = 0;
-  for (const c of teamMemberCounts.values()) teamMemberTotal += c;
-  const unassignedCount = agents.length - teamMemberTotal;
-  const rows = [];
-  let prevTeam = scrollOffset > 0 ? agentTeamMap?.get(agents[scrollOffset - 1]?.id ?? "") : void 0;
-  for (let i = 0; i < visible.length && rows.length < height; i++) {
-    const agent = visible[i];
-    const team = agentTeamMap?.get(agent.id);
-    if (hasTeams && team && team !== prevTeam) {
-      rows.push(
-        /* @__PURE__ */ jsx(
-          TeamSectionRow,
-          {
-            teamName: team,
-            memberCount: teamMemberCounts.get(team) ?? 0,
-            leadName: teamLeadNameMap.get(team),
-            width
-          },
-          `ts-${team}`
-        )
-      );
-      if (rows.length >= height) break;
-    }
-    if (hasTeams && !team && prevTeam) {
-      rows.push(
-        /* @__PURE__ */ jsx(UnassignedSectionRow, { memberCount: unassignedCount, width }, "ts-unassigned")
-      );
-      if (rows.length >= height) break;
-    }
-    prevTeam = team;
-    rows.push(
-      /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsx(
-        AgentRow,
-        {
-          agent,
-          selected: i + scrollOffset === selectedIndex,
-          width: width - 2,
-          runningEntry: runningByAgent.get(agent.id),
-          currentTaskTitle: agent.current_task ? taskTitleMap.get(agent.current_task) : void 0,
-          teamName: team,
-          isLead: teamLeadSet?.has(agent.id)
-        }
-      ) }, agent.id)
-    );
-  }
-  if (addRowVisible && rows.length < height) {
-    rows.push(
-      /* @__PURE__ */ jsx(Box, { paddingX: 2, children: /* @__PURE__ */ jsxs(Text, { color: selectedIndex === addRowIndex ? tuiColors.amber : tuiColors.ghost, children: [
-        selectedIndex === addRowIndex ? "  \u25B8 " : "    ",
-        /* @__PURE__ */ jsx(Text, { color: selectedIndex === addRowIndex ? tuiColors.amber : tuiColors.dim, children: "+ add agent..." })
-      ] }) }, "__add__")
-    );
-  }
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", height, children: rows });
-}
-function useNow(interval = 5e3) {
-  const [now, setNow] = useState(Date.now());
-  useEffect(() => {
-    const timer2 = setInterval(() => setNow(Date.now()), interval);
-    return () => clearInterval(timer2);
-  }, [interval]);
-  return now;
-}
-function relativeTime(ts, now) {
-  const diff = Math.max(0, now - ts);
-  if (diff < 3e3) return "now";
-  if (diff < 6e4) return `${Math.floor(diff / 1e3)}s`;
-  if (diff < 36e5) return `${Math.floor(diff / 6e4)}m`;
-  return `${Math.floor(diff / 36e5)}h`;
-}
-var SPARK_CHARS2 = " \u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
-function buildSparkline(messages, buckets, bucketMs, now) {
-  const counts = new Array(buckets).fill(0);
-  const windowStart = now - buckets * bucketMs;
-  for (const m of messages) {
-    if (m.ts < windowStart) continue;
-    const idx = Math.min(buckets - 1, Math.floor((m.ts - windowStart) / bucketMs));
-    counts[idx]++;
-  }
-  const max = Math.max(1, ...counts);
-  return counts.map((c) => SPARK_CHARS2[Math.round(c / max * 8)]).join("");
-}
-function getMsgBg(msgType) {
-  switch (msgType) {
-    case "error":
-      return tuiColors.errorBg;
-    default:
-      return void 0;
-  }
-}
-function getMsgTextColor(msgType, fallback) {
-  switch (msgType) {
-    case "output":
-      return tuiColors.white;
-    case "tool":
-      return tuiColors.dim;
-    case "result":
-      return tuiColors.dim;
-    case "file":
-      return tuiColors.gray;
-    case "error":
-      return tuiColors.red;
-    case "lifecycle":
-      return tuiColors.dim;
-    case "system":
-      return tuiColors.dim;
-    default:
-      return fallback;
-  }
-}
-function LogsContent({ messages, height, agents, logFilter, logTypeFilter, selectedIndex, scrollOffset, agentNameMap, taskTitleMap, width }) {
-  const now = useNow();
-  const filteredMessages = useMemo(() => {
-    return messages.filter((m) => {
-      if (logFilter !== 0) {
-        const agent = agents[logFilter - 1];
-        if (agent && m.agentId !== agent.id) return false;
-      }
-      const mt = m.msgType ?? "info";
-      return logTypeFilter.has(mt);
-    });
-  }, [messages, agents, logFilter, logTypeFilter]);
-  useMemo(() => {
-    const counts = {};
-    for (const m of messages) {
-      const mt = m.msgType ?? "info";
-      counts[mt] = (counts[mt] ?? 0) + 1;
-    }
-    return counts;
-  }, [messages]);
-  const agentMsgCounts = useMemo(() => {
-    const counts = /* @__PURE__ */ new Map();
-    for (const m of messages) {
-      if (m.agentId) counts.set(m.agentId, (counts.get(m.agentId) ?? 0) + 1);
-    }
-    return counts;
-  }, [messages]);
-  const sparkline = useMemo(() => buildSparkline(filteredMessages, 30, 1e4, now), [filteredMessages, now]);
-  const typeFilterLabel = logTypeFilter.size >= 8 ? "all" : logTypeFilter.size === 1 && logTypeFilter.has("output") ? "text" : logTypeFilter.size === 1 && logTypeFilter.has("error") ? "errors" : logTypeFilter.has("tool") && !logTypeFilter.has("output") ? "tools" : logTypeFilter.has("lifecycle") && !logTypeFilter.has("output") ? "events" : `${logTypeFilter.size} types`;
-  const viewH = height - 3;
-  const visible = selectedIndex === -1 ? filteredMessages.slice(-viewH) : filteredMessages.slice(scrollOffset, scrollOffset + viewH);
-  const highlightIdx = selectedIndex === -1 ? -1 : selectedIndex - scrollOffset;
-  const agentColW = Math.min(10, Math.max(6, ...agents.map((a) => a.name.length)));
-  const prefixW = 11 + agentColW;
-  const isSessionStart = (i) => {
-    if (i === 0) return true;
-    const curr = visible[i];
-    const prev = visible[i - 1];
-    if (curr.agentId !== prev.agentId) return true;
-    if (!curr.agentId) return false;
-    return curr.ts - prev.ts > 3e4;
-  };
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-      logFilter === 0 ? /* @__PURE__ */ jsx(Text, { backgroundColor: tuiColors.infoBg, color: tuiColors.silver, bold: true, children: " \u25CF ALL " }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: " \u25CB all " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: " " }),
-      agents.slice(0, 9).map((a, i) => {
-        const ac = getAgentColor(a.id, agents);
-        const active = logFilter === i + 1;
-        const count = agentMsgCounts.get(a.id) ?? 0;
-        const countStr = count > 0 ? `\xB7${count}` : "";
-        return active ? /* @__PURE__ */ jsxs(Text, { backgroundColor: tuiColors.successBg, color: ac, bold: true, children: [
-          " ",
-          i + 1,
-          ":",
-          a.name,
-          countStr,
-          " "
-        ] }, a.id) : /* @__PURE__ */ jsxs(Text, { color: count > 0 ? tuiColors.dim : tuiColors.ghost, children: [
-          " ",
-          i + 1,
-          ":",
-          a.name,
-          countStr
-        ] }, a.id);
-      })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-      typeFilterLabel === "all" ? /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: " F:all" }) : /* @__PURE__ */ jsxs(Text, { backgroundColor: tuiColors.warnBg, color: tuiColors.amber, bold: true, children: [
-        " F:",
-        typeFilterLabel.toUpperCase(),
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        " ",
-        "\u2502",
-        " "
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-        filteredMessages.length,
-        " events"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        " ",
-        "\u2502",
-        " "
-      ] }),
-      selectedIndex === -1 ? /* @__PURE__ */ jsxs(Box, { gap: 0, children: [
-        /* @__PURE__ */ jsx(Text, { backgroundColor: tuiColors.successBg, color: tuiColors.green, children: " " }),
-        /* @__PURE__ */ jsx(Text, { backgroundColor: tuiColors.successBg, color: tuiColors.green, children: /* @__PURE__ */ jsx(Spinner, { color: tuiColors.green }) }),
-        /* @__PURE__ */ jsx(Text, { backgroundColor: tuiColors.successBg, color: tuiColors.green, children: " LIVE " })
-      ] }) : /* @__PURE__ */ jsxs(Text, { backgroundColor: tuiColors.warnBg, color: tuiColors.amber, children: [
-        " \u2191\u2193 ",
-        selectedIndex + 1,
-        "/",
-        filteredMessages.length,
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "  " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.amberDim, children: sparkline }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: " 5m" })
-    ] }),
-    visible.length === 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: messages.length === 0 ? "    \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E" : "No events for current filter." }),
-      messages.length === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "    \u2502                          \u2502" }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "    \u2502  ",
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u25C7" }),
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.gray, children: " Waiting for activity  " }),
-          "\u2502"
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "    \u2502  ",
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2502" }),
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  Run tasks or start   " }),
-          "\u2502"
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "    \u2502  ",
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2502" }),
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  the orchestrator     " }),
-          "\u2502"
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "    \u2502  ",
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u25C7" }),
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "                      " }),
-          "\u2502"
-        ] }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "    \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F" })
-      ] })
-    ] }) : visible.map((msg, i) => {
-      const isSelected = i === highlightIdx;
-      const msgType = msg.msgType ?? "info";
-      const icon = MSG_ICONS2[msgType] ?? "\u2502";
-      const agentName = msg.agentId ? agentNameMap.get(msg.agentId) ?? msg.agentId.slice(0, 8) : void 0;
-      const agentColor = msg.agentId ? getAgentColor(msg.agentId, agents) : void 0;
-      const sessionStart = isSessionStart(i);
-      const prevMsg = i > 0 ? visible[i - 1] : void 0;
-      const isContinuation = prevMsg?.agentId === msg.agentId && !!msg.agentId;
-      const showAgentBadge = !isContinuation && !!agentName;
-      const showConnector = isContinuation && !!agentName;
-      const textColor = getMsgTextColor(msgType, msg.color);
-      const rowBg = isSelected ? tuiColors.infoBg : msgType === "error" ? tuiColors.errorBg : void 0;
-      const taskTitle = msg.taskId ? taskTitleMap.get(msg.taskId) : void 0;
-      const relTs = relativeTime(msg.ts, now);
-      const badgeLabel = taskTitle && width > 80 ? `#${taskTitle.slice(0, 20)}` : "";
-      const badgeW = badgeLabel ? badgeLabel.length + 3 : 0;
-      const textW = Math.max(10, width - 2 - prefixW - badgeW);
-      const displayText = msg.text.length > textW ? msg.text.slice(0, textW - 1) + "\u2026" : msg.text;
-      return /* @__PURE__ */ jsxs(Box, { backgroundColor: rowBg, children: [
-        /* @__PURE__ */ jsx(Text, { color: agentColor ?? tuiColors.ghost, children: sessionStart && showAgentBadge ? "\u250C" : showConnector ? "\u2502" : " " }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? tuiColors.amber : void 0, children: isSelected ? "\u25B8" : " " }),
-        /* @__PURE__ */ jsx(Box, { width: 5, children: /* @__PURE__ */ jsx(Text, { color: relTs === "now" ? tuiColors.green : isSelected ? tuiColors.silver : tuiColors.ghost, children: relTs.padStart(4) }) }),
-        /* @__PURE__ */ jsx(Box, { width: agentColW + 1, children: showAgentBadge ? /* @__PURE__ */ jsxs(Text, { color: agentColor, bold: true, children: [
-          " ",
-          agentName.slice(0, agentColW).padEnd(agentColW)
-        ] }) : showConnector ? /* @__PURE__ */ jsxs(Text, { color: agentColor ?? tuiColors.ghost, children: [
-          " ",
-          "\xB7".padEnd(agentColW)
-        ] }) : /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-          " ",
-          " ".padEnd(agentColW)
-        ] }) }),
-        /* @__PURE__ */ jsxs(Text, { color: msgType === "error" ? tuiColors.red : agentColor ?? tuiColors.dim, children: [
-          " ",
-          icon,
-          " "
-        ] }),
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            color: isSelected ? tuiColors.white : textColor,
-            bold: isSelected || msgType === "lifecycle",
-            children: displayText
-          }
-        ),
-        badgeLabel && /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-          " ",
-          /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, backgroundColor: tuiColors.void, children: ` ${badgeLabel} ` })
-        ] })
-      ] }, i);
-    })
-  ] });
-}
-function ActivityFeed({ messages, height, width, agents, agentNameMap }) {
-  const now = useNow();
-  const visible = messages.slice(-height);
-  const textW = Math.max(10, width - 2 - 17);
-  const padRows = Math.max(0, height - visible.length);
-  let groupIdx = 0;
-  const groupIndices = [];
-  for (let j = 0; j < visible.length; j++) {
-    if (j > 0 && visible[j].agentId !== visible[j - 1].agentId) groupIdx++;
-    groupIndices.push(groupIdx);
-  }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    padRows > 0 && /* @__PURE__ */ jsx(Box, { height: padRows }),
-    visible.map((msg, i) => {
-      const agentName = msg.agentId ? agentNameMap.get(msg.agentId) ?? msg.agentId.slice(0, 8) : void 0;
-      const agentColor = msg.agentId ? getAgentColor(msg.agentId, agents) : void 0;
-      const msgType = msg.msgType ?? "info";
-      const icon = MSG_ICONS2[msgType] ?? "\u2502";
-      const textColor = getMsgTextColor(msgType, msg.color);
-      const prevMsg = i > 0 ? visible[i - 1] : void 0;
-      const isContinuation = prevMsg?.agentId === msg.agentId && !!msg.agentId;
-      const isOddGroup = (groupIndices[i] & 1) === 1;
-      const rowBg = getMsgBg(msgType) ?? (isOddGroup ? "#1a1a1a" : void 0);
-      const relTs = relativeTime(msg.ts, now);
-      const displayText = msg.text.length > textW ? msg.text.slice(0, textW - 1) + "\u2026" : msg.text;
-      return /* @__PURE__ */ jsxs(Box, { backgroundColor: rowBg, children: [
-        /* @__PURE__ */ jsx(Text, { color: agentColor ?? tuiColors.ghost, children: !isContinuation && agentName ? "\u258D" : isContinuation ? "\u258F" : " " }),
-        /* @__PURE__ */ jsx(Box, { width: 5, children: /* @__PURE__ */ jsx(Text, { color: isContinuation ? tuiColors.ghost : relTs === "now" ? tuiColors.green : tuiColors.dim, children: isContinuation ? "    " : relTs.padStart(4) }) }),
-        /* @__PURE__ */ jsx(Box, { width: 9, children: agentName && !isContinuation ? /* @__PURE__ */ jsxs(Text, { color: agentColor, bold: true, children: [
-          " ",
-          agentName.slice(0, 8)
-        ] }) : /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: AGENT_INDENT }) }),
-        /* @__PURE__ */ jsxs(Text, { color: msgType === "error" ? tuiColors.red : isContinuation ? tuiColors.ghost : agentColor ?? tuiColors.dim, children: [
-          icon,
-          " "
-        ] }),
-        /* @__PURE__ */ jsx(Text, { color: textColor, children: displayText })
-      ] }, i);
-    })
-  ] });
-}
-function LogDetailPanel({ message, height, width, agents, agentNameMap, taskTitleMap }) {
-  const content = message.detail ?? message.text;
-  const msgType = message.msgType ?? "info";
-  const agentName = message.agentId ? agentNameMap.get(message.agentId) ?? message.agentId.slice(0, 8) : void 0;
-  const agentColor = message.agentId ? getAgentColor(message.agentId, agents) : tuiColors.dim;
-  const taskTitle = message.taskId ? taskTitleMap.get(message.taskId) : void 0;
-  let display;
-  let isJson = false;
-  try {
-    const parsed = JSON.parse(content);
-    display = JSON.stringify(parsed, null, 2);
-    isJson = true;
-  } catch {
-    display = content;
-  }
-  const maxW = Math.max(4, width - 6);
-  const bodyHeight = Math.max(1, height - 4);
-  const lines = display.split("\n").slice(0, bodyHeight);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      "\u256D",
-      "\u2500".repeat(maxW + 2),
-      "\u256E"
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2502 " }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: message.time }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: " \u2502 " }),
-      agentName && /* @__PURE__ */ jsx(Text, { color: agentColor, bold: true, children: agentName }),
-      agentName && /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: " \u2502 " }),
-      /* @__PURE__ */ jsxs(Text, { color: MSG_ICONS2[msgType] ? msgType === "error" ? tuiColors.red : tuiColors.dim : tuiColors.dim, children: [
-        MSG_ICONS2[msgType] ?? "\u2502",
-        " ",
-        msgType
-      ] }),
-      taskTitle && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: " \u2502 " }),
-        /* @__PURE__ */ jsxs(Text, { color: tuiColors.dim, children: [
-          "#",
-          taskTitle.slice(0, 30)
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2502 " }),
-      /* @__PURE__ */ jsx(Text, { color: message.color, bold: true, wrap: "truncate", children: message.text.slice(0, maxW) })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      "\u251C",
-      "\u2500".repeat(maxW + 2),
-      "\u2524"
-    ] }) }),
-    lines.map((line, i) => /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: "\u2502 " }),
-      isJson && /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-        String(i + 1).padStart(3),
-        " "
-      ] }),
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          wrap: "truncate",
-          color: isJson && line.includes('"') ? tuiColors.cyan : isJson && /^\s*[}\]]/.test(line) ? tuiColors.ghost : line.startsWith("error") || line.startsWith("Error") ? tuiColors.red : tuiColors.silver,
-          children: line.slice(0, isJson ? maxW - 4 : maxW)
-        }
-      )
-    ] }, i)),
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      "\u2570",
-      "\u2500".repeat(maxW + 2),
-      "\u256F"
-    ] }) })
-  ] });
-}
-function SectionLabel({ label, width, suffix, suffixLen = 0 }) {
-  const chipText = ` ${label} `;
-  const leftRuleLen = 3;
-  const usedLen = leftRuleLen + chipText.length + 2;
-  if (!suffix) {
-    const rightRuleLen = Math.max(0, width - usedLen);
-    return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(leftRuleLen) }),
-      /* @__PURE__ */ jsx(Text, { backgroundColor: "#1a1a22", color: tuiColors.dim, bold: true, children: chipText }),
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(rightRuleLen) })
-    ] });
-  }
-  const gapLen = 2;
-  const trailLen = Math.max(0, width - usedLen - gapLen - suffixLen);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(leftRuleLen) }),
-    /* @__PURE__ */ jsx(Text, { backgroundColor: "#1a1a22", color: tuiColors.dim, bold: true, children: chipText }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(gapLen) }),
-    suffix,
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(trailLen) })
-  ] });
-}
-function DetailSectionLabel({ task, width }) {
-  const chipText = " DETAIL ";
-  const maxTitleLen = width - chipText.length - 10;
-  const titleTrunc = task.title.length > maxTitleLen ? task.title.slice(0, maxTitleLen - 3) + "..." : task.title;
-  const rightRuleLen = Math.max(0, width - 3 - chipText.length - titleTrunc.length - 4);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(3) }),
-    /* @__PURE__ */ jsx(Text, { backgroundColor: "#2d1f0a", color: tuiColors.amber, bold: true, children: chipText }),
-    /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      HEAVY_RULE,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.white, bold: true, children: titleTrunc }),
-    /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      " ",
-      HEAVY_RULE.repeat(Math.max(0, rightRuleLen))
-    ] })
-  ] });
-}
-function AgentDetailSectionLabel({ agent, width }) {
-  const chipText = " AGENT ";
-  const maxNameLen = width - chipText.length - 10;
-  const nameTrunc = agent.name.length > maxNameLen ? agent.name.slice(0, maxNameLen - 3) + "..." : agent.name;
-  const rightRuleLen = Math.max(0, width - 3 - chipText.length - nameTrunc.length - 4);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(3) }),
-    /* @__PURE__ */ jsx(Text, { backgroundColor: "#0f2d1f", color: tuiColors.green, bold: true, children: chipText }),
-    /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      HEAVY_RULE,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.green, bold: true, children: nameTrunc }),
-    /* @__PURE__ */ jsxs(Text, { color: tuiColors.ghost, children: [
-      " ",
-      HEAVY_RULE.repeat(Math.max(0, rightRuleLen))
-    ] })
-  ] });
-}
-function AgentDetailPanel({ agent, height, state, taskTitleMap, teamName }) {
-  const statusColor = STATUS_DETAIL_COLOR2[agent.status] ?? tuiColors.dim;
-  Object.values(state.running).find((e) => e.agent_id === agent.id);
-  const taskTitle = agent.current_task ? taskTitleMap.get(agent.current_task) : void 0;
-  const col1Width = 24;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  status   " }),
-        /* @__PURE__ */ jsx(Text, { color: statusColor, children: agent.status })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  adapter   " }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.cyan, children: agent.adapter })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  model     " }),
-        /* @__PURE__ */ jsx(Text, { children: agent.config.model ?? "\u2014" })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  task      " }),
-        /* @__PURE__ */ jsx(Text, { color: taskTitle ? tuiColors.white : tuiColors.dim, children: taskTitle ?? "\u2014" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  runs      " }),
-        /* @__PURE__ */ jsx(Text, { children: agent.stats.total_runs }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: " (" }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.green, children: agent.stats.tasks_completed }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "/" }),
-        /* @__PURE__ */ jsx(Text, { color: agent.stats.tasks_failed > 0 ? tuiColors.red : tuiColors.dim, children: agent.stats.tasks_failed }),
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: ")" })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  team      " }),
-        /* @__PURE__ */ jsx(Text, { color: teamName ? tuiColors.amber : tuiColors.dim, children: teamName ?? "\u2014" })
-      ] })
-    ] }),
-    agent.autonomous && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Box, { width: col1Width, children: [
-      /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  auto      " }),
-      /* @__PURE__ */ jsxs(Text, { color: tuiColors.cyan, children: [
-        LOOP,
-        " ON"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Text, { children: " " }),
-    agent.role ? agent.role.split("\n").slice(0, Math.max(1, height - 4)).map((line, i) => /* @__PURE__ */ jsxs(Text, { color: tuiColors.silver, wrap: "truncate", children: [
-      "  ",
-      line
-    ] }, i)) : /* @__PURE__ */ jsx(Text, { color: tuiColors.dim, children: "  No role description." })
-  ] });
-}
-var STATUS_DETAIL_COLOR2 = {
-  idle: tuiColors.dim,
-  running: tuiColors.green,
-  error: tuiColors.red,
-  disabled: tuiColors.ghost
-};
-var CURSOR_CHAR2 = "\u2588";
-function InputSectionLabel({ mode, width }) {
-  const label = mode === "command" ? "COMMAND" : "NEW TASK";
-  const chipText = ` ${label} `;
-  const rightRuleLen = Math.max(0, width - 3 - chipText.length - 2);
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(3) }),
-    /* @__PURE__ */ jsx(Text, { backgroundColor: "#2d1f0a", color: tuiColors.amber, bold: true, children: chipText }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.ghost, children: HEAVY_RULE.repeat(rightRuleLen) })
-  ] });
-}
-function InputPanel({ mode, value, width }) {
-  const prefix = mode === "command" ? "/" : "\u25B8";
-  const maxLen = Math.max(10, width - 8);
-  const displayValue = value.length > maxLen ? value.slice(-maxLen) : value;
-  return /* @__PURE__ */ jsxs(Box, { paddingX: 2, children: [
-    /* @__PURE__ */ jsxs(Text, { color: tuiColors.amber, children: [
-      prefix,
-      " "
-    ] }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.white, children: displayValue }),
-    /* @__PURE__ */ jsx(Text, { color: tuiColors.amber, children: CURSOR_CHAR2 })
-  ] });
-}
-function formatToolInput(name, input) {
-  if (!input || typeof input !== "object") return "";
-  const inp = input;
-  if (inp.file_path && typeof inp.file_path === "string") {
-    const parts = inp.file_path.split("/");
-    return parts.slice(-2).join("/");
-  }
-  if (inp.command && typeof inp.command === "string") {
-    return inp.command.slice(0, 60);
-  }
-  if (inp.pattern && typeof inp.pattern === "string") {
-    return `"${inp.pattern.slice(0, 40)}"`;
-  }
-  if (inp.glob && typeof inp.glob === "string") {
-    return inp.glob.slice(0, 40);
-  }
-  const s = JSON.stringify(inp);
-  return s.length > 80 ? s.slice(0, 77) + "..." : s;
-}
-function extractTextFromContent(content, maxLen = 200) {
-  if (typeof content === "string") return content.slice(0, maxLen);
-  if (!Array.isArray(content)) return null;
-  const parts = [];
-  let totalLen = 0;
-  for (const block of content) {
-    if (totalLen >= maxLen) break;
-    if (block?.type === "text" && typeof block.text === "string") {
-      const firstLine = block.text.split("\n").find((l) => l.trim().length > 0) ?? "";
-      parts.push(firstLine.slice(0, maxLen - totalLen));
-      totalLen += firstLine.length;
-    } else if (block?.type === "tool_use") {
-      const hint = formatToolInput(block.name ?? "tool", block.input);
-      const s = `\u2699 ${block.name ?? "tool"}(${hint})`;
-      parts.push(s);
-      totalLen += s.length;
-    } else if (block?.type === "tool_result") {
-      parts.push(`\u2190 (result)`);
-      totalLen += 10;
-    } else if (block?.type === "thinking" && typeof block.thinking === "string") {
-      const s = block.thinking.slice(0, 60).split("\n")[0] ?? "";
-      parts.push(`\u{1F4AD} ${s}`);
-      totalLen += s.length + 3;
-    }
-  }
-  return parts.length > 0 ? parts.join(" ") : null;
-}
-function summarizeToolResult(content) {
-  if (typeof content === "string") {
-    const lines = content.split("\n").length;
-    const firstLine = content.split("\n").find((l) => l.trim().length > 0) ?? "";
-    if (lines > 3) return `${firstLine.slice(0, 80)}... (${lines} lines)`;
-    return firstLine.slice(0, 120);
-  }
-  if (!Array.isArray(content)) return "(result)";
-  const summaries = [];
-  for (const block of content) {
-    if (block?.type === "tool_result") {
-      block.tool_use_id ? block.tool_use_id.slice(0, 8) : "";
-      const isError = block.is_error;
-      const inner = typeof block.content === "string" ? block.content : "";
-      const lines = inner.split("\n").length;
-      if (isError) {
-        summaries.push(`\u2715 error: ${inner.slice(0, 60)}`);
-      } else if (lines > 3) {
-        summaries.push(`\u2713 ${lines} lines`);
-      } else {
-        summaries.push(`\u2713 ${inner.slice(0, 80)}`);
-      }
-    } else if (block?.type === "text" && typeof block.text === "string") {
-      summaries.push(block.text.split("\n")[0]?.slice(0, 80) ?? "");
-    }
-  }
-  return summaries.join(" ") || "(result)";
-}
-function formatAgentOutput(raw) {
-  const detail = raw.length > MAX_DETAIL_LEN ? raw.slice(0, MAX_DETAIL_LEN) + "\u2026" : raw;
-  if (LIFECYCLE_TAG_RE.test(raw.trim())) {
-    return { summary: raw.trim(), detail };
-  }
-  try {
-    const parsed = JSON.parse(raw);
-    if (parsed.type === "message" && parsed.role === "assistant") {
-      const text = extractTextFromContent(parsed.content);
-      if (text) return { summary: text.slice(0, 200), detail };
-      return { summary: "\u{1F4AC} (assistant message)", detail };
-    }
-    if (parsed.type === "assistant" || parsed.role === "assistant") {
-      const content = parsed.message?.content ?? parsed.content;
-      const text = extractTextFromContent(content);
-      if (text) return { summary: text.slice(0, 200), detail };
-      return { summary: "\u{1F4AC} (assistant)", detail };
-    }
-    if (parsed.type === "user" || parsed.role === "user") {
-      const content = parsed.message?.content ?? parsed.content;
-      const summary = summarizeToolResult(content);
-      return { summary: `\u2190 ${summary.slice(0, 180)}`, detail };
-    }
-    if (parsed.type === "tool_use") {
-      const name = parsed.name ?? "tool";
-      const hint = formatToolInput(name, parsed.input);
-      return { summary: `\u2699 ${name}(${hint})`, detail };
-    }
-    if (parsed.type === "tool_result") {
-      const summary = summarizeToolResult(parsed.content);
-      return { summary: `\u2190 ${summary.slice(0, 180)}`, detail };
-    }
-    if (parsed.type === "result") {
-      const text = typeof parsed.result === "string" ? parsed.result : null;
-      return { summary: text ? `\u2713 ${text.slice(0, 180)}` : "\u2713 Agent finished", detail };
-    }
-    if (parsed.type === "rate_limit_event") {
-      return { summary: `\u23F3 Rate limited (${parsed.rate_limit_info?.rateLimitType ?? "unknown"})`, detail };
-    }
-    if (parsed.subtype) {
-      if (parsed.message) {
-        const content = parsed.message.content ?? parsed.message;
-        const text = extractTextFromContent(content);
-        if (text) return { summary: text.slice(0, 200), detail };
-      }
-      return { summary: `[${parsed.subtype}]`, detail };
-    }
-    if (parsed.content) {
-      const text = extractTextFromContent(parsed.content);
-      if (text) return { summary: text.slice(0, 200), detail };
-    }
-    if (parsed.type) return { summary: `[${parsed.type}]`, detail };
-    return { summary: raw.slice(0, 150), detail };
-  } catch {
-    return { summary: extractSummaryFromTruncated(raw), detail };
-  }
-}
-function extractSummaryFromTruncated(raw) {
-  const subtypeMatch = raw.match(/"subtype"\s*:\s*"([^"]+)"/);
-  if (subtypeMatch) return `[${subtypeMatch[1]}]`;
-  const typeMatch = raw.match(/"type"\s*:\s*"([^"]+)"/);
-  const roleMatch = raw.match(/"role"\s*:\s*"([^"]+)"/);
-  const type = typeMatch?.[1];
-  const role = roleMatch?.[1];
-  if (!type && !role) return raw.slice(0, 200);
-  if (type === "assistant" || type === "message" || role === "assistant") {
-    const textMatch = raw.match(/"text"\s*:\s*"((?:[^"\\]|\\.)*)"/);
-    if (textMatch) {
-      try {
-        return JSON.parse(`"${textMatch[1]}"`).slice(0, 200);
-      } catch {
-      }
-    }
-    return "\u{1F4AC} (assistant)";
-  }
-  if (type === "user" || type === "tool_result" || role === "user") {
-    return "\u2190 (tool result)";
-  }
-  if (type === "tool_use") {
-    const nameMatch = raw.match(/"name"\s*:\s*"([^"]+)"/);
-    return `\u2699 ${nameMatch?.[1] ?? "tool"}()`;
-  }
-  if (type === "result") {
-    const resultMatch = raw.match(/"result"\s*:\s*"((?:[^"\\]|\\.)*)"/);
-    if (resultMatch) {
-      try {
-        return `\u2713 ${JSON.parse(`"${resultMatch[1]}"`).slice(0, 180)}`;
-      } catch {
-      }
-    }
-    return "\u2713 Agent finished";
-  }
-  if (type === "rate_limit_event") return "\u23F3 Rate limited";
-  return `[${type ?? role}]`;
-}
-function formatEvent(event, addMsg, runIdToAgentId, runIdToTaskId) {
-  const resolveTask = (runId) => runIdToTaskId?.get(runId);
-  switch (event.type) {
-    case "agent:started":
-      addMsg(
-        `Started task`,
-        tuiColors.green,
-        { agentId: event.agentId, taskId: event.taskId, msgType: "lifecycle" }
-      );
-      break;
-    case "agent:output": {
-      const { summary, detail } = formatAgentOutput(event.data);
-      const cls = classifyAgentSummary(summary);
-      addMsg(
-        summary,
-        cls.color,
-        { agentId: event.agentId, taskId: resolveTask(event.runId), detail, msgType: cls.msgType }
-      );
-      break;
-    }
-    case "agent:file_changed":
-      addMsg(
-        `${event.path}`,
-        tuiColors.purple,
-        { agentId: event.agentId, taskId: resolveTask(event.runId), msgType: "file" }
-      );
-      break;
-    case "agent:completed":
-      addMsg(
-        event.success ? "Completed successfully" : "Failed",
-        event.success ? tuiColors.green : tuiColors.red,
-        { agentId: event.agentId, taskId: resolveTask(event.runId), msgType: "lifecycle" }
-      );
-      break;
-    case "agent:error":
-      addMsg(
-        `${event.error.slice(0, 150)}`,
-        tuiColors.red,
-        { agentId: event.agentId, taskId: resolveTask(event.runId), detail: event.error, msgType: "error" }
-      );
-      break;
-    case "task:status_changed":
-      addMsg(
-        `${event.from} \u2192 ${event.to}`,
-        tuiColors.cyan,
-        { taskId: event.taskId, msgType: "system" }
-      );
-      break;
-    case "task:assigned":
-      addMsg(
-        `Assigned \u2192 ${event.agentId}`,
-        tuiColors.cyan,
-        { taskId: event.taskId, msgType: "system" }
-      );
-      break;
-    case "task:created":
-      addMsg(
-        `Created: ${event.task.title}`,
-        tuiColors.amber,
-        { taskId: event.task.id, msgType: "system" }
-      );
-      break;
-    case "run:retry":
-      addMsg(
-        `Retry #${event.attempt} (${Math.round(event.delay_ms / 1e3)}s delay)`,
-        tuiColors.yellow,
-        { agentId: runIdToAgentId?.get(event.runId), taskId: resolveTask(event.runId), msgType: "lifecycle" }
-      );
-      break;
-    case "orchestrator:tick":
-      if (event.running > 0 || event.queued > 0) {
-        addMsg(`${event.running} running \xB7 ${event.queued} queued`, tuiColors.ghost, { msgType: "system" });
-      }
-      break;
-    case "orchestrator:stall_detected":
-      addMsg(
-        `Stall detected`,
-        tuiColors.yellow,
-        { agentId: runIdToAgentId?.get(event.runId), taskId: resolveTask(event.runId), msgType: "error" }
-      );
-      break;
-  }
-}
-
-export { App };