@wrongstack/tui 0.281.1 → 0.282.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { hasOpenTodos, writeErr, resolveProjectDir, wstackGlobalRoot, createHqPublisherFromEnv, startFleetTelemetryBridge, startBrainTelemetryBridge, startWorktreeTelemetryBridge, startToolTelemetryBridge, startCostTelemetryBridge, GlobalMailbox, resolveWstackPaths, loadGoal, InputHistoryStore, DefaultSecretScrubber, INPUT_HISTORY_DEFAULT_MAX, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, expectDefined as expectDefined$1, getDesignKitLoader, clearActiveKit, clearPersistedActiveKit, recordOverrides, setDesignOverrides, loadActiveKit, isDesignStack, materializeTokens, applyTokenOverrides, setActiveKit, projectSlug, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, setBtwNote, buildChildEnv, DefaultPromptLoader, PromptUsageStore } from '@wrongstack/core';
+import { hasOpenTodos, writeErr, resolveProjectDir, wstackGlobalRoot, createHqPublisherFromEnv, startFleetTelemetryBridge, startBrainTelemetryBridge, startWorktreeTelemetryBridge, startToolTelemetryBridge, startCostTelemetryBridge, GlobalMailbox, resolveWstackPaths, loadGoal, InputHistoryStore, DefaultSecretScrubber, INPUT_HISTORY_DEFAULT_MAX, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, expectDefined as expectDefined$1, getDesignKitLoader, clearActiveKit, clearPersistedActiveKit, recordOverrides, setDesignOverrides, loadActiveKit, isDesignStack, materializeTokens, applyTokenOverrides, setActiveKit, projectSlug, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, setBtwNote, listBoards, getBoard, createBoard, addTask, buildChildEnv, DefaultPromptLoader, PromptUsageStore, removeTask, moveTask, updateTask, duplicateBoard, copyTaskToBoard, transferTaskToBoard } from '@wrongstack/core';
 export { buildGoalPreamble } from '@wrongstack/core';
 import { Box as Box$1, useStdout, Static, useInput, useStdin, measureElement, Text as Text$1, render, useApp } from 'ink';
 import { randomUUID } from 'crypto';
@@ -17,6 +17,83 @@ import { readClipboardText, readClipboardImage } from '@wrongstack/runtime/clipb
 
 // src/run-tui.ts
 
+// src/components/auth-panel-model.ts
+var AUTH_PANEL_INITIAL = {
+  open: false,
+  view: "list",
+  busy: false,
+  providers: [],
+  presets: [],
+  catalog: [],
+  selected: 0,
+  filter: "",
+  flowTitle: "",
+  log: [],
+  flowDone: false
+};
+function filterAuthCatalog(catalog, filter) {
+  const q = filter.trim().toLowerCase();
+  if (!q) return catalog;
+  return catalog.filter(
+    (c) => c.id.toLowerCase().includes(q) || c.name.toLowerCase().includes(q) || c.family.toLowerCase().includes(q)
+  );
+}
+function authSelectedProvider(state) {
+  return state.providers.find((p) => p.id === state.providerId);
+}
+function authPanelRows(state) {
+  switch (state.view) {
+    case "list": {
+      const rows = state.providers.map((provider) => ({
+        kind: "provider",
+        provider
+      }));
+      rows.push(
+        { kind: "list-action", action: "catalog" },
+        { kind: "list-action", action: "local" },
+        { kind: "list-action", action: "custom" },
+        { kind: "list-action", action: "oauth" }
+      );
+      return rows;
+    }
+    case "provider": {
+      const provider = authSelectedProvider(state);
+      if (!provider) return [];
+      const rows = provider.keys.map((keyRow) => ({
+        kind: "key",
+        keyRow
+      }));
+      rows.push(
+        { kind: "provider-action", action: "add-key" },
+        { kind: "provider-action", action: "edit-family" },
+        { kind: "provider-action", action: "edit-base-url" },
+        { kind: "provider-action", action: "edit-models" },
+        { kind: "provider-action", action: "remove" }
+      );
+      return rows;
+    }
+    case "catalog":
+      return filterAuthCatalog(state.catalog, state.filter).map((entry) => ({
+        kind: "catalog-entry",
+        entry
+      }));
+    case "local":
+      return state.presets.map((preset) => ({ kind: "local-preset", preset }));
+    case "oauth":
+      return ["chatgpt", "claude", "copilot"].map((oauth) => ({
+        kind: "oauth-option",
+        oauth
+      }));
+    case "flow":
+      return [];
+  }
+}
+function authMoveSelected(state, delta) {
+  const count = authPanelRows(state).length;
+  if (count === 0) return 0;
+  return ((state.selected + delta) % count + count) % count;
+}
+
 // src/theme.ts
 var pastel = Object.freeze({
   // Base 8
@@ -163,213 +240,82 @@ function PromptPicker({ entries, selected, category, total }) {
     })
   ] });
 }
-function isChipExpired(meta, now = Date.now()) {
-  if (meta.expiresIn == null || meta.expiresIn === 0) return false;
-  if (meta.shownAt == null || meta.shownAt === 0) return false;
-  return now >= meta.shownAt + meta.expiresIn * 60 * 1e3;
-}
-var ITEM_DESCRIPTIONS = {
-  version: "WrongStack version chip",
-  state: "Agent run state / thinking spinner",
-  model: "Current provider/model id",
-  tokens: "Input/output token counters",
-  cache: "Prompt cache hit ratio",
-  queue: "Queued prompt count",
-  processes: "Tracked shell/process count",
-  hint: "Transient status hint text",
-  index: "Codebase indexing status",
-  breaker: "Process breaker countdown",
-  todos: "Todo items (pending/in-progress/done)",
-  plan: "Plan board items",
-  tasks: "Task board items",
-  fleet: "Fleet agent status",
-  fleet_agents: "Per-agent live detail row",
-  git: "Git branch name",
-  elapsed: "Session elapsed time",
-  context: "Context window usage %",
-  cost: "Token cost estimate",
-  working_dir: "Current working directory",
-  project: "Project name",
-  yolo: "YOLO permission mode",
-  autonomy: "Autonomy mode",
-  eternal_stage: "Autonomy stage",
-  goal: "Active goal summary",
-  mode: "Active agent mode label",
-  auto_proceed: "Auto-proceed countdown",
-  sessions: "Live session count",
-  tools: "Registered tool count",
-  token_saving: "Token-saving mode indicator",
-  brain: "Brain arbiter decisions",
-  mailbox: "Mailbox unread messages",
-  enhance: "Prompt-enhance countdown",
-  debug_stream: "Stream debug telemetry",
-  next_steps: "Next-step auto-submit countdown"
-};
-var ITEM_LINE = {
-  breaker: 1,
-  cache: 1,
-  context: 1,
-  cost: 1,
-  hint: 1,
-  index: 1,
-  model: 1,
-  processes: 1,
-  queue: 1,
-  state: 1,
-  tokens: 1,
-  version: 1,
-  auto_proceed: 2,
-  autonomy: 2,
-  elapsed: 2,
-  eternal_stage: 2,
-  git: 2,
-  goal: 2,
-  mode: 2,
-  project: 2,
-  sessions: 2,
-  token_saving: 2,
-  tools: 2,
-  working_dir: 2,
-  yolo: 2,
-  brain: 3,
-  debug_stream: 3,
-  enhance: 3,
-  fleet: 3,
-  next_steps: 3,
-  todos: 3,
-  plan: 3,
-  tasks: 3,
-  fleet_agents: 4,
-  mailbox: 4
-};
-var STATUSLINE_FIELD_COUNT = Object.keys(ITEM_LINE).length;
-var STATUSLINE_ITEMS = [
-  // Line 1
-  "breaker",
-  "cache",
-  "context",
-  "cost",
-  "hint",
-  "index",
-  "model",
-  "processes",
-  "queue",
-  "state",
-  "tokens",
-  "version",
-  // Line 2
-  "auto_proceed",
-  "autonomy",
-  "elapsed",
-  "eternal_stage",
-  "git",
-  "goal",
-  "mode",
-  "project",
-  "sessions",
-  "token_saving",
-  "tools",
-  "working_dir",
-  "yolo",
-  // Line 3
-  "brain",
-  "debug_stream",
-  "enhance",
-  "fleet",
-  "next_steps",
-  "plan",
-  "tasks",
-  "todos",
-  // Line 4
-  "fleet_agents",
-  "mailbox"
-];
-var STREAM_CHIP_KEYS = ["brain", "mailbox", "enhance", "debug_stream"];
-function groupByLine(items) {
-  const map = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const line = ITEM_LINE[item];
-    if (!map.has(line)) map.set(line, []);
-    map.get(line).push(item);
+var SEND_MODE_OPTIONS = [
+  {
+    mode: "queue",
+    key: "q",
+    label: "Queue",
+    description: "Run after the current turn finishes (default)",
+    color: "green"
+  },
+  {
+    mode: "btw",
+    key: "b",
+    label: "By the way",
+    description: "Fold in at the next step \u2014 no restart, no interrupt",
+    color: "cyan"
+  },
+  {
+    mode: "steer",
+    key: "s",
+    label: "Steer",
+    description: "Abort now, drop the queue, redirect to this",
+    color: "red"
   }
-  return map;
+];
+function nextSendModeIndex(selected, delta, len) {
+  if (len <= 0) return 0;
+  return ((selected + delta) % len + len) % len;
 }
-function StatuslinePicker({
-  field,
-  hiddenItems,
-  visibleChips = [],
-  hint
+function sendModeFromKey(input, key, selected) {
+  if (key.escape) return "cancel";
+  if (key.return) return SEND_MODE_OPTIONS[selected]?.mode ?? "queue";
+  const ch = input.trim().toLowerCase();
+  const match = SEND_MODE_OPTIONS.find((o) => o.key === ch);
+  if (match) return match.mode;
+  return null;
+}
+function formatSendModeMessagePreview(text, maxChars = 120) {
+  const singleLine = text.replace(/\s+/g, " ").trim();
+  if (singleLine.length <= maxChars) return singleLine;
+  return `${singleLine.slice(0, Math.max(0, maxChars - 1))}\u2026`;
+}
+function SendModePicker({
+  selected,
+  messagePreview,
+  onMove,
+  onSelect
 }) {
-  const hiddenSet = new Set(hiddenItems);
-  const visibleChipsMap = new Map(visibleChips.map((c) => [c.key, c]));
-  const totalFields = STATUSLINE_ITEMS.length;
-  const byLine = groupByLine(STATUSLINE_ITEMS);
-  const VISIBLE_FIELDS = 8;
-  const windowStart = Math.max(0, Math.min(field - Math.floor(VISIBLE_FIELDS / 2), totalFields - VISIBLE_FIELDS));
-  const windowEnd = Math.min(windowStart + VISIBLE_FIELDS, totalFields);
-  const hasAbove = windowStart > 0;
-  const hasBelow = windowEnd < totalFields;
-  const rows = [];
-  for (const [line, items] of [...byLine.entries()].sort((a, b) => a[0] - b[0])) {
-    const windowedItems = items.filter((item) => {
-      const idx = STATUSLINE_ITEMS.indexOf(item);
-      return idx >= windowStart && idx < windowEnd;
-    });
-    if (windowedItems.length === 0) continue;
-    rows.push({ section: `Line ${line}` });
-    for (const item of windowedItems) {
-      rows.push({ item, fieldIdx: STATUSLINE_ITEMS.indexOf(item) });
-    }
-  }
-  const boolVal = (item) => {
-    if (hiddenSet.has(item)) return "off";
-    if (STREAM_CHIP_KEYS.includes(item)) {
-      const meta = visibleChipsMap.get(item);
-      if (!meta) return "auto";
-      if (meta.expiresIn == null) return "on ";
-      const remainingMs = meta.shownAt + meta.expiresIn * 6e4 - Date.now();
-      if (remainingMs <= 0) return "auto";
-      const remainingMin = Math.max(1, Math.ceil(remainingMs / 6e4));
-      return `~${remainingMin}m`;
+  useInput((input, key) => {
+    if (key.upArrow) {
+      onMove(-1);
+      return;
     }
-    return "on ";
-  };
-  const valColor = (item) => {
-    if (hiddenSet.has(item)) return "red";
-    if (STREAM_CHIP_KEYS.includes(item)) {
-      const meta = visibleChipsMap.get(item);
-      if (!meta) return "cyan";
-      if (isChipExpired(meta)) return "cyan";
-      return "yellow";
+    if (key.downArrow) {
+      onMove(1);
+      return;
     }
-    return "green";
-  };
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Statusline \u2501\u2501" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 move \xB7 \u2190/\u2192 toggle \xB7 Esc to close" }),
-    hasAbove ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${windowStart} item${windowStart === 1 ? "" : "s"} above` }) : null,
-    rows.map((row) => {
-      if (row.section) {
-        return /* @__PURE__ */ jsxs(Text, { bold: true, color: "green", children: [
-          "\u2500\u2500 ",
-          row.section,
-          " \u2500\u2500"
-        ] }, `section-${row.section}`);
-      }
-      const item = row.item;
-      const fieldIdx = row.fieldIdx;
-      const selected = fieldIdx === field;
-      return /* @__PURE__ */ jsxs(Text, { inverse: selected, ...selected ? { color: "yellow" } : {}, children: [
-        selected ? "\u203A " : "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, children: item.padEnd(12) }),
-        /* @__PURE__ */ jsx(Text, { color: valColor(item), children: boolVal(item).padEnd(4) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: ITEM_DESCRIPTIONS[item] }),
-        selected ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \u2190/\u2192 toggle" }) : null
-      ] }, `row-${item}`);
-    }),
-    hasBelow ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${totalFields - windowEnd} item${totalFields - windowEnd === 1 ? "" : "s"} below` }) : null,
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Changes apply instantly \xB7 persisted to ~/.wrongstack/statusline.json \xB7 auto chips show when data exists" }),
-    hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
+    const decision = sendModeFromKey(input, key, selected);
+    if (decision) onSelect(decision);
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, marginY: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Deliver this message how? \u2501\u2501" }),
+    messagePreview ? /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Message: " }),
+      /* @__PURE__ */ jsx(Text, { color: "white", children: formatSendModeMessagePreview(messagePreview) })
+    ] }) : null,
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "q/b/s pick \xB7 \u2191/\u2193 move \xB7 Enter select \xB7 Esc \u2192 queue" }),
+    SEND_MODE_OPTIONS.map((opt, i) => /* @__PURE__ */ jsxs(Text, { inverse: i === selected, ...i === selected ? { color: opt.color } : {}, children: [
+      i === selected ? "\u203A " : "  ",
+      /* @__PURE__ */ jsxs(Text, { bold: true, color: opt.color, children: [
+        "[",
+        opt.key,
+        "]"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsx(Text, { bold: true, children: opt.label.padEnd(12) }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: opt.description })
+    ] }, opt.mode))
   ] });
 }
 
@@ -1494,159 +1440,213 @@ function SettingsPicker({
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
-
-// src/components/auth-panel-model.ts
-var AUTH_PANEL_INITIAL = {
-  open: false,
-  view: "list",
-  busy: false,
-  providers: [],
-  presets: [],
-  catalog: [],
-  selected: 0,
-  filter: "",
-  flowTitle: "",
-  log: [],
-  flowDone: false
-};
-function filterAuthCatalog(catalog, filter) {
-  const q = filter.trim().toLowerCase();
-  if (!q) return catalog;
-  return catalog.filter(
-    (c) => c.id.toLowerCase().includes(q) || c.name.toLowerCase().includes(q) || c.family.toLowerCase().includes(q)
-  );
+function isChipExpired(meta, now = Date.now()) {
+  if (meta.expiresIn == null || meta.expiresIn === 0) return false;
+  if (meta.shownAt == null || meta.shownAt === 0) return false;
+  return now >= meta.shownAt + meta.expiresIn * 60 * 1e3;
 }
-function authSelectedProvider(state) {
-  return state.providers.find((p) => p.id === state.providerId);
+var ITEM_DESCRIPTIONS = {
+  version: "WrongStack version chip",
+  state: "Agent run state / thinking spinner",
+  model: "Current provider/model id",
+  tokens: "Input/output token counters",
+  cache: "Prompt cache hit ratio",
+  queue: "Queued prompt count",
+  processes: "Tracked shell/process count",
+  hint: "Transient status hint text",
+  index: "Codebase indexing status",
+  breaker: "Process breaker countdown",
+  todos: "Todo items (pending/in-progress/done)",
+  plan: "Plan board items",
+  tasks: "Task board items",
+  fleet: "Fleet agent status",
+  fleet_agents: "Per-agent live detail row",
+  git: "Git branch name",
+  elapsed: "Session elapsed time",
+  context: "Context window usage %",
+  cost: "Token cost estimate",
+  working_dir: "Current working directory",
+  project: "Project name",
+  yolo: "YOLO permission mode",
+  autonomy: "Autonomy mode",
+  eternal_stage: "Autonomy stage",
+  goal: "Active goal summary",
+  mode: "Active agent mode label",
+  auto_proceed: "Auto-proceed countdown",
+  sessions: "Live session count",
+  tools: "Registered tool count",
+  token_saving: "Token-saving mode indicator",
+  brain: "Brain arbiter decisions",
+  mailbox: "Mailbox unread messages",
+  enhance: "Prompt-enhance countdown",
+  debug_stream: "Stream debug telemetry",
+  next_steps: "Next-step auto-submit countdown"
+};
+var ITEM_LINE = {
+  breaker: 1,
+  cache: 1,
+  context: 1,
+  cost: 1,
+  hint: 1,
+  index: 1,
+  model: 1,
+  processes: 1,
+  queue: 1,
+  state: 1,
+  tokens: 1,
+  version: 1,
+  auto_proceed: 2,
+  autonomy: 2,
+  elapsed: 2,
+  eternal_stage: 2,
+  git: 2,
+  goal: 2,
+  mode: 2,
+  project: 2,
+  sessions: 2,
+  token_saving: 2,
+  tools: 2,
+  working_dir: 2,
+  yolo: 2,
+  brain: 3,
+  debug_stream: 3,
+  enhance: 3,
+  fleet: 3,
+  next_steps: 3,
+  todos: 3,
+  plan: 3,
+  tasks: 3,
+  fleet_agents: 4,
+  mailbox: 4
+};
+var STATUSLINE_FIELD_COUNT = Object.keys(ITEM_LINE).length;
+var STATUSLINE_ITEMS = [
+  // Line 1
+  "breaker",
+  "cache",
+  "context",
+  "cost",
+  "hint",
+  "index",
+  "model",
+  "processes",
+  "queue",
+  "state",
+  "tokens",
+  "version",
+  // Line 2
+  "auto_proceed",
+  "autonomy",
+  "elapsed",
+  "eternal_stage",
+  "git",
+  "goal",
+  "mode",
+  "project",
+  "sessions",
+  "token_saving",
+  "tools",
+  "working_dir",
+  "yolo",
+  // Line 3
+  "brain",
+  "debug_stream",
+  "enhance",
+  "fleet",
+  "next_steps",
+  "plan",
+  "tasks",
+  "todos",
+  // Line 4
+  "fleet_agents",
+  "mailbox"
+];
+var STREAM_CHIP_KEYS = ["brain", "mailbox", "enhance", "debug_stream"];
+function groupByLine(items) {
+  const map = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const line = ITEM_LINE[item];
+    if (!map.has(line)) map.set(line, []);
+    map.get(line).push(item);
+  }
+  return map;
 }
-function authPanelRows(state) {
-  switch (state.view) {
-    case "list": {
-      const rows = state.providers.map((provider) => ({
-        kind: "provider",
-        provider
-      }));
-      rows.push(
-        { kind: "list-action", action: "catalog" },
-        { kind: "list-action", action: "local" },
-        { kind: "list-action", action: "custom" },
-        { kind: "list-action", action: "oauth" }
-      );
-      return rows;
-    }
-    case "provider": {
-      const provider = authSelectedProvider(state);
-      if (!provider) return [];
-      const rows = provider.keys.map((keyRow) => ({
-        kind: "key",
-        keyRow
-      }));
-      rows.push(
-        { kind: "provider-action", action: "add-key" },
-        { kind: "provider-action", action: "edit-family" },
-        { kind: "provider-action", action: "edit-base-url" },
-        { kind: "provider-action", action: "edit-models" },
-        { kind: "provider-action", action: "remove" }
-      );
-      return rows;
+function StatuslinePicker({
+  field,
+  hiddenItems,
+  visibleChips = [],
+  hint
+}) {
+  const hiddenSet = new Set(hiddenItems);
+  const visibleChipsMap = new Map(visibleChips.map((c) => [c.key, c]));
+  const totalFields = STATUSLINE_ITEMS.length;
+  const byLine = groupByLine(STATUSLINE_ITEMS);
+  const VISIBLE_FIELDS = 8;
+  const windowStart = Math.max(0, Math.min(field - Math.floor(VISIBLE_FIELDS / 2), totalFields - VISIBLE_FIELDS));
+  const windowEnd = Math.min(windowStart + VISIBLE_FIELDS, totalFields);
+  const hasAbove = windowStart > 0;
+  const hasBelow = windowEnd < totalFields;
+  const rows = [];
+  for (const [line, items] of [...byLine.entries()].sort((a, b) => a[0] - b[0])) {
+    const windowedItems = items.filter((item) => {
+      const idx = STATUSLINE_ITEMS.indexOf(item);
+      return idx >= windowStart && idx < windowEnd;
+    });
+    if (windowedItems.length === 0) continue;
+    rows.push({ section: `Line ${line}` });
+    for (const item of windowedItems) {
+      rows.push({ item, fieldIdx: STATUSLINE_ITEMS.indexOf(item) });
     }
-    case "catalog":
-      return filterAuthCatalog(state.catalog, state.filter).map((entry) => ({
-        kind: "catalog-entry",
-        entry
-      }));
-    case "local":
-      return state.presets.map((preset) => ({ kind: "local-preset", preset }));
-    case "oauth":
-      return ["chatgpt", "claude", "copilot"].map((oauth) => ({
-        kind: "oauth-option",
-        oauth
-      }));
-    case "flow":
-      return [];
-  }
-}
-function authMoveSelected(state, delta) {
-  const count = authPanelRows(state).length;
-  if (count === 0) return 0;
-  return ((state.selected + delta) % count + count) % count;
-}
-var SEND_MODE_OPTIONS = [
-  {
-    mode: "queue",
-    key: "q",
-    label: "Queue",
-    description: "Run after the current turn finishes (default)",
-    color: "green"
-  },
-  {
-    mode: "btw",
-    key: "b",
-    label: "By the way",
-    description: "Fold in at the next step \u2014 no restart, no interrupt",
-    color: "cyan"
-  },
-  {
-    mode: "steer",
-    key: "s",
-    label: "Steer",
-    description: "Abort now, drop the queue, redirect to this",
-    color: "red"
   }
-];
-function nextSendModeIndex(selected, delta, len) {
-  if (len <= 0) return 0;
-  return ((selected + delta) % len + len) % len;
-}
-function sendModeFromKey(input, key, selected) {
-  if (key.escape) return "cancel";
-  if (key.return) return SEND_MODE_OPTIONS[selected]?.mode ?? "queue";
-  const ch = input.trim().toLowerCase();
-  const match = SEND_MODE_OPTIONS.find((o) => o.key === ch);
-  if (match) return match.mode;
-  return null;
-}
-function formatSendModeMessagePreview(text, maxChars = 120) {
-  const singleLine = text.replace(/\s+/g, " ").trim();
-  if (singleLine.length <= maxChars) return singleLine;
-  return `${singleLine.slice(0, Math.max(0, maxChars - 1))}\u2026`;
-}
-function SendModePicker({
-  selected,
-  messagePreview,
-  onMove,
-  onSelect
-}) {
-  useInput((input, key) => {
-    if (key.upArrow) {
-      onMove(-1);
-      return;
+  const boolVal = (item) => {
+    if (hiddenSet.has(item)) return "off";
+    if (STREAM_CHIP_KEYS.includes(item)) {
+      const meta = visibleChipsMap.get(item);
+      if (!meta) return "auto";
+      if (meta.expiresIn == null) return "on ";
+      const remainingMs = meta.shownAt + meta.expiresIn * 6e4 - Date.now();
+      if (remainingMs <= 0) return "auto";
+      const remainingMin = Math.max(1, Math.ceil(remainingMs / 6e4));
+      return `~${remainingMin}m`;
     }
-    if (key.downArrow) {
-      onMove(1);
-      return;
+    return "on ";
+  };
+  const valColor = (item) => {
+    if (hiddenSet.has(item)) return "red";
+    if (STREAM_CHIP_KEYS.includes(item)) {
+      const meta = visibleChipsMap.get(item);
+      if (!meta) return "cyan";
+      if (isChipExpired(meta)) return "cyan";
+      return "yellow";
     }
-    const decision = sendModeFromKey(input, key, selected);
-    if (decision) onSelect(decision);
-  });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, marginY: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Deliver this message how? \u2501\u2501" }),
-    messagePreview ? /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Message: " }),
-      /* @__PURE__ */ jsx(Text, { color: "white", children: formatSendModeMessagePreview(messagePreview) })
-    ] }) : null,
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "q/b/s pick \xB7 \u2191/\u2193 move \xB7 Enter select \xB7 Esc \u2192 queue" }),
-    SEND_MODE_OPTIONS.map((opt, i) => /* @__PURE__ */ jsxs(Text, { inverse: i === selected, ...i === selected ? { color: opt.color } : {}, children: [
-      i === selected ? "\u203A " : "  ",
-      /* @__PURE__ */ jsxs(Text, { bold: true, color: opt.color, children: [
-        "[",
-        opt.key,
-        "]"
-      ] }),
-      " ",
-      /* @__PURE__ */ jsx(Text, { bold: true, children: opt.label.padEnd(12) }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: opt.description })
-    ] }, opt.mode))
+    return "green";
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Statusline \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 move \xB7 \u2190/\u2192 toggle \xB7 Esc to close" }),
+    hasAbove ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${windowStart} item${windowStart === 1 ? "" : "s"} above` }) : null,
+    rows.map((row) => {
+      if (row.section) {
+        return /* @__PURE__ */ jsxs(Text, { bold: true, color: "green", children: [
+          "\u2500\u2500 ",
+          row.section,
+          " \u2500\u2500"
+        ] }, `section-${row.section}`);
+      }
+      const item = row.item;
+      const fieldIdx = row.fieldIdx;
+      const selected = fieldIdx === field;
+      return /* @__PURE__ */ jsxs(Text, { inverse: selected, ...selected ? { color: "yellow" } : {}, children: [
+        selected ? "\u203A " : "  ",
+        /* @__PURE__ */ jsx(Text, { bold: true, children: item.padEnd(12) }),
+        /* @__PURE__ */ jsx(Text, { color: valColor(item), children: boolVal(item).padEnd(4) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: ITEM_DESCRIPTIONS[item] }),
+        selected ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  \u2190/\u2192 toggle" }) : null
+      ] }, `row-${item}`);
+    }),
+    hasBelow ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${totalFields - windowEnd} item${totalFields - windowEnd === 1 ? "" : "s"} below` }) : null,
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Changes apply instantly \xB7 persisted to ~/.wrongstack/statusline.json \xB7 auto chips show when data exists" }),
+    hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
 
@@ -1661,6 +1661,7 @@ function closePanels(state) {
     processListOpen: false,
     auditPanelOpen: false,
     planPanelOpen: false,
+    kanbanPanelOpen: false,
     goalPanelOpen: false,
     sessionsPanelOpen: false,
     settingsPicker: { ...state.settingsPicker, open: false },
@@ -2063,7 +2064,7 @@ function reducer(state, action) {
   switch (action.type) {
     case "addEntry": {
       const e = action.entry;
-      if ((e.kind === "user" || e.kind === "assistant" || e.kind === "info" || e.kind === "warn" || e.kind === "error" || e.kind === "turn-summary") && !e.text?.trim()) {
+      if ((e.kind === "user" || e.kind === "assistant" || e.kind === "thinking" || e.kind === "info" || e.kind === "warn" || e.kind === "error" || e.kind === "turn-summary") && !e.text?.trim()) {
         return state;
       }
       const stored = e.kind === "tool" && e.input !== void 0 ? { ...e, input: pruneToolInput(e.input) } : e;
@@ -2412,6 +2413,31 @@ function reducer(state, action) {
         ...state,
         autonomyPicker: { ...state.autonomyPicker, hint: action.text }
       };
+    case "modePickerOpen":
+      return {
+        ...state,
+        ...closePanels(state),
+        modePicker: { open: true, modes: action.modes, selected: 0, hint: void 0 }
+      };
+    case "modePickerClose":
+      return {
+        ...state,
+        modePicker: { open: false, modes: [], selected: 0 }
+      };
+    case "modePickerMove": {
+      const n = state.modePicker.modes.length;
+      if (n === 0) return state;
+      const next = (state.modePicker.selected + action.delta + n) % n;
+      return {
+        ...state,
+        modePicker: { ...state.modePicker, selected: next }
+      };
+    }
+    case "modePickerHint":
+      return {
+        ...state,
+        modePicker: { ...state.modePicker, hint: action.text }
+      };
     case "designPickerOpen":
       return {
         ...state,
@@ -3400,6 +3426,10 @@ function reducer(state, action) {
       const opening = !state.planPanelOpen;
       return opening ? { ...state, ...closePanels(state), planPanelOpen: true } : { ...state, planPanelOpen: false };
     }
+    case "toggleKanbanPanel": {
+      const opening = !state.kanbanPanelOpen;
+      return opening ? { ...state, ...closePanels(state), kanbanPanelOpen: true } : { ...state, kanbanPanelOpen: false };
+    }
     case "toggleGoalPanel": {
       const opening = !state.goalPanelOpen;
       return opening ? { ...state, ...closePanels(state), goalPanelOpen: true } : { ...state, goalPanelOpen: false };
@@ -4978,7 +5008,7 @@ function FleetMonitor({
   nowTick,
   collabSession
 }) {
-  const TERMINAL_TTL_MS = 5 * 6e4;
+  const TERMINAL_TTL_MS2 = 5 * 6e4;
   const all = Object.values(entries);
   const running = all.filter((e) => e.status === "running");
   const idle = all.filter((e) => e.status === "idle").length;
@@ -4986,7 +5016,7 @@ function FleetMonitor({
   const failed = all.filter((e) => e.status === "failed" || e.status === "timeout").length;
   const recent = all.filter((e) => {
     if (e.status === "running" || e.status === "idle") return true;
-    return nowTick - e.lastEventAt < TERMINAL_TTL_MS;
+    return nowTick - e.lastEventAt < TERMINAL_TTL_MS2;
   });
   const concurrencyRatio = maxConcurrent > 0 ? running.length / maxConcurrent : 0;
   const ordered = [...recent].sort((a, b) => {
@@ -5683,54 +5713,349 @@ function AuditPanel({ sideEffects, onClose: _onClose }) {
     }) })
   ] });
 }
-var AUTONOMY_OPTIONS = [
-  {
-    mode: "off",
-    label: "OFF",
-    description: "Agent stops after each turn (normal interactive mode)",
-    color: "green"
-  },
-  {
-    mode: "suggest",
-    label: "SUGGEST",
-    description: "Shows next-step suggestions after each turn",
-    color: "cyan"
-  },
-  {
-    mode: "auto",
-    label: "AUTO",
-    description: "Self-driving \u2014 agent picks next step and continues",
-    color: "yellow"
-  },
-  {
-    mode: "eternal",
-    label: "ETERNAL",
-    description: "Goal-driven loop \u2014 requires /goal set first",
-    color: "red"
-  },
-  {
-    mode: "eternal-parallel",
-    label: "PARALLEL",
-    description: "Fan-out 4\u20138 subagents per tick \u2014 requires /goal",
-    color: "magenta"
+
+// src/components/provider-colors.ts
+function colorForFamily(family) {
+  return FAMILY_COLORS[family?.toLowerCase() ?? ""] ?? "#89dceb";
+}
+function dimColorForFamily(family) {
+  return DIMMED_FAMILY_COLORS[family?.toLowerCase() ?? ""] ?? "#585b70";
+}
+var FAMILY_COLORS = {
+  anthropic: "#f38ba8",
+  "anthropic-oauth": "#f38ba8",
+  "anthropic-claude": "#f38ba8",
+  openai: "#a6e3a1",
+  "openai-codex": "#a6e3a1",
+  "openai-compatible": "#94e2d5",
+  google: "#89b4fa",
+  gemini: "#89b4fa",
+  "google-gemini": "#89b4fa",
+  "github-copilot": "#cba6f7",
+  copilot: "#cba6f7",
+  local: "#f9e2af",
+  ollama: "#fab387",
+  vllm: "#fab387",
+  lmstudio: "#f9e2af",
+  omniroute: "#eba0ac",
+  mistral: "#b4befe",
+  groq: "#89dceb",
+  together: "#89dceb",
+  fireworks: "#89dceb",
+  perplexity: "#89dceb",
+  deepseek: "#f5c2e7"
+};
+var DIMMED_FAMILY_COLORS = {
+  anthropic: "#6c3f4a",
+  "anthropic-oauth": "#6c3f4a",
+  openai: "#3d5c3d",
+  "openai-codex": "#3d5c3d",
+  "openai-compatible": "#3a524e",
+  google: "#3a4570",
+  gemini: "#3a4570",
+  "github-copilot": "#4a3f5c",
+  copilot: "#4a3f5c",
+  local: "#5c5430",
+  ollama: "#5c4730",
+  vllm: "#5c4730",
+  mistral: "#3e3f5c",
+  deepseek: "#5c3f50"
+};
+function badgeForKind(kind) {
+  switch (kind) {
+    case "oauth":
+      return { label: "oauth", color: "#cba6f7" };
+    case "session_token":
+      return { label: "session", color: "#89dceb" };
+    default:
+      return void 0;
   }
-];
-function AutonomyPicker({
-  options,
-  selected,
-  hint
-}) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Autonomy Mode \u2501\u2501" }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel \xB7 Ctrl+C exit" }),
-    options.map((opt, i) => /* @__PURE__ */ jsxs(
-      Text,
-      {
-        inverse: i === selected,
-        ...i === selected ? { color: opt.color } : {},
-        children: [
-          i === selected ? "\u203A " : "  ",
-          /* @__PURE__ */ jsx(Text, { bold: true, children: opt.label.padEnd(12) }),
+}
+var OAUTH_KIND_COLORS = {
+  chatgpt: "#a6e3a1",
+  claude: "#f38ba8",
+  copilot: "#cba6f7"
+};
+var UI_COLORS = {
+  focused: "#89b4fa",
+  active: "#a6e3a1",
+  inactive: "#585b70",
+  warning: "#f9e2af",
+  error: "#f38ba8",
+  hint: "#f9e2af",
+  border: "#89b4fa",
+  title: "#89b4fa",
+  selectedModel: "#89b4fa"};
+var CHROME_ROWS = 18;
+var LIST_ACTION_LABEL = {
+  catalog: "\uFF0B Add provider (models.dev catalog)",
+  local: "\uFF0B Add local server (OmniRoute / Ollama / vLLM / LM Studio)",
+  custom: "\uFF0B Add custom provider",
+  oauth: "\u26A1 Sign in with OAuth (ChatGPT / Claude / Copilot)"
+};
+var PROVIDER_ACTION_LABEL = {
+  "add-key": "\uFF0B Add another key",
+  "edit-family": "\u270E Edit family",
+  "edit-base-url": "\u270E Edit base URL",
+  "edit-models": "\u270E Edit visible model list",
+  remove: "\u2715 Remove this provider"
+};
+var OAUTH_LABEL = {
+  chatgpt: { title: "ChatGPT Plus/Pro", detail: "\u2192 openai-codex" },
+  claude: { title: "Claude Pro/Max", detail: "\u2192 anthropic-oauth" },
+  copilot: { title: "GitHub Copilot", detail: "\u2192 github-copilot" }
+};
+function keySummary(keyRow) {
+  const method = keyRow.authMethod === "oauth" ? " oauth" : "";
+  const created = keyRow.createdAt ? ` ${keyRow.createdAt.slice(0, 10)}` : "";
+  return `${keyRow.masked}${method}${created}`;
+}
+function renderRow(row, focused, i) {
+  const marker = focused ? "\u203A" : " ";
+  const rowColor = focused ? UI_COLORS.focused : void 0;
+  switch (row.kind) {
+    case "provider": {
+      const p = row.provider;
+      const keys = p.keys.length === 0 ? "no keys" : p.keys.length === 1 ? `1 key ${p.keys[0]?.masked ?? ""}` : `${p.keys.length} keys`;
+      const famColor = colorForFamily(p.family);
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        /* @__PURE__ */ jsx(Text, { bold: true, color: focused ? void 0 : famColor, children: p.id.padEnd(22) }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: focused ? void 0 : dimColorForFamily(p.family), children: (p.family ?? "\u2014").padEnd(18) }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: p.keys.length > 0 ? UI_COLORS.active : UI_COLORS.warning, children: keys })
+      ] }, `p-${p.id}`);
+    }
+    case "list-action":
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        LIST_ACTION_LABEL[row.action]
+      ] }, `a-${row.action}`);
+    case "key": {
+      const k = row.keyRow;
+      const badge = badgeForKind(k.authMethod);
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: k.active ? UI_COLORS.active : UI_COLORS.inactive, children: k.active ? "\u25CF" : "\u25CB" }),
+        " ",
+        k.label.padEnd(20),
+        " ",
+        badge ? /* @__PURE__ */ jsx(Text, { color: badge.color, children: badge.label.padEnd(8) }) : null,
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: keySummary(k) })
+      ] }, `k-${k.label}`);
+    }
+    case "provider-action":
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        PROVIDER_ACTION_LABEL[row.action]
+      ] }, `pa-${row.action}`);
+    case "catalog-entry": {
+      const c = row.entry;
+      const famColor = colorForFamily(c.family);
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: c.saved ? UI_COLORS.active : UI_COLORS.inactive, children: c.saved ? "\u25C9" : "\u25CB" }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { bold: true, color: focused ? void 0 : famColor, children: c.id.padEnd(24) }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: focused ? void 0 : dimColorForFamily(c.family), children: c.family.padEnd(20) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: c.envVars.length > 0 ? c.envVars.join(", ") : "" })
+      ] }, `c-${c.id}`);
+    }
+    case "local-preset": {
+      const p = row.preset;
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        /* @__PURE__ */ jsx(Text, { bold: true, color: focused ? void 0 : "#fab387", children: p.label.padEnd(12) }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: p.defaultBaseUrl.padEnd(28) }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: p.noAuth ? UI_COLORS.inactive : UI_COLORS.active, children: p.noAuth ? "no auth" : "optional key" })
+      ] }, `l-${p.id}`);
+    }
+    case "oauth-option": {
+      const o = OAUTH_LABEL[row.oauth] ?? { title: row.oauth, detail: "" };
+      const kindColor = OAUTH_KIND_COLORS[row.oauth] ?? UI_COLORS.focused;
+      return /* @__PURE__ */ jsxs(Text, { color: rowColor, wrap: "truncate-end", children: [
+        marker,
+        " ",
+        /* @__PURE__ */ jsx(Text, { bold: true, color: focused ? void 0 : kindColor, children: o.title.padEnd(20) }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: o.detail })
+      ] }, `o-${row.oauth}`);
+    }
+    default:
+      return /* @__PURE__ */ jsx(Text, { children: " " }, `r-${i}`);
+  }
+}
+function viewTitle(panel) {
+  switch (panel.view) {
+    case "list":
+      return "API keys & sign-in";
+    case "provider":
+      return `Provider \u2014 ${panel.providerId ?? ""}`;
+    case "catalog":
+      return "Add provider \u2014 models.dev catalog";
+    case "local":
+      return "Add local server";
+    case "oauth":
+      return "Sign in with OAuth";
+    case "flow":
+      return panel.flowTitle || "Working\u2026";
+  }
+}
+function viewLegend(panel) {
+  if (panel.input) return "Enter submit \xB7 Esc cancel";
+  if (panel.confirm) return "y/Enter confirm \xB7 n/Esc cancel";
+  switch (panel.view) {
+    case "list":
+      return "\u2191/\u2193 select \xB7 Enter open \xB7 Esc close";
+    case "provider":
+      return "\u2191/\u2193 select \xB7 Enter activate/run \xB7 u update key \xB7 d delete key \xB7 Esc back";
+    case "catalog":
+      return "type to filter \xB7 \u2191/\u2193 select \xB7 Enter add key \xB7 Esc back";
+    case "local":
+      return "\u2191/\u2193 select \xB7 Enter configure & probe \xB7 Esc back";
+    case "oauth":
+      return "\u2191/\u2193 select \xB7 Enter sign in \xB7 Esc back";
+    case "flow":
+      return panel.flowDone ? "Enter/Esc back" : "Esc cancel";
+  }
+}
+function AuthPanel({ panel }) {
+  const { stdout } = useStdout();
+  const rows = stdout?.rows ?? 24;
+  const maxVisible = Math.max(4, rows - CHROME_ROWS);
+  const allRows = authPanelRows(panel);
+  const total = allRows.length;
+  const windowStart = total <= maxVisible ? 0 : Math.max(0, Math.min(panel.selected - Math.floor(maxVisible / 2), total - maxVisible));
+  const windowEnd = Math.min(windowStart + maxVisible, total);
+  const above = windowStart;
+  const below = total - windowEnd;
+  const provider = panel.view === "provider" ? authSelectedProvider(panel) : void 0;
+  const logWindow = panel.log.slice(-Math.max(6, maxVisible));
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: UI_COLORS.title, children: viewTitle(panel) }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: viewLegend(panel) }),
+    panel.view === "provider" && provider ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [
+        "type: ",
+        provider.type ?? provider.id,
+        " \xB7 family: ",
+        provider.family ?? "unset",
+        " \xB7 baseUrl:",
+        " ",
+        provider.baseUrl ?? "unset"
+      ] }),
+      provider.models.length > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [
+        "models: ",
+        provider.models.join(", ")
+      ] }) : null
+    ] }) : null,
+    panel.view === "oauth" ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: UI_COLORS.warning, wrap: "truncate-end", children: "\u26A0 Subscription tokens used outside official clients may violate provider Terms \u2014" }),
+      /* @__PURE__ */ jsx(Text, { color: UI_COLORS.warning, wrap: "truncate-end", children: "your account could be rate-limited or banned. An API key is the sanctioned path." })
+    ] }) : null,
+    panel.view === "catalog" ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "filter: " }),
+      panel.filter.length > 0 ? panel.filter : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(type to search)" }),
+      /* @__PURE__ */ jsx(Text, { color: UI_COLORS.focused, children: "\u258F" })
+    ] }) }) : null,
+    panel.view === "flow" ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      logWindow.length === 0 && !panel.flowDone ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Starting\u2026" }) : null,
+      logWindow.map((line) => /* @__PURE__ */ jsx(
+        Text,
+        {
+          wrap: "truncate-end",
+          color: line.startsWith("\u2717") ? UI_COLORS.error : line.startsWith("\u2713") ? UI_COLORS.active : void 0,
+          dimColor: !line.startsWith("\u2717") && !line.startsWith("\u2713"),
+          children: line
+        },
+        line
+      )),
+      panel.flowDone ? /* @__PURE__ */ jsxs(Text, { color: panel.flowOk ? UI_COLORS.active : UI_COLORS.error, children: [
+        panel.flowOk ? "\u2713 Done." : "\u2717 Not completed.",
+        " ",
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press Enter or Esc to go back." })
+      ] }) : panel.input ? /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { children: panel.input.label }),
+        /* @__PURE__ */ jsx(Text, { color: UI_COLORS.hint, children: panel.input.masked ? "\u2022".repeat(panel.input.draft.length) : panel.input.draft }),
+        /* @__PURE__ */ jsx(Text, { color: UI_COLORS.focused, children: "\u258F" })
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", minHeight: maxVisible, children: [
+      above > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u25B2",
+        " ",
+        above,
+        " above"
+      ] }) : null,
+      allRows.slice(windowStart, windowEnd).map((row, ri) => /* @__PURE__ */ jsx(Box, { marginLeft: 0, children: renderRow(row, windowStart + ri === panel.selected, windowStart + ri) }, `row-${windowStart + ri}`)),
+      Array.from({ length: maxVisible - (windowEnd - windowStart) }).map((_, i) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: " " }) }, `pad-${i}`)),
+      below > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u25BC",
+        " ",
+        below,
+        " below"
+      ] }) : null
+    ] })
+  ] });
+}
+var AUTONOMY_OPTIONS = [
+  {
+    mode: "off",
+    label: "OFF",
+    description: "Agent stops after each turn (normal interactive mode)",
+    color: "green"
+  },
+  {
+    mode: "suggest",
+    label: "SUGGEST",
+    description: "Shows next-step suggestions after each turn",
+    color: "cyan"
+  },
+  {
+    mode: "auto",
+    label: "AUTO",
+    description: "Self-driving \u2014 agent picks next step and continues",
+    color: "yellow"
+  },
+  {
+    mode: "eternal",
+    label: "ETERNAL",
+    description: "Goal-driven loop \u2014 requires /goal set first",
+    color: "red"
+  },
+  {
+    mode: "eternal-parallel",
+    label: "PARALLEL",
+    description: "Fan-out 4\u20138 subagents per tick \u2014 requires /goal",
+    color: "magenta"
+  }
+];
+function AutonomyPicker({
+  options,
+  selected,
+  hint
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Autonomy Mode \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel \xB7 Ctrl+C exit" }),
+    options.map((opt, i) => /* @__PURE__ */ jsxs(
+      Text,
+      {
+        inverse: i === selected,
+        ...i === selected ? { color: opt.color } : {},
+        children: [
+          i === selected ? "\u203A " : "  ",
+          /* @__PURE__ */ jsx(Text, { bold: true, children: opt.label.padEnd(12) }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: opt.description })
         ]
       },
@@ -5822,6 +6147,39 @@ function BrainDecisionPrompt({
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press A/B/C or 1/2/3 to answer; Esc or D denies with the safe default." })
   ] });
 }
+function toModeOptions(modes, activeId) {
+  return modes.map((m) => ({
+    id: m.id,
+    name: m.name,
+    description: m.description,
+    isActive: m.id === activeId
+  }));
+}
+function ModePicker({
+  modes,
+  selected,
+  hint
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Mode Selection \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel" }),
+    modes.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No modes available." }) : modes.map((opt, i) => /* @__PURE__ */ jsxs(
+      Text,
+      {
+        inverse: i === selected,
+        ...i === selected ? { color: "cyan" } : {},
+        children: [
+          i === selected ? "\u203A " : "  ",
+          /* @__PURE__ */ jsx(Text, { bold: true, children: opt.name.padEnd(20) }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: opt.description }),
+          opt.isActive ? /* @__PURE__ */ jsx(Text, { color: "green", children: " [active]" }) : null
+        ]
+      },
+      opt.id
+    )),
+    hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
+  ] });
+}
 function CheckpointTimeline({
   checkpoints,
   selected,
@@ -7150,29 +7508,28 @@ function visualEdit(toolName, text, ok) {
   return rows;
 }
 function visualRead(text) {
+  const header = parseHeaderLine(text);
   const lines = bodyLines(text);
   const numbered = lines.map((line) => line.match(/^\s*(\d+)→(.*)$/)).filter((match) => Boolean(match?.[1]));
   if (numbered.length === 0) {
-    const first = firstNonEmpty(lines.join("\n"));
-    return first ? [{ kind: "meta", text: first }] : void 0;
+    const first2 = firstNonEmpty(lines.join("\n"));
+    return first2 ? [{ kind: "meta", text: first2 }] : void 0;
   }
-  const rows = numbered.slice(0, 10).map((match) => ({
-    kind: "code",
-    lineNo: match[1],
-    text: match[2] ?? ""
-  }));
-  if (numbered.length > 10) {
-    const extra = numbered.slice(10, 15).map((match) => ({
-      kind: "code",
-      lineNo: match[1],
-      text: match[2] ?? ""
-    }));
-    rows.push(...extra);
-    if (numbered.length > 15) {
-      rows.push({ kind: "meta", text: `more ${numbered.length - 15} line(s)` });
-    }
+  const first = Number.parseInt(numbered[0]?.[1] ?? "", 10);
+  const last = Number.parseInt(numbered[numbered.length - 1]?.[1] ?? "", 10);
+  const total = numberFromParsedField(header.fields, "total_lines");
+  const parts = [];
+  if (Number.isFinite(first) && Number.isFinite(last)) {
+    parts.push(first === last ? `L${first}` : `L${first}\u2013${last}`);
   }
-  return rows;
+  const contiguous = Number.isFinite(first) && Number.isFinite(last) ? numbered.length === last - first + 1 : true;
+  parts.push(
+    `${numbered.length} line${numbered.length === 1 ? "" : "s"}${contiguous ? "" : " (gaps)"}`
+  );
+  if (total !== void 0 && total !== numbered.length) parts.push(`${total} total`);
+  if (header.fields["truncated"] === "true") parts.push("truncated");
+  if (header.fields["cached"] === "true") parts.push("cached");
+  return [{ kind: "meta", text: parts.join(" \xB7 ") }];
 }
 function visualSearch(toolName, text) {
   const json = tryParseJson(text);
@@ -7894,6 +8251,7 @@ function numberFromParsedField(fields, key) {
 }
 var MAX_STREAM_DISPLAY_CHARS = 480;
 var MAX_STREAM_LINES = 8;
+var WRITE_CREATE_STREAM_LINES = 3;
 function streamBoxRows(text, maxLines, contentWidth) {
   const trunc = (line) => line.length > contentWidth ? `${line.slice(0, contentWidth - 1)}\u2026` : line;
   const lines = text.split("\n");
@@ -7922,21 +8280,23 @@ var ToolStreamBox = React5.memo(function ToolStreamBox2({
     return () => clearInterval(t);
   }, []);
   const elapsedMs = Date.now() - startedAt;
+  const streamLines = name === "write" ? WRITE_CREATE_STREAM_LINES : MAX_STREAM_LINES;
   const totalLines = text.split("\n").length;
-  const hidden = Math.max(0, totalLines - MAX_STREAM_LINES);
+  const hidden = Math.max(0, totalLines - streamLines);
   const contentWidth = Math.max(20, Math.min(termWidth - 4, 100));
-  const rows = streamBoxRows(text, MAX_STREAM_LINES, contentWidth);
+  const rows = streamBoxRows(text, streamLines, contentWidth);
+  const isWritePreview = name === "write";
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 0, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
       /* @__PURE__ */ jsxs(Text, { color, children: [
         glyph2,
         " "
       ] }),
-      /* @__PURE__ */ jsx(Text, { bold: true, color, children: name }),
+      /* @__PURE__ */ jsx(Text, { bold: true, color, children: isWritePreview ? "write \xB7 creating file" : name }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u23F1 ${fmtDuration(elapsedMs)}` }),
-      hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  (${totalLines} lines, showing last ${MAX_STREAM_LINES})` }) : null
+      hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  (${totalLines} lines, showing last ${streamLines})` }) : null
     ] }),
-    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, children: rows.map((r, i) => /* @__PURE__ */ jsx(Text, { dimColor: true, italic: Boolean(r.italic), children: r.text || " " }, i)) })
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginLeft: 2, children: rows.map((r, i) => /* @__PURE__ */ jsx(Text, { color: isWritePreview ? "gray" : void 0, dimColor: !isWritePreview, italic: Boolean(r.italic), children: r.text || " " }, i)) })
   ] });
 });
 function tailForDisplay(text, maxChars) {
@@ -7949,7 +8309,7 @@ function tailForDisplay(text, maxChars) {
   return `\u2026 ${text.slice(cut)}`;
 }
 var MAX_CODE_LINES = 80;
-var DIFF_MAX_LINES = 12;
+var DIFF_MAX_LINES = Number.POSITIVE_INFINITY;
 var DIFF_LINE_SAFETY_CAP = 4e3;
 var DIFF_FALLBACK_WRAP_WIDTH = 100;
 function CodeBlock({
@@ -8073,9 +8433,17 @@ function formatDiffStats(added, removed) {
   const joined = parts.join(", ");
   return joined.charAt(0).toUpperCase() + joined.slice(1);
 }
-function renderTokens(tokens) {
-  if (tokens.length === 0) return " ";
-  return tokens.map((t, j) => /* @__PURE__ */ jsx(
+function applyWashTokens(tokens, onWash) {
+  if (!onWash) return tokens;
+  return tokens.map((t) => {
+    if (t.color !== "gray") return t;
+    return { ...t, color: "grayBright", dim: false };
+  });
+}
+function renderTokens(tokens, onWash = false) {
+  const effective = applyWashTokens(tokens, onWash);
+  if (effective.length === 0) return " ";
+  return effective.map((t, j) => /* @__PURE__ */ jsx(
     Text,
     {
       dimColor: Boolean(t.dim),
@@ -8189,7 +8557,7 @@ function DiffBlock({
               /* @__PURE__ */ jsx(Text, { color: markerColor, bold: true, children: marker }),
               /* @__PURE__ */ jsx(Text, { children: " " })
             ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: contPrefix }),
-            renderTokens(seg),
+            renderTokens(seg, true),
             pad > 0 ? /* @__PURE__ */ jsx(Text, { children: " ".repeat(pad) }) : null
           ] }, si);
         }) }, key);
@@ -8456,7 +8824,14 @@ function extractUnifiedDiffText(text) {
     (line) => line.startsWith("--- ") || line.startsWith("diff --git") || line.startsWith("@@")
   );
   if (start === -1) return void 0;
-  return lines.slice(start).join("\n");
+  let end = lines.length;
+  for (let i = start + 1; i < lines.length; i++) {
+    if (lines[i]?.length === 0) {
+      end = i;
+      break;
+    }
+  }
+  return lines.slice(start, end).join("\n");
 }
 function newFileDiffFromWriteInput(output, input) {
   if (!input || typeof input !== "object") return void 0;
@@ -8596,13 +8971,13 @@ function fmtElapsed2(at, nowTick) {
 function GoalRow({
   goal
 }) {
-  const statusColor = {
+  const statusColor2 = {
     active: "green",
     paused: "yellow",
     completed: "gray",
     failed: "red"
   };
-  const color = statusColor[goal.status] ?? "gray";
+  const color = statusColor2[goal.status] ?? "gray";
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [
     /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color, bold: true, children: [
       goal.status === "active" ? "\u25B6" : goal.status === "paused" ? "\u23F8" : goal.status === "completed" ? "\u2713" : "\u2717",
@@ -8964,9 +9339,188 @@ function FilePicker({ query, matches, selected }) {
 function highlight(path8, _query) {
   return path8;
 }
-function FleetPanel({
-  entries,
+var TERMINAL_TTL_MS = 9e4;
+var METER_WIDTH = 10;
+function isLeaderEntry2(entry) {
+  return entry.id === "leader" || entry.name === "LEADER";
+}
+function statusColor(status) {
+  if (status === "running") return "green";
+  if (status === "success") return "green";
+  if (status === "failed") return "red";
+  if (status === "timeout") return "yellow";
+  if (status === "stopped") return "gray";
+  return "gray";
+}
+function fmtShortDuration2(ms) {
+  if (ms < 1e3) return `${Math.max(0, Math.round(ms))}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(ms < 1e4 ? 1 : 0)}s`;
+  const m = Math.floor(ms / 6e4);
+  const s2 = Math.floor(ms % 6e4 / 1e3);
+  return `${m}m${s2.toString().padStart(2, "0")}s`;
+}
+function fmtCost2(n) {
+  if (n <= 0) return "";
+  return `$${n.toFixed(4)}`;
+}
+function normalizeInlineText(text) {
+  return text.replace(/\s+/g, " ").trim();
+}
+function truncToWidth(text, width) {
+  if (width <= 0) return "";
+  if (text.length <= width) return text;
+  if (width === 1) return "\u2026";
+  return `${text.slice(0, width - 1)}\u2026`;
+}
+function displayName(entry, roster) {
+  const rosterName = roster?.[entry.id]?.name;
+  const name = rosterName || entry.name || entry.id;
+  return normalizeInlineText(name) || entry.id.slice(0, 8);
+}
+function activityText(entry, now) {
+  if (entry.currentTool) {
+    return `${entry.currentTool.name} ${fmtShortDuration2(now - entry.currentTool.startedAt)}`;
+  }
+  const streaming = normalizeInlineText(entry.streamingText);
+  if (entry.status === "running" && streaming) return streaming;
+  const lastMessage = entry.recentMessages.at(-1);
+  if (lastMessage) return normalizeInlineText(lastMessage.text);
+  const lastTool = entry.recentTools.at(-1);
+  if (lastTool) {
+    const ok = lastTool.ok === false ? "failed" : "done";
+    return `${ok} ${lastTool.name}`;
+  }
+  if (entry.status === "running") return "thinking";
+  if (entry.status === "idle") return "standing by";
+  if (entry.status === "success") return "complete";
+  if (entry.status === "timeout") return "timeout";
+  if (entry.status === "stopped") return "stopped";
+  return entry.failureReason ? `failed ${entry.failureReason}` : "failed";
+}
+function swarmMeter(entry, now, width = METER_WIDTH) {
+  if (width <= 0) return "";
+  if (entry.status === "success") return "\u2588".repeat(width);
+  if (entry.status === "failed" || entry.status === "timeout" || entry.status === "stopped") {
+    return "\u25A0".repeat(width);
+  }
+  if (entry.status === "idle") return "\u2591".repeat(width);
+  const elapsedBucket = Math.floor(Math.max(0, now - entry.startedAt) / 1e3);
+  const phase = (elapsedBucket + entry.iterations + entry.toolCalls) % width;
+  const filled = Math.max(Math.min(width, 2), Math.min(width, phase + 1));
+  return "\u2588".repeat(filled) + "\u2591".repeat(width - filled);
+}
+function swarmColumnCount(width) {
+  if (width < 54) return 1;
+  return Math.max(1, Math.min(5, Math.floor(width / 38)));
+}
+function selectSwarmEntries(entries, now, opts = {}) {
+  const terminalTtlMs = opts.terminalTtlMs ?? TERMINAL_TTL_MS;
+  return Object.values(entries).filter((entry) => {
+    if (isLeaderEntry2(entry) && !opts.includeLeader) return false;
+    if (entry.status === "running" || entry.status === "idle") return true;
+    return now - entry.lastEventAt <= terminalTtlMs;
+  }).sort((a, b) => {
+    const rank = (entry) => {
+      if (entry.status === "running") return 0;
+      if (entry.status === "idle") return 1;
+      return 2;
+    };
+    const ar = rank(a);
+    const br = rank(b);
+    if (ar !== br) return ar - br;
+    if (ar === 2) return b.lastEventAt - a.lastEventAt;
+    return a.startedAt - b.startedAt;
+  });
+}
+function buildSwarmGrid(entries, now, width, opts = {}) {
+  const columns = swarmColumnCount(width);
+  const gapWidth = Math.max(0, columns - 1) * 2;
+  const tileWidth = Math.max(24, Math.floor((Math.max(24, width) - gapWidth) / columns));
+  const maxRows = opts.maxRows ?? 3;
+  const maxCells = Math.max(1, columns * maxRows);
+  const selected = selectSwarmEntries(entries, now, { includeLeader: opts.includeLeader });
+  const hasOverflow = selected.length > maxCells;
+  const shown = hasOverflow ? selected.slice(0, maxCells - 1) : selected.slice(0, maxCells);
+  const bodyWidth = Math.max(6, tileWidth - 3 - 1 - (METER_WIDTH + 2) - 1);
+  const cells = shown.map((entry, i) => {
+    const name = displayName(entry, opts.roster);
+    const label = `${name} \xB7 ${activityText(entry, now)}`;
+    return {
+      id: entry.id,
+      index: String(i + 1).padStart(3, "0"),
+      meter: swarmMeter(entry, now),
+      text: truncToWidth(label, bodyWidth),
+      color: statusColor(entry.status),
+      dim: entry.status === "idle"
+    };
+  });
+  const overflow = selected.length - shown.length;
+  if (overflow > 0) {
+    cells.push({
+      id: "__overflow",
+      index: "+++",
+      meter: "\u2591".repeat(METER_WIDTH),
+      text: truncToWidth(`${overflow} more agents`, bodyWidth),
+      color: "gray",
+      dim: true
+    });
+  }
+  const rows = [];
+  for (let i = 0; i < cells.length; i += columns) rows.push(cells.slice(i, i + columns));
+  return { columns, tileWidth, overflow, rows };
+}
+function buildTodoPreviewRows(todos, width, maxRows = 5) {
+  if (!todos || todos.length === 0 || maxRows <= 0) return [];
+  const ordered = [...todos].sort((a, b) => {
+    const rank = (t) => t.status === "in_progress" ? 0 : t.status === "pending" ? 1 : 2;
+    return rank(a) - rank(b);
+  });
+  const shown = ordered.slice(0, maxRows);
+  const textWidth = Math.max(4, width - 5);
+  const rows = shown.map((todo) => {
+    const label = todo.status === "in_progress" && todo.activeForm ? todo.activeForm : todo.content;
+    if (todo.status === "completed") {
+      return {
+        id: todo.id,
+        marker: "\u2713",
+        text: truncToWidth(label, textWidth),
+        color: "green",
+        dim: true
+      };
+    }
+    if (todo.status === "in_progress") {
+      return {
+        id: todo.id,
+        marker: "\u25CF",
+        text: truncToWidth(label, textWidth),
+        color: "blue"
+      };
+    }
+    return {
+      id: todo.id,
+      marker: "\u25CB",
+      text: truncToWidth(label, textWidth),
+      color: "gray"
+    };
+  });
+  const overflow = ordered.length - shown.length;
+  if (overflow > 0) {
+    rows.push({
+      id: "__todo_overflow",
+      marker: "+",
+      text: truncToWidth(`${overflow} more`, textWidth),
+      color: "gray",
+      dim: true
+    });
+  }
+  return rows;
+}
+function FleetPanel({
+  entries,
   totalCost,
+  roster,
+  todos,
+  nowTick,
   collabSession
 }) {
   const { stdout } = useStdout();
@@ -8980,52 +9534,54 @@ function FleetPanel({
     };
   }, [stdout]);
   const list = Object.values(entries);
-  if (list.length === 0 && !collabSession) return null;
-  const nameMaxLen = Math.max(6, Math.min(14, termWidth - 30));
   const leader = list.find((e) => e.id === "leader");
-  const subagents = list.filter((e) => e.id !== "leader");
-  const running = subagents.filter((e) => e.status === "running");
-  const runningCount = running.length;
+  const subagents = list.filter((e) => !isLeaderEntry2(e));
   const hasCollab = !!collabSession;
-  const costLabel = totalCost > 0 ? ` \xB7 ${totalCost.toFixed(4)}` : "";
-  const collabLabel = hasCollab && collabSession.sessionId ? ` \xB7 collab(${collabSession.bugCount}b/${collabSession.planCount}p/${collabSession.evalCount}e)` : "";
-  const summaryLine = runningCount > 0 ? `${runningCount} running${costLabel}${collabLabel}` : `idle${costLabel}${collabLabel}`;
-  const shown = running.slice(0, 5);
-  const overflow = running.length > 5 ? running.length - 5 : 0;
-  const leaderTool = hasCollab ? "waiting for agents" : leader?.currentTool?.name ?? (leader?.status === "running" ? "running" : "\u2014");
+  const now = nowTick ?? Date.now();
+  const contentWidth = Math.max(40, termWidth - 2);
+  const includeLeader = hasCollab || leader?.status === "running";
+  const grid = buildSwarmGrid(entries, now, contentWidth, {
+    includeLeader,
+    maxRows: termWidth >= 120 ? 3 : 4,
+    roster
+  });
+  const todoRows = buildTodoPreviewRows(todos, contentWidth, 5);
+  const hasSwarm = grid.rows.length > 0;
+  if (!hasSwarm && todoRows.length === 0 && !hasCollab) return null;
+  const runningCount = subagents.filter((e) => e.status === "running").length;
+  const idleCount = subagents.filter((e) => e.status === "idle").length;
+  const doneCount = subagents.filter((e) => e.status === "success").length;
+  const failedCount = subagents.filter(
+    (e) => e.status === "failed" || e.status === "timeout"
+  ).length;
+  const summaryBits = [
+    runningCount > 0 ? `${runningCount} running` : "idle",
+    idleCount > 0 ? `${idleCount} idle` : "",
+    doneCount > 0 ? `${doneCount} done` : "",
+    failedCount > 0 ? `${failedCount} failed` : "",
+    fmtCost2(totalCost)
+  ].filter(Boolean);
+  const collabLabel = hasCollab && collabSession.sessionId ? `collab ${collabSession.bugCount}b/${collabSession.planCount}p/${collabSession.evalCount}e` : "";
+  if (collabLabel) summaryBits.push(collabLabel);
+  const summary = summaryBits.join(" \xB7 ");
+  const title = ` Agent Swarm${summary ? ` - ${summary}` : ""} `;
+  const header = `\u2500${truncToWidth(title, Math.max(10, contentWidth - 1)).padEnd(contentWidth - 1, "\u2500")}`;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u26A1 Fleet" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-      /* @__PURE__ */ jsx(Text, { children: summaryLine })
-    ] }),
-    hasCollab && leader ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u25CF" }),
-      /* @__PURE__ */ jsx(Text, { children: leader.name.slice(0, nameMaxLen) }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2192" }),
-      /* @__PURE__ */ jsx(Text, { color: "yellow", children: leaderTool })
-    ] }) : null,
-    shown.map((entry) => {
-      const name = entry.name && entry.name !== entry.id ? entry.name : entry.id.slice(0, nameMaxLen);
-      const tool = entry.currentTool?.name ?? "\u2014";
-      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF" }),
-        /* @__PURE__ */ jsx(Text, { children: name.slice(0, nameMaxLen) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2192" }),
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: tool })
-      ] }, entry.id);
-    }),
-    overflow > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "+",
-        overflow,
-        ":"
-      ] }),
-      running.slice(5, 7).map((e) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        e.name?.split(" ")[0]?.slice(0, nameMaxLen - 2) ?? "agent",
-        ","
-      ] }, e.id)),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2026" })
+    /* @__PURE__ */ jsx(Box, { height: 1, children: /* @__PURE__ */ jsx(Text, { color: "blue", children: header }) }),
+    grid.rows.map((row, rowIndex) => /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 2, height: 1, children: row.map((cell) => /* @__PURE__ */ jsxs(Box, { width: grid.tileWidth, flexShrink: 0, children: [
+      /* @__PURE__ */ jsx(Text, { color: "blue", children: cell.index }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: " [" }),
+      /* @__PURE__ */ jsx(Text, { color: cell.color, children: cell.meter }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "] " }),
+      /* @__PURE__ */ jsx(Text, { color: cell.color, ...cell.dim ? { dimColor: true } : {}, wrap: "truncate", children: cell.text })
+    ] }, cell.id)) }, `swarm-row-${rowIndex}`)),
+    todoRows.length > 0 ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "blue", children: "Todo" }),
+      todoRows.map((row) => /* @__PURE__ */ jsxs(Box, { height: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: row.color, children: row.marker }),
+        /* @__PURE__ */ jsx(Text, { children: " " }),
+        /* @__PURE__ */ jsx(Text, { color: row.color, ...row.dim ? { dimColor: true } : {}, wrap: "truncate", children: row.text })
+      ] }, row.id))
     ] }) : null
   ] });
 }
@@ -9466,10 +10022,10 @@ function renderTable(tableLines, maxWidth) {
   const widths = computeWidths([header, ...dataRows], cols, maxWidth, sepWidths);
   const lines = [];
   lines.push(border("\u250C", "\u252C", "\u2510", widths));
-  lines.push(...renderRow(header, widths, aligns));
+  lines.push(...renderRow2(header, widths, aligns));
   lines.push(border("\u251C", "\u253C", "\u2524", widths));
   for (const row of dataRows) {
-    lines.push(...renderRow(row, widths, aligns));
+    lines.push(...renderRow2(row, widths, aligns));
   }
   lines.push(border("\u2514", "\u2534", "\u2518", widths));
   return lines.join("\n");
@@ -9640,7 +10196,7 @@ var ANSI_RESET_ALL = "\x1B[0m";
 function applyInlineAnsi(text) {
   return text.replace(/\*\*(.+?)\*\*/g, `${ANSI_BOLD}$1${ANSI_RESET_ALL}`).replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, `${ANSI_DIM}$1${ANSI_RESET_ALL}`).replace(/`(.+?)`/g, `${ANSI_CYAN}$1${ANSI_RESET_ALL}`).replace(/~~(.+?)~~/g, `${ANSI_STRIKE}$1${ANSI_RESET_ALL}`);
 }
-function renderRow(cells, widths, aligns) {
+function renderRow2(cells, widths, aligns) {
   const styled = cells.map((c) => applyInlineAnsi(c));
   const safe = styled.map((c) => breakLigatures(c));
   const wrapped = safe.map((c, i) => wrapCell(c, widths[i] ?? MIN_COL_WIDTH));
@@ -10233,6 +10789,27 @@ var Entry = React5.memo(function Entry2({
           ] })
         }
       );
+    case "thinking": {
+      const contentWidth = assistantContentWidth(termWidth);
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          marginX: 0,
+          marginY: 1,
+          borderStyle: "single",
+          borderTop: false,
+          borderRight: false,
+          borderBottom: false,
+          borderColor: "magenta",
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "THINKING" }) }),
+            /* @__PURE__ */ jsx(AssistantBody, { text: entry.text, termWidth, contentWidth })
+          ]
+        }
+      );
+    }
     case "assistant": {
       const contentWidth = assistantContentWidth(termWidth);
       const { steps, stripped } = nextSteps;
@@ -10732,21 +11309,21 @@ function inputIndexAtRowCol(prompt, value, width, row, col) {
     rows.push(cur);
     starts.push(curStart);
   }
-  const clamp = (n) => Math.max(0, Math.min(value.length, n));
+  const clamp2 = (n) => Math.max(0, Math.min(value.length, n));
   if (row < 0) return 0;
   if (row >= rows.length) return value.length;
   const r = rows[row];
   const c = Math.max(0, col);
   if (c < r.length) {
     const b = r[c].buf;
-    return b < 0 ? 0 : clamp(b);
+    return b < 0 ? 0 : clamp2(b);
   }
   for (let k = r.length - 1; k >= 0; k--) {
     const b = r[k].buf;
-    if (b >= 0) return clamp(b + 1);
+    if (b >= 0) return clamp2(b + 1);
   }
   const start = starts[row];
-  return clamp(start !== void 0 && start >= 0 ? start : value.length);
+  return clamp2(start !== void 0 && start >= 0 ? start : value.length);
 }
 
 // src/mouse.ts
@@ -10787,7 +11364,7 @@ function parseMouseEvents(data) {
 function isLeakedMouseInput(input) {
   return LEAKED_MOUSE_RE.test(input);
 }
-function renderRow2(cells, rowKey, promptColor) {
+function renderRow3(cells, rowKey, promptColor) {
   const out = [];
   let run = "";
   let runStart = 0;
@@ -11002,11 +11579,456 @@ var Input = memo(function Input2({
   }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
     rows.map(
-      (row, i) => row.length === 0 ? /* @__PURE__ */ jsx(Text, { children: " " }, i) : /* @__PURE__ */ jsx(Text, { children: renderRow2(row, `r${i}`, promptColor) }, i)
+      (row, i) => row.length === 0 ? /* @__PURE__ */ jsx(Text, { children: " " }, i) : /* @__PURE__ */ jsx(Text, { children: renderRow3(row, `r${i}`, promptColor) }, i)
     ),
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
 });
+function KanbanPanel({ projectRoot, onClose }) {
+  const [boards, setBoards] = useState([]);
+  const [selectedBoard, setSelectedBoard] = useState(0);
+  const [selectedTask, setSelectedTask] = useState(0);
+  const [board, setBoard] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [notice, setNotice] = useState(null);
+  const [prompt, setPrompt] = useState(null);
+  const sortedColumns = useMemo(
+    () => [...board?.columns ?? []].sort((a, b) => a.order - b.order),
+    [board]
+  );
+  const visibleTasks = useMemo(() => {
+    if (!board) return [];
+    return sortedColumns.flatMap(
+      (column) => board.tasks.filter((task) => task.columnId === column.id).sort((a, b) => a.order - b.order)
+    );
+  }, [board, sortedColumns]);
+  const activeTask = visibleTasks[selectedTask] ?? null;
+  const transferTarget = nextBoard(boards, board?.id);
+  async function load(nextBoardIndex = selectedBoard, nextTaskIndex = selectedTask) {
+    setLoading(true);
+    setError(null);
+    try {
+      const summaries = await listBoards(projectRoot);
+      setBoards(summaries);
+      const clampedBoard = clamp(nextBoardIndex, 0, Math.max(0, summaries.length - 1));
+      setSelectedBoard(clampedBoard);
+      const active = summaries[clampedBoard];
+      const loaded = active ? await getBoard(projectRoot, active.id) : null;
+      setBoard(loaded);
+      const taskCount = loaded?.tasks.length ?? 0;
+      setSelectedTask(clamp(nextTaskIndex, 0, Math.max(0, taskCount - 1)));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function runMutation(fn, selection = {}) {
+    setLoading(true);
+    setError(null);
+    try {
+      const message = await fn();
+      setNotice(message ?? null);
+      await load(selection.boardIndex ?? selectedBoard, selection.taskIndex ?? selectedTask);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function commitPrompt() {
+    if (!prompt) return;
+    if (prompt.kind === "confirmDeleteTask") {
+      setPrompt(null);
+      await runMutation(async () => {
+        if (!board) return null;
+        await removeTask(projectRoot, board.id, prompt.task.id);
+        return `Deleted task: ${prompt.task.title}`;
+      });
+      return;
+    }
+    const value = prompt.buffer.trim();
+    if (!value) return;
+    const kind = prompt.kind;
+    setPrompt(null);
+    await runMutation(
+      async () => {
+        if (kind === "createBoard") {
+          const created = await createBoard(projectRoot, { title: value });
+          return `Created board: ${created.title}`;
+        }
+        if (!board) return null;
+        const added = await addTask(projectRoot, board.id, {
+          title: value,
+          columnId: sortedColumns[0]?.id ?? "backlog"
+        });
+        return added ? `Added task: ${added.task.title}` : "Task add failed";
+      },
+      kind === "createBoard" ? { boardIndex: 0, taskIndex: 0 } : { taskIndex: board?.tasks.length }
+    );
+  }
+  useEffect(() => {
+    void load(0, 0);
+  }, [projectRoot]);
+  useInput((input, key) => {
+    if (prompt) {
+      if (key.escape) {
+        setPrompt(null);
+        return;
+      }
+      if (prompt.kind === "confirmDeleteTask") {
+        if (input.toLowerCase() === "y") void commitPrompt();
+        else if (input.toLowerCase() === "n") setPrompt(null);
+        return;
+      }
+      if (key.return || input === "\r" || input === "\n") {
+        void commitPrompt();
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setPrompt({ ...prompt, buffer: prompt.buffer.slice(0, -1) });
+        return;
+      }
+      if (input && !key.ctrl && !key.meta && input >= " ") {
+        setPrompt({ ...prompt, buffer: `${prompt.buffer}${input}` });
+      }
+      return;
+    }
+    if (key.escape || input === "q") {
+      onClose();
+      return;
+    }
+    if (input === "r" || input === "R") {
+      void load(selectedBoard, selectedTask);
+      return;
+    }
+    if (input === "c") {
+      setPrompt({ kind: "createBoard", buffer: "" });
+      return;
+    }
+    if (input === "a" && board) {
+      setPrompt({ kind: "addTask", buffer: "" });
+      return;
+    }
+    if ((input === "n" || key.downArrow) && boards.length > 0) {
+      void load(clamp(selectedBoard + 1, 0, boards.length - 1), 0);
+      return;
+    }
+    if ((input === "p" || key.upArrow) && boards.length > 0) {
+      void load(clamp(selectedBoard - 1, 0, boards.length - 1), 0);
+      return;
+    }
+    if (key.shift && key.tab && visibleTasks.length > 0) {
+      setSelectedTask((idx) => (idx - 1 + visibleTasks.length) % visibleTasks.length);
+      return;
+    }
+    if (key.tab && visibleTasks.length > 0) {
+      setSelectedTask((idx) => (idx + 1) % visibleTasks.length);
+      return;
+    }
+    if (key.rightArrow && board && activeTask) {
+      const nextColumn = adjacentColumn(sortedColumns, activeTask.columnId, 1);
+      if (nextColumn) {
+        void runMutation(async () => {
+          await moveTask(projectRoot, board.id, activeTask.id, nextColumn.id);
+          return `Moved to ${nextColumn.title}`;
+        });
+      }
+      return;
+    }
+    if (key.leftArrow && board && activeTask) {
+      const prevColumn = adjacentColumn(sortedColumns, activeTask.columnId, -1);
+      if (prevColumn) {
+        void runMutation(async () => {
+          await moveTask(projectRoot, board.id, activeTask.id, prevColumn.id);
+          return `Moved to ${prevColumn.title}`;
+        });
+      }
+      return;
+    }
+    if ((input === " " || input === "D") && board && activeTask) {
+      void runMutation(async () => {
+        await updateTask(projectRoot, board.id, activeTask.id, {
+          status: "completed",
+          columnId: doneColumnId(board) ?? activeTask.columnId
+        });
+        return `Completed task: ${activeTask.title}`;
+      });
+      return;
+    }
+    if (input === "b" && board && activeTask) {
+      void runMutation(async () => {
+        await updateTask(projectRoot, board.id, activeTask.id, { status: "blocked" });
+        return `Blocked task: ${activeTask.title}`;
+      });
+      return;
+    }
+    if (input === "x" && activeTask) {
+      setPrompt({ kind: "confirmDeleteTask", task: activeTask });
+      return;
+    }
+    if (input === "d" && board) {
+      void runMutation(
+        async () => {
+          const duplicated = await duplicateBoard(projectRoot, board.id, {
+            title: `${board.title} Copy`,
+            preserveAssignment: true
+          });
+          return duplicated ? `Duplicated board: ${duplicated.title}` : "Board duplicate failed";
+        },
+        { boardIndex: 0, taskIndex: selectedTask }
+      );
+      return;
+    }
+    if (input === "C" && board && activeTask && transferTarget) {
+      void runMutation(async () => {
+        await copyTaskToBoard(projectRoot, board.id, activeTask.id, transferTarget.id);
+        return `Copied task to ${transferTarget.title}`;
+      });
+      return;
+    }
+    if (input === "T" && board && activeTask && transferTarget) {
+      void runMutation(async () => {
+        await transferTaskToBoard(projectRoot, board.id, activeTask.id, transferTarget.id, {
+          preserveAssignment: true
+        });
+        return `Transferred task to ${transferTarget.title}`;
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "KANBAN" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        boards.length,
+        " board",
+        boards.length === 1 ? "" : "s"
+      ] }),
+      board ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+        /* @__PURE__ */ jsx(Text, { children: board.title })
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "| n/p board | Tab task | left/right move | c/a/d create/add/dup | C/T copy/transfer | Esc close" })
+    ] }),
+    prompt ? /* @__PURE__ */ jsx(PromptLine, { prompt }) : null,
+    notice && !prompt ? /* @__PURE__ */ jsx(Text, { color: "green", wrap: "truncate", children: notice }) : null,
+    loading ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Loading kanban..." }) : error ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "Error: ",
+      error
+    ] }) : !board ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No kanban boards yet." }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "Press ",
+        /* @__PURE__ */ jsx(Text, { color: theme.accent, children: "c" }),
+        " to create one, or use",
+        " ",
+        /* @__PURE__ */ jsx(Text, { color: theme.accent, children: "/kanban create <title>" }),
+        "."
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(BoardSummary, { board, target: transferTarget }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(BoardList, { boards, selected: selectedBoard }),
+        /* @__PURE__ */ jsx(BoardColumns, { board, activeTaskId: activeTask?.id }),
+        /* @__PURE__ */ jsx(TaskDetail, { board, task: activeTask, target: transferTarget })
+      ] })
+    ] })
+  ] });
+}
+function PromptLine({ prompt }) {
+  if (prompt.kind === "confirmDeleteTask") {
+    return /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+      'Delete "',
+      prompt.task.title,
+      '"? y/n'
+    ] });
+  }
+  const label = prompt.kind === "createBoard" ? "New board title" : "New task title";
+  return /* @__PURE__ */ jsxs(Text, { children: [
+    /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+      label,
+      ": "
+    ] }),
+    prompt.buffer,
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "_" })
+  ] });
+}
+function BoardList({
+  boards,
+  selected
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: 24, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Boards" }),
+    boards.slice(0, 12).map((item, index) => /* @__PURE__ */ jsxs(Text, { color: index === selected ? "cyan" : void 0, wrap: "truncate", children: [
+      index === selected ? ">" : " ",
+      " ",
+      item.title,
+      " (",
+      item.taskCount,
+      ")"
+    ] }, item.id)),
+    boards.length > 12 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "... ",
+      boards.length - 12,
+      " more"
+    ] }) : null
+  ] });
+}
+function BoardColumns({
+  board,
+  activeTaskId
+}) {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 1, children: [...board.columns].sort((a, b) => a.order - b.order).slice(0, 5).map((column) => {
+    const allTasks = board.tasks.filter((task) => task.columnId === column.id).sort((a, b) => a.order - b.order);
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: 26, children: [
+      /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", wrap: "truncate", children: [
+        column.title,
+        " (",
+        allTasks.length,
+        ")"
+      ] }),
+      allTasks.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: " empty" }) : allTasks.slice(0, 8).map((task) => /* @__PURE__ */ jsxs(
+        Text,
+        {
+          color: task.id === activeTaskId ? "cyan" : void 0,
+          wrap: "truncate",
+          children: [
+            task.id === activeTaskId ? ">" : " ",
+            " ",
+            statusIcon(task.status),
+            " ",
+            task.title,
+            task.assignedAgent ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              " @",
+              task.assignedAgent
+            ] }) : null
+          ]
+        },
+        task.id
+      )),
+      allTasks.length > 8 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        " ... ",
+        allTasks.length - 8,
+        " more"
+      ] }) : null
+    ] }, column.id);
+  }) });
+}
+function TaskDetail({
+  board,
+  task,
+  target
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: 34, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Task" }),
+    !task ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No task selected." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: task.title }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "ID ",
+        task.id.slice(0, 8)
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        task.priority.toUpperCase(),
+        " / ",
+        task.status
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "Column ",
+        columnTitle(board, task.columnId)
+      ] }),
+      task.description ? /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: task.description }) : null,
+      task.assignment ? /* @__PURE__ */ jsxs(Text, { wrap: "truncate", children: [
+        "Agent ",
+        task.assignment.agentId ?? task.assignedAgent ?? task.assignment.role ?? "-",
+        " /",
+        " ",
+        task.assignment.status
+      ] }) : task.assignedAgent ? /* @__PURE__ */ jsxs(Text, { wrap: "truncate", children: [
+        "Agent ",
+        task.assignedAgent
+      ] }) : null,
+      task.dependsOn?.length ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "Depends on ",
+        task.dependsOn.length
+      ] }) : null,
+      target ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "C/T target: ",
+        target.title
+      ] }) : null,
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "space done | b block | x delete" })
+    ] })
+  ] });
+}
+function BoardSummary({
+  board,
+  target
+}) {
+  const done = board.tasks.filter((task) => task.status === "completed").length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "ID ",
+      board.id.slice(0, 8)
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      board.columns.length,
+      " columns"
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      board.tasks.length,
+      " tasks"
+    ] }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+    /* @__PURE__ */ jsxs(Text, { color: done === board.tasks.length && done > 0 ? "green" : "yellow", children: [
+      done,
+      " done"
+    ] }),
+    target ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "next board: ",
+        target.title
+      ] })
+    ] }) : null
+  ] });
+}
+function nextBoard(boards, boardId) {
+  if (!boardId || boards.length < 2) return void 0;
+  const index = boards.findIndex((item) => item.id === boardId);
+  if (index === -1) return boards.find((item) => item.id !== boardId);
+  for (let offset = 1; offset < boards.length; offset++) {
+    const candidate = boards[(index + offset) % boards.length];
+    if (candidate && candidate.id !== boardId) return candidate;
+  }
+  return void 0;
+}
+function adjacentColumn(columns, columnId, delta) {
+  const index = columns.findIndex((column) => column.id === columnId);
+  if (index === -1) return void 0;
+  return columns[index + delta];
+}
+function doneColumnId(board) {
+  return board.columns.find(
+    (column) => ["done", "completed", "finished"].includes(column.id.toLowerCase())
+  )?.id;
+}
+function columnTitle(board, columnId) {
+  return board.columns.find((column) => column.id === columnId)?.title ?? columnId;
+}
+function statusIcon(status) {
+  if (status === "completed") return "x";
+  if (status === "blocked") return "!";
+  if (status === "in_progress") return ">";
+  if (status === "failed") return "!";
+  if (status === "review") return "?";
+  return "-";
+}
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
 function hintsFor(ctx) {
   if (ctx.confirm) {
     return [
@@ -11174,33 +12196,46 @@ function ModelPicker({
   hint
 }) {
   if (step === "provider") {
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u2501\u2501 Switch model \u2014 Step 1/2: Pick provider \u2501\u2501" }),
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: UI_COLORS.title, bold: true, children: "\u2501\u2501 Switch model \u2014 Step 1/2: Pick provider \u2501\u2501" }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc cancel \xB7 Ctrl+C exit" }),
-      providerOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no providers with keys \u2014 add one via `wstack auth`)" }) : providerOptions.map((p, i) => /* @__PURE__ */ jsxs(Text, { inverse: i === selected, ...i === selected ? { color: "cyan" } : {}, children: [
-        i === selected ? "\u203A " : "  ",
-        /* @__PURE__ */ jsx(Text, { bold: true, children: p.id.padEnd(28) }),
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          " [",
-          p.family,
-          "]"
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          " ",
-          p.models.length,
-          " model",
-          p.models.length === 1 ? "" : "s"
-        ] })
-      ] }, p.id)),
-      hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
-    ] });
+      providerOptions.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(no providers with keys \u2014 add one via `wstack auth`)" }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", minHeight: providerOptions.length, children: providerOptions.map((p, i) => {
+        const isSelected = i === selected;
+        const famColor = colorForFamily(p.family);
+        return /* @__PURE__ */ jsxs(
+          Text,
+          {
+            inverse: isSelected,
+            ...isSelected ? { color: UI_COLORS.focused } : {},
+            children: [
+              isSelected ? "\u203A " : "  ",
+              /* @__PURE__ */ jsx(Text, { bold: true, color: isSelected ? void 0 : famColor, children: p.id.padEnd(28) }),
+              /* @__PURE__ */ jsxs(Text, { color: isSelected ? void 0 : famColor, dimColor: !isSelected, children: [
+                " ",
+                "[",
+                p.family,
+                "]"
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                " ",
+                p.models.length,
+                " model",
+                p.models.length === 1 ? "" : "s"
+              ] })
+            ]
+          },
+          p.id
+        );
+      }) }),
+      hint ? /* @__PURE__ */ jsx(Text, { color: UI_COLORS.hint, children: hint }) : null
+    ] });
   }
   const total = filteredOptions.length;
   const { start, end } = getVisibleWindow2(selected, total);
   const visibleItems = filteredOptions.slice(start, end);
   const searchHint = searchQuery ? ` | filter:"${searchQuery}" \u2192 ${total} match${total === 1 ? "" : "es"}` : total > MAX_VISIBLE2 ? ` (${total} models \u2014 type to filter)` : "";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Text, { color: "cyan", bold: true, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { color: UI_COLORS.title, bold: true, children: [
       "\u2501\u2501 Switch model \u2014 Step 2/2: Pick model ",
       "(",
       pickedProviderId,
@@ -11209,7 +12244,7 @@ function ModelPicker({
       " \u2501\u2501"
     ] }),
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate \xB7 Enter select \xB7 Esc back \xB7 Ctrl+C exit \xB7 type to filter" }),
-    total === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: searchQuery ? `(no models match "${searchQuery}")` : "(no models known for this provider)" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    total === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: searchQuery ? `(no models match "${searchQuery}")` : "(no models known for this provider)" }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", minHeight: MAX_VISIBLE2 + 2, children: [
       start > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         "\u25B2 ",
         start,
@@ -11217,26 +12252,30 @@ function ModelPicker({
       ] }),
       visibleItems.map((id, vi) => {
         const absoluteIndex = start + vi;
+        const isSelected = absoluteIndex === selected;
         return /* @__PURE__ */ jsxs(
           Text,
           {
-            inverse: absoluteIndex === selected,
-            ...absoluteIndex === selected ? { color: "cyan" } : {},
+            inverse: isSelected,
+            ...isSelected ? { color: UI_COLORS.selectedModel } : {},
             children: [
-              absoluteIndex === selected ? "\u203A " : "  ",
+              isSelected ? "\u203A " : "  ",
               id
             ]
           },
           id
         );
       }),
+      Array.from({ length: MAX_VISIBLE2 - visibleItems.length }).map(
+        (_, i) => /* @__PURE__ */ jsx(Text, { children: " " }, `pad-${i}`)
+      ),
       end < total && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         "\u25BC ",
         total - end,
         " below"
       ] })
     ] }),
-    hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
+    hint ? /* @__PURE__ */ jsx(Text, { color: UI_COLORS.hint, children: hint }) : null
   ] });
 }
 var fmtElapsed3 = (ms) => {
@@ -11564,7 +12603,7 @@ function PlanRow({ item }) {
     ] }) : null
   ] });
 }
-var CHROME_ROWS = 17;
+var CHROME_ROWS2 = 17;
 function PluginPicker({
   items,
   selected,
@@ -11573,7 +12612,7 @@ function PluginPicker({
 }) {
   const { stdout } = useStdout();
   const rows = stdout?.rows ?? 24;
-  const maxVisible = Math.max(4, rows - CHROME_ROWS);
+  const maxVisible = Math.max(4, rows - CHROME_ROWS2);
   const total = items.length;
   const windowStart = total <= maxVisible ? 0 : Math.max(0, Math.min(selected - Math.floor(maxVisible / 2), total - maxVisible));
   const windowEnd = Math.min(windowStart + maxVisible, total);
@@ -12142,7 +13181,7 @@ function SddBoardOverlay({
     ] }) : null
   ] });
 }
-function statusIcon(status) {
+function statusIcon2(status) {
   switch (status) {
     case "active":
       return "\u25CF";
@@ -12210,7 +13249,7 @@ function SessionsPanel({
       /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsxs(Text, { inverse: idx === selected, color: s2.status === "active" ? "green" : s2.status === "idle" ? "cyan" : "yellow", children: [
           s2.sessionId === currentSessionId ? "\u25CF " : "",
-          statusIcon(s2.status),
+          statusIcon2(s2.status),
           " "
         ] }),
         /* @__PURE__ */ jsx(Text, { bold: true, children: s2.projectName }),
@@ -12507,11 +13546,11 @@ function WorktreeMonitor({
   useInput((input, key) => {
     if (isWorktreeMonitorCloseKey(input, key)) onClose();
   });
-  const TERMINAL_TTL_MS = 5 * 6e4;
+  const TERMINAL_TTL_MS2 = 5 * 6e4;
   const list = Object.values(worktrees);
   const recent = list.filter((w) => {
     if (["active", "committing", "merging", "needs-review"].includes(w.status)) return true;
-    return nowTick - (w.allocatedAt ?? nowTick) < TERMINAL_TTL_MS;
+    return nowTick - (w.allocatedAt ?? nowTick) < TERMINAL_TTL_MS2;
   });
   const active = list.filter((w) => ["active", "committing", "merging"].includes(w.status)).length;
   const merged = list.filter((w) => w.status === "merged").length;
@@ -12573,350 +13612,121 @@ function WorktreeMonitor({
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, marginLeft: 2, children: [
           /* @__PURE__ */ jsxs(Text, { color: "green", children: [
             "+",
-            w.insertions
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-            "-",
-            w.deletions
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "\xB7 ",
-            w.files,
-            " files"
-          ] })
-        ] }),
-        w.conflictFiles && w.conflictFiles.length > 0 ? /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
-          "conflicts: ",
-          w.conflictFiles.join(", ")
-        ] }) }) : null
-      ] }, w.branch);
-    }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Esc / F4 to close \xB7 merge conflicts with /worktree merge <branch>" }),
-      staleTerminal > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` \xB7 ${staleTerminal} terminal pruned` }) : null
-    ] })
-  ] });
-}
-var fmtElapsed6 = (ms) => {
-  const s2 = Math.floor(ms / 1e3);
-  const m = Math.floor(s2 / 60);
-  const h = Math.floor(m / 60);
-  if (h > 0) return `${h}:${String(m % 60).padStart(2, "0")}:${String(s2 % 60).padStart(2, "0")}`;
-  if (m > 0) return `${m}:${String(s2 % 60).padStart(2, "0")}`;
-  return `${s2}s`;
-};
-var STATUS5 = {
-  allocating: { icon: "\u25CB", color: "gray" },
-  active: { icon: "\u25CF", color: "yellow" },
-  committing: { icon: "\u25D0", color: "cyan" },
-  merging: { icon: "\u21E1", color: "blue" },
-  merged: { icon: "\u2713", color: "green" },
-  "needs-review": { icon: "\u26A0", color: "magenta" },
-  failed: { icon: "\u2717", color: "red" }
-};
-function st(status) {
-  return STATUS5[status] ?? { icon: "?", color: "white" };
-}
-function WorktreePanel({
-  worktrees,
-  nowTick
-}) {
-  const list = Object.values(worktrees);
-  if (list.length === 0) return null;
-  const active = list.filter(
-    (w) => w.status === "active" || w.status === "committing" || w.status === "merging"
-  ).length;
-  const merged = list.filter((w) => w.status === "merged").length;
-  const failed = list.filter((w) => w.status === "failed" || w.status === "needs-review").length;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      paddingX: 1,
-      borderStyle: "single",
-      borderTop: false,
-      borderBottom: false,
-      borderLeft: false,
-      borderRight: false,
-      children: [
-        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Worktrees" }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-          /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-            "\u25B6",
-            active
-          ] }),
-          /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-            "\u2713",
-            merged
-          ] }),
-          failed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-            "\u2717",
-            failed
-          ] }) : null,
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            "\xB7 ",
-            list.length,
-            " total \xB7 Ctrl+T for details"
-          ] })
-        ] }),
-        list.map((w) => {
-          const s2 = st(w.status);
-          const conflict = w.status === "needs-review";
-          const elapsed = w.allocatedAt ? fmtElapsed6(nowTick - w.allocatedAt) : "";
-          return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-            /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.icon }),
-            /* @__PURE__ */ jsx(Text, { children: w.branch.replace(/^wstack\/ap\//, "").slice(0, 18).padEnd(18) }),
-            /* @__PURE__ */ jsx(Text, { dimColor: true, children: w.ownerLabel.slice(0, 12) }),
-            conflict ? /* @__PURE__ */ jsx(Text, { color: "magenta", children: " CONFLICT" }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              " ",
-              "+",
-              w.insertions,
-              "/-",
-              w.deletions,
-              " ",
-              w.files,
-              "f"
-            ] }),
-            elapsed && (w.status === "active" || w.status === "committing") ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              " ",
-              elapsed
-            ] }) : null
-          ] }, w.branch);
-        })
-      ]
-    }
-  );
-}
-var CHROME_ROWS2 = 18;
-var LIST_ACTION_LABEL = {
-  catalog: "\uFF0B Add provider (models.dev catalog)",
-  local: "\uFF0B Add local server (OmniRoute / Ollama / vLLM / LM Studio)",
-  custom: "\uFF0B Add custom provider",
-  oauth: "\u26A1 Sign in with OAuth (ChatGPT / Claude / Copilot)"
-};
-var PROVIDER_ACTION_LABEL = {
-  "add-key": "\uFF0B Add another key",
-  "edit-family": "\u270E Edit family",
-  "edit-base-url": "\u270E Edit base URL",
-  "edit-models": "\u270E Edit visible model list",
-  remove: "\u2715 Remove this provider"
-};
-var OAUTH_LABEL = {
-  chatgpt: { title: "ChatGPT Plus/Pro", detail: "\u2192 openai-codex" },
-  claude: { title: "Claude Pro/Max", detail: "\u2192 anthropic-oauth" },
-  copilot: { title: "GitHub Copilot", detail: "\u2192 github-copilot" }
-};
-function keySummary(keyRow) {
-  const method = keyRow.authMethod === "oauth" ? " oauth" : "";
-  const created = keyRow.createdAt ? ` ${keyRow.createdAt.slice(0, 10)}` : "";
-  return `${keyRow.masked}${method}${created}`;
-}
-function renderRow3(row, focused, i) {
-  const marker = focused ? "\u203A" : " ";
-  const color = focused ? "cyan" : void 0;
-  switch (row.kind) {
-    case "provider": {
-      const p = row.provider;
-      const keys = p.keys.length === 0 ? "no keys" : p.keys.length === 1 ? `1 key ${p.keys[0]?.masked ?? ""}` : `${p.keys.length} keys`;
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        p.id.padEnd(22),
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: (p.family ?? "\u2014").padEnd(18) }),
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: p.keys.length > 0 ? "green" : "yellow", children: keys })
-      ] }, `p-${p.id}`);
-    }
-    case "list-action":
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        LIST_ACTION_LABEL[row.action]
-      ] }, `a-${row.action}`);
-    case "key": {
-      const k = row.keyRow;
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: k.active ? "green" : "gray", children: k.active ? "\u25CF" : "\u25CB" }),
-        " ",
-        k.label.padEnd(20),
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: keySummary(k) })
-      ] }, `k-${k.label}`);
-    }
-    case "provider-action":
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        PROVIDER_ACTION_LABEL[row.action]
-      ] }, `pa-${row.action}`);
-    case "catalog-entry": {
-      const c = row.entry;
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: c.saved ? "green" : "gray", children: c.saved ? "\u25C9" : "\u25CB" }),
-        " ",
-        c.id.padEnd(24),
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: c.family.padEnd(20) }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: c.name !== c.id ? c.name : "" })
-      ] }, `c-${c.id}`);
-    }
-    case "local-preset": {
-      const p = row.preset;
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        p.label.padEnd(12),
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: p.defaultBaseUrl.padEnd(28) }),
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: p.noAuth ? "no auth" : "optional key" })
-      ] }, `l-${p.id}`);
-    }
-    case "oauth-option": {
-      const o = OAUTH_LABEL[row.oauth] ?? { title: row.oauth, detail: "" };
-      return /* @__PURE__ */ jsxs(Text, { color, wrap: "truncate-end", children: [
-        marker,
-        " ",
-        o.title.padEnd(20),
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: o.detail })
-      ] }, `o-${row.oauth}`);
-    }
-    default:
-      return /* @__PURE__ */ jsx(Text, { children: " " }, `r-${i}`);
-  }
-}
-function viewTitle(panel) {
-  switch (panel.view) {
-    case "list":
-      return "API keys & sign-in";
-    case "provider":
-      return `Provider \u2014 ${panel.providerId ?? ""}`;
-    case "catalog":
-      return "Add provider \u2014 models.dev catalog";
-    case "local":
-      return "Add local server";
-    case "oauth":
-      return "Sign in with OAuth";
-    case "flow":
-      return panel.flowTitle || "Working\u2026";
-  }
-}
-function viewLegend(panel) {
-  if (panel.input) return "Enter submit \xB7 Esc cancel";
-  if (panel.confirm) return "y/Enter confirm \xB7 n/Esc cancel";
-  switch (panel.view) {
-    case "list":
-      return "\u2191/\u2193 select \xB7 Enter open \xB7 Esc close";
-    case "provider":
-      return "\u2191/\u2193 select \xB7 Enter activate/run \xB7 u update key \xB7 d delete key \xB7 Esc back";
-    case "catalog":
-      return "type to filter \xB7 \u2191/\u2193 select \xB7 Enter add key \xB7 Esc back";
-    case "local":
-      return "\u2191/\u2193 select \xB7 Enter configure & probe \xB7 Esc back";
-    case "oauth":
-      return "\u2191/\u2193 select \xB7 Enter sign in \xB7 Esc back";
-    case "flow":
-      return panel.flowDone ? "Enter/Esc back" : "Esc cancel";
-  }
-}
-function AuthPanel({ panel }) {
-  const { stdout } = useStdout();
-  const rows = stdout?.rows ?? 24;
-  const maxVisible = Math.max(4, rows - CHROME_ROWS2);
-  const allRows = authPanelRows(panel);
-  const total = allRows.length;
-  const windowStart = total <= maxVisible ? 0 : Math.max(0, Math.min(panel.selected - Math.floor(maxVisible / 2), total - maxVisible));
-  const windowEnd = Math.min(windowStart + maxVisible, total);
-  const above = windowStart;
-  const below = total - windowEnd;
-  const provider = panel.view === "provider" ? authSelectedProvider(panel) : void 0;
-  const logWindow = panel.log.slice(-Math.max(6, maxVisible));
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: viewTitle(panel) }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: viewLegend(panel) }),
-    panel.view === "provider" && provider ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [
-        "type: ",
-        provider.type ?? provider.id,
-        " \xB7 family: ",
-        provider.family ?? "unset",
-        " \xB7 baseUrl:",
-        " ",
-        provider.baseUrl ?? "unset"
-      ] }),
-      provider.models.length > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, wrap: "truncate-end", children: [
-        "models: ",
-        provider.models.join(", ")
-      ] }) : null
-    ] }) : null,
-    panel.view === "oauth" ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "yellow", wrap: "truncate-end", children: "\u26A0 Subscription tokens used outside official clients may violate provider Terms \u2014" }),
-      /* @__PURE__ */ jsx(Text, { color: "yellow", wrap: "truncate-end", children: "your account could be rate-limited or banned. An API key is the sanctioned path." })
-    ] }) : null,
-    panel.view === "catalog" ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "filter: " }),
-      panel.filter.length > 0 ? panel.filter : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "(type to search)" }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u258F" })
-    ] }) }) : null,
-    panel.view === "flow" ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      logWindow.length === 0 && !panel.flowDone ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Starting\u2026" }) : null,
-      logWindow.map((line) => /* @__PURE__ */ jsx(
-        Text,
-        {
-          wrap: "truncate-end",
-          color: line.startsWith("\u2717") ? "red" : line.startsWith("\u2713") ? "green" : void 0,
-          dimColor: !line.startsWith("\u2717") && !line.startsWith("\u2713"),
-          children: line
-        },
-        line
-      )),
-      panel.flowDone ? /* @__PURE__ */ jsxs(Text, { color: panel.flowOk ? "green" : "red", children: [
-        panel.flowOk ? "\u2713 Done." : "\u2717 Not completed.",
-        " ",
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press Enter or Esc to go back." })
-      ] }) : panel.input ? null : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2026 working (Esc to cancel)" })
-    ] }) : /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: total === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: panel.busy ? "Loading\u2026" : panel.view === "catalog" ? "No catalog entries match." : "Nothing here yet." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      above > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${above} more` }) : null,
-      allRows.slice(windowStart, windowEnd).map((row, i) => renderRow3(row, windowStart + i === panel.selected, i)),
-      below > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${below} more` }) : null
-    ] }) }),
-    panel.input ? /* @__PURE__ */ jsxs(
-      Box,
-      {
-        flexDirection: "column",
-        marginTop: 1,
-        borderStyle: "round",
-        borderColor: "yellow",
-        paddingX: 1,
-        children: [
-          /* @__PURE__ */ jsxs(Text, { color: "yellow", wrap: "truncate-end", children: [
-            "? ",
-            panel.input.label
+            w.insertions
           ] }),
-          /* @__PURE__ */ jsxs(Text, { children: [
-            panel.input.masked ? "\u2022".repeat(panel.input.draft.length) : panel.input.draft,
-            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u258F" }),
-            panel.input.masked ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: " (hidden \u2014 paste OK)" }) : null
+          /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+            "-",
+            w.deletions
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\xB7 ",
+            w.files,
+            " files"
           ] })
-        ]
-      }
-    ) : null,
-    panel.confirm ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "yellow", wrap: "truncate-end", children: [
-      "? ",
-      panel.confirm.question,
-      " ",
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[y/N]" })
-    ] }) }) : null,
-    panel.hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: panel.hint }) }) : null
+        ] }),
+        w.conflictFiles && w.conflictFiles.length > 0 ? /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
+          "conflicts: ",
+          w.conflictFiles.join(", ")
+        ] }) }) : null
+      ] }, w.branch);
+    }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Esc / F4 to close \xB7 merge conflicts with /worktree merge <branch>" }),
+      staleTerminal > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` \xB7 ${staleTerminal} terminal pruned` }) : null
+    ] })
   ] });
 }
+var fmtElapsed6 = (ms) => {
+  const s2 = Math.floor(ms / 1e3);
+  const m = Math.floor(s2 / 60);
+  const h = Math.floor(m / 60);
+  if (h > 0) return `${h}:${String(m % 60).padStart(2, "0")}:${String(s2 % 60).padStart(2, "0")}`;
+  if (m > 0) return `${m}:${String(s2 % 60).padStart(2, "0")}`;
+  return `${s2}s`;
+};
+var STATUS5 = {
+  allocating: { icon: "\u25CB", color: "gray" },
+  active: { icon: "\u25CF", color: "yellow" },
+  committing: { icon: "\u25D0", color: "cyan" },
+  merging: { icon: "\u21E1", color: "blue" },
+  merged: { icon: "\u2713", color: "green" },
+  "needs-review": { icon: "\u26A0", color: "magenta" },
+  failed: { icon: "\u2717", color: "red" }
+};
+function st(status) {
+  return STATUS5[status] ?? { icon: "?", color: "white" };
+}
+function WorktreePanel({
+  worktrees,
+  nowTick
+}) {
+  const list = Object.values(worktrees);
+  if (list.length === 0) return null;
+  const active = list.filter(
+    (w) => w.status === "active" || w.status === "committing" || w.status === "merging"
+  ).length;
+  const merged = list.filter((w) => w.status === "merged").length;
+  const failed = list.filter((w) => w.status === "failed" || w.status === "needs-review").length;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      paddingX: 1,
+      borderStyle: "single",
+      borderTop: false,
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Worktrees" }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+          /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
+            "\u25B6",
+            active
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+            "\u2713",
+            merged
+          ] }),
+          failed > 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+            "\u2717",
+            failed
+          ] }) : null,
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "\xB7 ",
+            list.length,
+            " total \xB7 Ctrl+T for details"
+          ] })
+        ] }),
+        list.map((w) => {
+          const s2 = st(w.status);
+          const conflict = w.status === "needs-review";
+          const elapsed = w.allocatedAt ? fmtElapsed6(nowTick - w.allocatedAt) : "";
+          return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.icon }),
+            /* @__PURE__ */ jsx(Text, { children: w.branch.replace(/^wstack\/ap\//, "").slice(0, 18).padEnd(18) }),
+            /* @__PURE__ */ jsx(Text, { dimColor: true, children: w.ownerLabel.slice(0, 12) }),
+            conflict ? /* @__PURE__ */ jsx(Text, { color: "magenta", children: " CONFLICT" }) : /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              " ",
+              "+",
+              w.insertions,
+              "/-",
+              w.deletions,
+              " ",
+              w.files,
+              "f"
+            ] }),
+            elapsed && (w.status === "active" || w.status === "committing") ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+              " ",
+              elapsed
+            ] }) : null
+          ] }, w.branch);
+        })
+      ]
+    }
+  );
+}
 async function readGitInfo(cwd) {
   const [branchRes, numstatRes, statusRes] = await Promise.all([
     runGit(cwd, ["branch", "--show-current"]),
@@ -14192,6 +15002,33 @@ function usePickerKeys(host) {
         }
         return true;
       }
+      if (state.modePicker.open) {
+        if (key.escape) {
+          dispatch({ type: "modePickerClose" });
+          return true;
+        }
+        if (key.mouse?.kind === "wheel") {
+          dispatch({ type: "modePickerMove", delta: key.mouse.wheel > 0 ? -1 : 1 });
+          return true;
+        }
+        if (key.upArrow) {
+          dispatch({ type: "modePickerMove", delta: -1 });
+          return true;
+        }
+        if (key.downArrow) {
+          dispatch({ type: "modePickerMove", delta: 1 });
+          return true;
+        }
+        if (isEnter) {
+          if (debouncedEnter(host)) return true;
+          const opt = state.modePicker.modes[state.modePicker.selected];
+          if (!opt) return true;
+          dispatch({ type: "modePickerClose" });
+          host.submit?.(`/mode ${opt.id}`);
+          return true;
+        }
+        return true;
+      }
       if (state.autonomyPicker.open) {
         if (key.escape) {
           dispatch({ type: "autonomyPickerClose" });
@@ -15378,6 +16215,58 @@ ${breakerLine}`;
   return [...lines, "", breakerLine].join("\n");
 }
 
+// src/on-panel-open.ts
+function createPanelOpenDispatcher(deps) {
+  const { dispatch, openProjectPicker, openStatuslinePicker, openAuthPanel } = deps;
+  return (action) => {
+    switch (action) {
+      case "authOpen":
+        return openAuthPanel ? openAuthPanel("list") : false;
+      case "authOauthOpen":
+        return openAuthPanel ? openAuthPanel("oauth") : false;
+      case "pluginPickerOpen":
+        dispatch({ type: "pluginPickerOpen" });
+        return true;
+      case "projectPickerOpen":
+        void openProjectPicker();
+        return true;
+      case "statuslineOpen":
+        openStatuslinePicker();
+        return true;
+      case "modePickerOpen":
+        if (deps.openModePicker) {
+          void deps.openModePicker();
+          return true;
+        }
+        return false;
+      case "toggleMonitor":
+        dispatch({ type: "toggleMonitor" });
+        return true;
+      case "toggleAuditPanel":
+        dispatch({ type: "toggleAuditPanel" });
+        return true;
+      // All other toggle* panels share the same handler in the reducer —
+      // the action type string IS the dispatch type. Dispatching them
+      // verbatim works because the reducer's switch covers every F-key
+      // panel action.
+      case "toggleAgentsMonitor":
+      case "toggleWorktreeMonitor":
+      case "togglePlanPanel":
+      case "toggleKanbanPanel":
+      case "toggleTodosMonitor":
+      case "toggleQueuePanel":
+      case "toggleProcessList":
+      case "toggleGoalPanel":
+      case "toggleSessionsPanel":
+      case "toggleCoordinatorMonitor":
+        dispatch({ type: action });
+        return true;
+      default:
+        return false;
+    }
+  };
+}
+
 // src/paste-accumulator.ts
 var BEGIN = "[200~";
 var END = "[201~";
@@ -15471,7 +16360,7 @@ function normalizeSlashQuery(raw) {
 function rankSlashCommand(entry, query) {
   const { cmd, owner } = entry;
   if (query === "" && cmd.hidden) return null;
-  const name = displayName(entry);
+  const name = displayName2(entry);
   const lowerName = name.toLowerCase();
   const aliases = aliasCandidates(entry);
   const category = cmd.category ?? "App";
@@ -15504,7 +16393,7 @@ function rankSlashCommand(entry, query) {
     rank
   };
 }
-function displayName({ cmd, owner, fullName }) {
+function displayName2({ cmd, owner, fullName }) {
   if (owner === "core") return cmd.name;
   return fullName.includes(":") ? fullName : cmd.name;
 }
@@ -15557,51 +16446,6 @@ function buildSteeringPreamble(snapshot, newDirection) {
   return lines.join("\n");
 }
 
-// src/on-panel-open.ts
-function createPanelOpenDispatcher(deps) {
-  const { dispatch, openProjectPicker, openStatuslinePicker, openAuthPanel } = deps;
-  return (action) => {
-    switch (action) {
-      case "authOpen":
-        return openAuthPanel ? openAuthPanel("list") : false;
-      case "authOauthOpen":
-        return openAuthPanel ? openAuthPanel("oauth") : false;
-      case "pluginPickerOpen":
-        dispatch({ type: "pluginPickerOpen" });
-        return true;
-      case "projectPickerOpen":
-        void openProjectPicker();
-        return true;
-      case "statuslineOpen":
-        openStatuslinePicker();
-        return true;
-      case "toggleMonitor":
-        dispatch({ type: "toggleMonitor" });
-        return true;
-      case "toggleAuditPanel":
-        dispatch({ type: "toggleAuditPanel" });
-        return true;
-      // All other toggle* panels share the same handler in the reducer —
-      // the action type string IS the dispatch type. Dispatching them
-      // verbatim works because the reducer's switch covers every F-key
-      // panel action.
-      case "toggleAgentsMonitor":
-      case "toggleWorktreeMonitor":
-      case "togglePlanPanel":
-      case "toggleTodosMonitor":
-      case "toggleQueuePanel":
-      case "toggleProcessList":
-      case "toggleGoalPanel":
-      case "toggleSessionsPanel":
-      case "toggleCoordinatorMonitor":
-        dispatch({ type: action });
-        return true;
-      default:
-        return false;
-    }
-  };
-}
-
 // src/input-editing.ts
 var WORD_SEPARATORS = new Set(
   // dashes
@@ -15673,6 +16517,13 @@ function selectedSlashCommandLine(picker) {
   const picked = picker.matches[picker.selected];
   return picked ? `/${picked.name}` : null;
 }
+function contentBlocksText(content) {
+  if (typeof content === "string") return content;
+  if (!Array.isArray(content)) return "";
+  return content.filter(
+    (block) => !!block && typeof block === "object" && block.type === "text" && typeof block.text === "string"
+  ).map((block) => block.text).join("");
+}
 function rehydrateHistory(messages, startId, toolCalls) {
   const entries = [];
   const toolCallsById = /* @__PURE__ */ new Map();
@@ -15684,10 +16535,7 @@ function rehydrateHistory(messages, startId, toolCalls) {
   const consumed = /* @__PURE__ */ new Set();
   const fallback = [];
   let nextId = startId;
-  const textOf = (msg) => {
-    if (typeof msg.content === "string") return msg.content;
-    return msg.content.filter((b) => b.type === "text").map((b) => b.text).join("");
-  };
+  const textOf = (msg) => contentBlocksText(msg.content);
   const toolEntryFor = (tc) => ({
     id: nextId++,
     kind: "tool",
@@ -15701,13 +16549,12 @@ function rehydrateHistory(messages, startId, toolCalls) {
   for (const msg of messages) {
     if (msg.role === "system") continue;
     const text = textOf(msg).trim();
-    if (!text) continue;
     if (msg.role === "user") {
-      entries.push({ id: nextId++, kind: "user", text });
+      if (text) entries.push({ id: nextId++, kind: "user", text });
       continue;
     }
     if (msg.role === "assistant") {
-      entries.push({ id: nextId++, kind: "assistant", text });
+      if (text) entries.push({ id: nextId++, kind: "assistant", text });
       if (Array.isArray(msg.content)) {
         for (const block of msg.content) {
           if (block.type !== "tool_use") continue;
@@ -15843,6 +16690,7 @@ function App({
   sessionsDir,
   modeLabel,
   getModeLabel,
+  getModes,
   registerDebugStreamCallback,
   restoreDebugStreamCallback,
   restoredToolCalls,
@@ -16022,6 +16870,7 @@ function App({
       searchQuery: ""
     },
     autonomyPicker: { open: false, options: [], selected: 0 },
+    modePicker: { open: false, modes: [], selected: 0 },
     designPicker: { open: false, kits: [], selected: 0, stack: "web" },
     promptPicker: {
       open: false,
@@ -16125,6 +16974,7 @@ function App({
     processListOpen: false,
     auditPanelOpen: false,
     planPanelOpen: false,
+    kanbanPanelOpen: false,
     goalPanelOpen: false,
     sessionsPanelOpen: false,
     sessionsPanel: { sessions: [], busy: false, selected: -1 },
@@ -16233,6 +17083,12 @@ function App({
     ];
     dispatch({ type: "promptPickerOpen", all: entries, categories: cats, recentSlugs });
   };
+  const openModePicker = useCallback(async () => {
+    if (!getModes) return;
+    const result = await getModes();
+    const options = toModeOptions(result.modes, result.activeId);
+    dispatch({ type: "modePickerOpen", modes: options });
+  }, [getModes]);
   useEffect(() => {
     if (state.statuslinePicker.open) {
       const pickerHidden = state.statuslinePicker.hiddenItems;
@@ -16333,6 +17189,7 @@ function App({
     titleController.setEnabled(liveTitleAnimation !== false);
   }, [titleController, liveTitleAnimation]);
   const streamingTextRef = useRef("");
+  const streamSegmentsRef = useRef([]);
   const pendingDeltaRef = useRef("");
   const flushTimerRef = useRef(null);
   const stateRef = useRef(state);
@@ -16363,7 +17220,7 @@ function App({
     [statuslineHiddenForPicker]
   );
   const [mouseMode, setMouseMode] = useState(mouse);
-  const pickerOverlayOpen = state.modelPicker.open || state.autonomyPicker.open || state.designPicker.open || state.settingsPicker.open || state.projectPicker.open || state.slashPicker.open || state.statuslinePicker.open || state.fKeyPicker.open || state.authPanel.open || state.picker.open;
+  const pickerOverlayOpen = state.modelPicker.open || state.autonomyPicker.open || state.modePicker.open || state.designPicker.open || state.settingsPicker.open || state.projectPicker.open || state.slashPicker.open || state.statuslinePicker.open || state.fKeyPicker.open || state.authPanel.open || state.picker.open;
   const mouseTrackingOn = mouseMode || pickerOverlayOpen;
   const mouseWrittenRef = useRef(false);
   useEffect(() => {
@@ -16886,6 +17743,8 @@ function App({
         todos: stateRef.current.todosMonitorOpen,
         queue: stateRef.current.queuePanelOpen,
         processList: stateRef.current.processListOpen,
+        planPanel: stateRef.current.planPanelOpen,
+        kanbanPanel: stateRef.current.kanbanPanelOpen,
         goalPanel: stateRef.current.goalPanelOpen,
         sessionsPanel: stateRef.current.sessionsPanelOpen,
         coordinator: stateRef.current.coordinator.monitorOpen
@@ -16908,6 +17767,7 @@ function App({
       if (stateRef.current.queuePanelOpen) dispatch({ type: "toggleQueuePanel" });
       if (stateRef.current.processListOpen) dispatch({ type: "toggleProcessList" });
       if (stateRef.current.planPanelOpen) dispatch({ type: "togglePlanPanel" });
+      if (stateRef.current.kanbanPanelOpen) dispatch({ type: "toggleKanbanPanel" });
       if (stateRef.current.goalPanelOpen) dispatch({ type: "toggleGoalPanel" });
       if (stateRef.current.sessionsPanelOpen) dispatch({ type: "toggleSessionsPanel" });
       eraseLiveRegion();
@@ -16971,6 +17831,8 @@ function App({
         if (prev.todos) dispatch({ type: "toggleTodosMonitor" });
         if (prev.queue) dispatch({ type: "toggleQueuePanel" });
         if (prev.processList) dispatch({ type: "toggleProcessList" });
+        if (prev.planPanel) dispatch({ type: "togglePlanPanel" });
+        if (prev.kanbanPanel) dispatch({ type: "toggleKanbanPanel" });
         if (prev.goalPanel) dispatch({ type: "toggleGoalPanel" });
         if (prev.sessionsPanel) dispatch({ type: "toggleSessionsPanel" });
         if (prev.coordinator) dispatch({ type: "toggleCoordinatorMonitor" });
@@ -17171,7 +18033,8 @@ function App({
       dispatch,
       openProjectPicker,
       openStatuslinePicker,
-      openAuthPanel: authPanelController.openAuthPanel
+      openAuthPanel: authPanelController.openAuthPanel,
+      openModePicker
     });
     onPanelOpen.current = dispatcher;
     return () => {
@@ -17182,7 +18045,8 @@ function App({
     dispatch,
     openProjectPicker,
     openStatuslinePicker,
-    authPanelController.openAuthPanel
+    authPanelController.openAuthPanel,
+    openModePicker
   ]);
   useEffect(() => {
     if (!state.sessionsPanelOpen || !getLiveSessions) return void 0;
@@ -17829,6 +18693,14 @@ Available chords:
   }, [slashRegistry, listSessions]);
   useEffect(() => {
     const FLUSH_MS2 = 100;
+    const appendStreamSegment = (kind, text) => {
+      const last = streamSegmentsRef.current.at(-1);
+      if (last?.kind === kind) {
+        last.text += text;
+      } else {
+        streamSegmentsRef.current.push({ kind, text });
+      }
+    };
     const flush = () => {
       if (pendingDeltaRef.current) {
         dispatch({ type: "streamDelta", delta: pendingDeltaRef.current });
@@ -17840,6 +18712,13 @@ Available chords:
       const text = e.text.replace(/\x1b?\[200~|\x1b?\[201~/g, "");
       streamingTextRef.current += text;
       pendingDeltaRef.current += text;
+      appendStreamSegment("assistant", text);
+      if (!flushTimerRef.current) flushTimerRef.current = setTimeout(flush, FLUSH_MS2);
+    });
+    const offThinking = events.on("provider.thinking_delta", (e) => {
+      const text = e.text.replace(/\x1b?\[200~|\x1b?\[201~/g, "");
+      appendStreamSegment("thinking", text);
+      pendingDeltaRef.current += text;
       if (!flushTimerRef.current) flushTimerRef.current = setTimeout(flush, FLUSH_MS2);
     });
     const offToolStart = events.on("tool.started", (e) => {
@@ -17914,17 +18793,27 @@ Available chords:
         }
       });
     });
-    const offProvResp = events.on("provider.response", () => {
+    const offProvResp = events.on("provider.response", (e) => {
       const text = streamingTextRef.current;
+      const segments = streamSegmentsRef.current;
+      const fallbackText = contentBlocksText(e.content);
       streamingTextRef.current = "";
+      streamSegmentsRef.current = [];
       pendingDeltaRef.current = "";
       if (flushTimerRef.current) {
         clearTimeout(flushTimerRef.current);
         flushTimerRef.current = null;
       }
       dispatch({ type: "streamReset" });
-      if (text.trim()) {
+      for (const seg of segments) {
+        if (seg.text.trim()) {
+          dispatch({ type: "addEntry", entry: { kind: seg.kind, text: seg.text } });
+        }
+      }
+      if (segments.length === 0 && text.trim()) {
         dispatch({ type: "addEntry", entry: { kind: "assistant", text } });
+      } else if (segments.length === 0 && fallbackText.trim()) {
+        dispatch({ type: "addEntry", entry: { kind: "assistant", text: fallbackText } });
       }
     });
     const offConfirmNeeded = events.on("tool.confirm_needed", (e) => {
@@ -17981,6 +18870,7 @@ Available chords:
     });
     return () => {
       offDelta();
+      offThinking();
       offToolStart();
       offIterStart();
       offIterEnd();
@@ -19308,18 +20198,26 @@ Available chords:
       ).length;
       const result = await agent.run(routed.blocks, { signal: ctrl.signal });
       const lingering = streamingTextRef.current;
-      if (lingering.trim()) {
-        dispatch({ type: "addEntry", entry: { kind: "assistant", text: lingering } });
-      } else if (result.status === "done" && result.finalText?.trim() && stateRef.current.entries.filter((entry) => entry.kind === "assistant").length === assistantEntriesBeforeRun) {
-        dispatch({ type: "addEntry", entry: { kind: "assistant", text: result.finalText } });
-      }
+      const lingeringSegments = streamSegmentsRef.current;
       streamingTextRef.current = "";
+      streamSegmentsRef.current = [];
       pendingDeltaRef.current = "";
       if (flushTimerRef.current) {
         clearTimeout(flushTimerRef.current);
         flushTimerRef.current = null;
       }
       dispatch({ type: "streamReset" });
+      if (lingeringSegments.length > 0) {
+        for (const seg of lingeringSegments) {
+          if (seg.text.trim()) {
+            dispatch({ type: "addEntry", entry: { kind: seg.kind, text: seg.text } });
+          }
+        }
+      } else if (lingering.trim()) {
+        dispatch({ type: "addEntry", entry: { kind: "assistant", text: lingering } });
+      } else if (result.status === "done" && result.finalText?.trim() && stateRef.current.entries.filter((entry) => entry.kind === "assistant").length === assistantEntriesBeforeRun) {
+        dispatch({ type: "addEntry", entry: { kind: "assistant", text: result.finalText } });
+      }
       if (result.status === "aborted") {
         const reason = result.abortReason ? `Aborted (${result.abortReason}).` : "Aborted.";
         dispatch({ type: "addEntry", entry: { kind: "warn", text: reason } });
@@ -19860,7 +20758,7 @@ ${content}
   );
   const inputHeight = Math.max(1, inputCellRows.length);
   const hideInput = enhanceActive || state.helpOpen || state.processListOpen || state.authPanel.open;
-  const lowerFunctionPanelOpen = state.monitorOpen || state.agentsMonitorOpen || (state.autoPhase?.monitorOpen ?? false) || state.worktreeMonitorOpen || state.planPanelOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.goalPanelOpen;
+  const lowerFunctionPanelOpen = state.monitorOpen || state.agentsMonitorOpen || (state.autoPhase?.monitorOpen ?? false) || state.worktreeMonitorOpen || state.planPanelOpen || state.kanbanPanelOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.goalPanelOpen;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
     mouseMode ? /* @__PURE__ */ jsx(
       ScrollableHistory,
@@ -19941,6 +20839,14 @@ ${content}
           hint: state.autonomyPicker.hint
         }
       ) : null,
+      state.modePicker.open ? /* @__PURE__ */ jsx(
+        ModePicker,
+        {
+          modes: state.modePicker.modes,
+          selected: state.modePicker.selected,
+          hint: state.modePicker.hint
+        }
+      ) : null,
       state.designPicker.open ? /* @__PURE__ */ jsx(
         DesignPicker,
         {
@@ -20335,6 +21241,12 @@ ${content}
             sessionId: agent.ctx.session?.id ?? null,
             onClose: () => dispatch({ type: "togglePlanPanel" })
           }
+        ) : state.kanbanPanelOpen ? /* @__PURE__ */ jsx(
+          KanbanPanel,
+          {
+            projectRoot: agent.ctx.projectRoot,
+            onClose: () => dispatch({ type: "toggleKanbanPanel" })
+          }
         ) : state.queuePanelOpen ? /* @__PURE__ */ jsx(QueuePanel, { items: state.queue }) : state.processListOpen ? /* @__PURE__ */ jsx(ProcessListMonitor, {}) : state.goalPanelOpen ? /* @__PURE__ */ jsx(
           GoalPanel,
           {
@@ -20343,12 +21255,14 @@ ${content}
             onCoordinatorStop: onCoordinatorStop ?? void 0,
             coordinatorRunning
           }
-        ) : director ? /* @__PURE__ */ jsx(
+        ) : director || Object.keys(state.fleet).length > 0 || state.collabSession ? /* @__PURE__ */ jsx(
           FleetPanel,
           {
             entries: entriesWithLeader,
             totalCost: state.fleetCost,
             roster: fleetRoster,
+            todos: agent.ctx.todos,
+            nowTick,
             collabSession: state.collabSession
           }
         ) : null,
@@ -20819,6 +21733,8 @@ async function runTui(opts) {
           tokenSavingMode: opts.tokenSavingMode,
           toolCount: opts.toolCount,
           getModeLabel: opts.getModeLabel,
+          getModes: opts.getModes,
+          switchMode: opts.switchMode,
           registerDebugStreamCallback: opts.registerDebugStreamCallback,
           restoreDebugStreamCallback: opts.restoreDebugStreamCallback,
           restoredMessages: opts.restoredMessages,