@wrongstack/tui 0.298.0 → 0.298.1

package/dist/index.js

@@ -1252,6 +1252,15 @@ function renderMeter(ratio, width) {
   }
   return "[" + bar + "]";
 }
+function blockMeter(ratio, width) {
+  const clamped = Math.max(0, Math.min(1, ratio));
+  const w = Math.max(1, width);
+  const filledCount = Math.round(clamped * w);
+  return {
+    filled: "\u2588".repeat(filledCount),
+    empty: "\u2591".repeat(Math.max(0, w - filledCount))
+  };
+}
 function fmtTok(n) {
   if (n < 1e3) return String(n);
   if (n < 1e6) return `${(n / 1e3).toFixed(n < 1e4 ? 1 : 0)}k`;
@@ -1439,18 +1448,20 @@ function StatusBar({
   tokenSavingMode,
   toolCount,
   visibleChips = [],
-  sideEffectCount = 0
+  sideEffectCount = 0,
+  maxWidth
 }) {
   const { stdout } = useStdout();
-  const [termWidth, setTermWidth] = useState5(stdout?.columns ?? 90);
+  const capWidth = (raw) => maxWidth ? Math.min(raw, maxWidth) : raw;
+  const [termWidth, setTermWidth] = useState5(capWidth(stdout?.columns ?? 90));
   useEffect5(() => {
-    const handleResize = () => setTermWidth(stdout?.columns ?? 90);
+    const handleResize = () => setTermWidth(capWidth(stdout?.columns ?? 90));
     handleResize();
     process.stdout.on("resize", handleResize);
     return () => {
       process.stdout.off("resize", handleResize);
     };
-  }, [stdout]);
+  }, [stdout, maxWidth]);
   const isCompact = termWidth < COMPACT_THRESHOLD;
   const isComfortable = termWidth >= COMFORTABLE_THRESHOLD;
   const isNoColor = mode === "no-color";
@@ -3607,7 +3618,7 @@ var SETTINGS_PICKER_JUMP_CHORDS = Object.freeze([
   { mod: "alt-shift", letter: "b", field: 33, label: "Stream debug logging" },
   { mod: "alt-shift", letter: "g", field: 35, label: "Config scope" },
   { mod: "alt", letter: "n", field: 36, label: "Animation" },
-  { mod: "alt", letter: "p", field: 40, label: "Show agent swarm panel" },
+  { mod: "alt", letter: "p", field: 40, label: "Agent swarm panel" },
   { mod: "alt", letter: "r", field: 41, label: "Pre-refine countdown" },
   { mod: "alt-shift", letter: "s", field: 43, label: "Show SAGE Memory Inject" },
   { mod: "alt-shift", letter: "t", field: 44, label: "SAGE Memory Inject threshold" }
@@ -3836,7 +3847,7 @@ var SETTINGS_FIELD_LABELS = [
   // 38
   "Show model reasoning",
   // 39
-  "Show agent swarm panel",
+  "Agent swarm panel",
   // 40
   "Pre-refine countdown",
   // 41
@@ -3869,7 +3880,7 @@ function resolveSettingsFieldValue(field, input) {
     [33, "debugStream"],
     [37, "breakerEnabled"],
     [39, "showModelReasoning"],
-    [40, "showAgentSwarmPanel"],
+    // [40, 'showAgentSwarmPanel'] — now an enum, see ENUM_FIELDS below
     [42, "readSymbols"],
     [43, "showSageMemoryInject"]
   ]);
@@ -3922,7 +3933,8 @@ function resolveSettingsFieldValue(field, input) {
     [32, "auditLevel", AUDIT_LEVELS],
     [34, "statuslineMode", STATUSLINE_MODES],
     [35, "configScope", CONFIG_SCOPES],
-    [36, "animationStyle", ANIMATION_STYLE_CHOICES]
+    [36, "animationStyle", ANIMATION_STYLE_CHOICES],
+    [40, "showAgentSwarmPanel", ["bottom", "sidebar", "off"]]
   ];
   for (const [f, key, values] of ENUM_FIELDS) {
     if (field !== f) continue;
@@ -4041,7 +4053,7 @@ function getSettingsFieldValue(values, field) {
     [33, "debugStream"],
     [37, "breakerEnabled"],
     [39, "showModelReasoning"],
-    [40, "showAgentSwarmPanel"],
+    // [40, 'showAgentSwarmPanel'] — now an enum, see ENUM_KEYS below
     [42, "readSymbols"],
     [43, "showSageMemoryInject"]
   ];
@@ -4063,7 +4075,8 @@ function getSettingsFieldValue(values, field) {
     [32, "auditLevel"],
     [34, "statuslineMode"],
     [35, "configScope"],
-    [36, "animationStyle"]
+    [36, "animationStyle"],
+    [40, "showAgentSwarmPanel"]
   ];
   for (const [f, key] of ENUM_KEYS) {
     if (field !== f) continue;
@@ -4198,7 +4211,7 @@ var SETTINGS_DEFAULTS = Object.freeze({
   breakerEnabled: false,
   breakerAutoKillResetMs: 6e4,
   showModelReasoning: true,
-  showAgentSwarmPanel: true,
+  showAgentSwarmPanel: "bottom",
   readSymbols: false,
   showSageMemoryInject: false,
   sageMemoryInjectThreshold: 0.85
@@ -4613,9 +4626,9 @@ function SettingsPicker({
       detail: "Show LLM reasoning blocks in chat history"
     },
     {
-      label: "Show agent swarm panel",
-      value: boolVal(showAgentSwarmPanel),
-      detail: "Show persistent agent activity and mission queue"
+      label: "Agent swarm panel",
+      value: showAgentSwarmPanel,
+      detail: "bottom = lower region, sidebar = right sidebar, off = hidden"
     },
     {
       label: "Pre-refine countdown",
@@ -9319,6 +9332,7 @@ function closePanels(state) {
     contextPanelOpen: false,
     connectionsPanelOpen: false,
     sessionsPanelOpen: false,
+    sidebarFocused: false,
     settingsPicker: { ...state.settingsPicker, open: false },
     statuslinePicker: { ...state.statuslinePicker, open: false },
     pluginPicker: { ...state.pluginPicker, open: false },
@@ -11150,7 +11164,7 @@ function createInitialState(options) {
       breakerEnabled: false,
       breakerAutoKillResetMs: 6e4,
       showModelReasoning: true,
-      showAgentSwarmPanel: true,
+      showAgentSwarmPanel: "bottom",
       showSageMemoryInject: false,
       sageMemoryInjectThreshold: 0.85,
       readSymbols: false
@@ -11242,6 +11256,8 @@ function createInitialState(options) {
     contextPanelOpen: false,
     connectionsPanelOpen: false,
     sessionsPanelOpen: false,
+    sidebarFocused: false,
+    sidebarScrollOffset: 0,
     sessionsPanel: { sessions: [], busy: false, selected: -1 },
     sessionResumeConfirm: null,
     collabSession: null,
@@ -13882,11 +13898,17 @@ function reduceSettingsValues(state, action) {
           ...state,
           settingsPicker: { ...sp, showModelReasoning: !sp.showModelReasoning, hint: void 0 }
         };
-      if (f === 40)
+      if (f === 40) {
+        const SWARM_CYCLE = ["bottom", "sidebar", "off"];
+        const current = sp.showAgentSwarmPanel;
+        const j = SWARM_CYCLE.indexOf(current);
+        const base = j < 0 ? 0 : j;
+        const next = SWARM_CYCLE[(base + action.delta + SWARM_CYCLE.length) % SWARM_CYCLE.length] ?? "bottom";
         return {
           ...state,
-          settingsPicker: { ...sp, showAgentSwarmPanel: !sp.showAgentSwarmPanel, hint: void 0 }
+          settingsPicker: { ...sp, showAgentSwarmPanel: next, hint: void 0 }
         };
+      }
       if (f === 41) {
         const j = PRE_REFINE_SECONDS_PRESETS.indexOf(sp.preRefineSeconds);
         const base = j < 0 ? 0 : j;
@@ -14001,7 +14023,43 @@ function reduceSettingsValues(state, action) {
   }
 }
 
+// src/ui-contracts.ts
+var SIDEBAR_MISSION_ROWS = 8;
+
 // src/reducers/workspace-panels.ts
+function computeMaxSidebarScroll(state, viewportHeight = 20) {
+  let contentHeight = 0;
+  contentHeight += 4;
+  contentHeight += 3;
+  const fleetEntries = Object.values(state.fleet);
+  const leader = fleetEntries.find(
+    (e) => e.id === "leader" || e.name === "Leader Agent"
+  );
+  const runningSubagents = fleetEntries.filter((e) => e !== leader).filter((e) => e.status === "running");
+  const agentCap = leader ? 11 : 12;
+  const shownAgents = (leader ? 1 : 0) + Math.min(runningSubagents.length, agentCap);
+  const hasAgents = shownAgents > 0;
+  contentHeight += 2 + (hasAgents ? 0 : 1);
+  if (hasAgents) {
+    contentHeight += shownAgents * 2;
+    if (runningSubagents.length > agentCap) contentHeight += 1;
+    contentHeight += 1;
+  }
+  const swarmMode = state.settingsPicker.showAgentSwarmPanel;
+  if (swarmMode === "sidebar") {
+    contentHeight += 1 + SIDEBAR_MISSION_ROWS + 1 + 1;
+  }
+  const liveSessionCount = state.sessionsPanel.sessions.length;
+  const resumeSessionCount = state.resumePicker.sessions.length;
+  if (liveSessionCount > 0 || resumeSessionCount > 0) {
+    contentHeight += 1;
+    contentHeight += Math.min(3, liveSessionCount);
+    contentHeight += Math.min(3, resumeSessionCount);
+    if (liveSessionCount > 0 && resumeSessionCount > 0) contentHeight += 1;
+  }
+  if (state.sidebarFocused) contentHeight += 2;
+  return Math.max(0, contentHeight - viewportHeight);
+}
 var workspacePanelActionTypes = [
   "toggleMonitor",
   "toggleAgentsMonitor",
@@ -14012,6 +14070,9 @@ var workspacePanelActionTypes = [
   "toggleCronMonitor",
   "togglePlanPanel",
   "closeAllPanels",
+  "toggleSidebarFocus",
+  "sidebarScroll",
+  "sidebarScrollReset",
   "toggleKanbanPanel",
   "toggleGoalPanel",
   "toggleGoalKanbanPanel",
@@ -14078,7 +14139,24 @@ function reduceWorkspacePanels(state, action) {
       return opening ? { ...state, ...closePanels(state), planPanelOpen: true } : { ...state, planPanelOpen: false };
     }
     case "closeAllPanels":
-      return { ...state, ...closePanels(state) };
+      return { ...state, ...closePanels(state), sidebarFocused: false };
+    case "toggleSidebarFocus":
+      return state.sidebarFocused ? { ...state, sidebarFocused: false, sidebarScrollOffset: 0 } : { ...state, sidebarFocused: true };
+    case "sidebarScroll": {
+      const maxScroll = computeMaxSidebarScroll(
+        state,
+        action.viewportHeight
+      );
+      return {
+        ...state,
+        sidebarScrollOffset: Math.min(
+          maxScroll,
+          Math.max(0, state.sidebarScrollOffset + action.delta)
+        )
+      };
+    }
+    case "sidebarScrollReset":
+      return { ...state, sidebarScrollOffset: 0 };
     case "toggleKanbanPanel": {
       const opening = !state.kanbanPanelOpen;
       return opening ? { ...state, ...closePanels(state), kanbanPanelOpen: true } : { ...state, kanbanPanelOpen: false };
@@ -15162,7 +15240,7 @@ function useHistoryCopyNotice(dispatch) {
 import { useEffect as useEffect22, useLayoutEffect, useRef as useRef15, useState as useState8 } from "react";
 
 // src/hit-test.ts
-var SCROLLBAR_HIT_WIDTH = 2;
+var SCROLLBAR_HIT_WIDTH = 3;
 function historyViewportRows(termRows, bottomHeight) {
   return Math.max(1, Math.floor(termRows) - Math.max(0, Math.floor(bottomHeight)));
 }
@@ -15811,6 +15889,14 @@ ${GROUNDED_NO_PROGRESS_STEER}` : suggestion;
 import { toErrorMessage as toErrorMessage5 } from "@wrongstack/core/utils";
 import React2, { useEffect as useEffect28 } from "react";
 
+// src/app-settings-type.ts
+function coerceAgentSwarmMode(v) {
+  if (v === true || v === void 0) return "bottom";
+  if (v === false) return "off";
+  if (v === "bottom" || v === "sidebar" || v === "off") return v;
+  return "bottom";
+}
+
 // src/on-panel-open.ts
 function createPanelOpenDispatcher(deps) {
   const { dispatch, openProjectPicker, openStatuslinePicker, openAuthPanel } = deps;
@@ -16023,7 +16109,7 @@ function usePanelControllers({
       breakerEnabled: s2.breakerEnabled ?? false,
       breakerAutoKillResetMs: s2.breakerAutoKillResetMs ?? 6e4,
       showModelReasoning: s2.showModelReasoning ?? true,
-      showAgentSwarmPanel: s2.showAgentSwarmPanel ?? true,
+      showAgentSwarmPanel: coerceAgentSwarmMode(s2.showAgentSwarmPanel),
       showSageMemoryInject: s2.showSageMemoryInject ?? false,
       sageMemoryInjectThreshold: s2.sageMemoryInjectThreshold ?? 0.85,
       readSymbols: s2.readSymbols ?? false
@@ -16488,15 +16574,9 @@ function usePromptPicker({
 
 // src/hooks/use-provider-event-bridge.ts
 import { tuiStreamFlushMs } from "@wrongstack/core/utils";
+import { DEFAULT_MIN_IMPORTANCE, DEFAULT_MIN_SCORE, MIN_RELATION_STRENGTH } from "@wrongstack/sage";
 import { isFinalTurnStopReason as isFinalTurnStopReason2 } from "@wrongstack/tools/next-steps";
-import {
-  DEFAULT_MIN_IMPORTANCE,
-  DEFAULT_MIN_SCORE,
-  MIN_RELATION_STRENGTH
-} from "@wrongstack/sage";
-import {
-  useEffect as useEffect29
-} from "react";
+import { useEffect as useEffect29 } from "react";
 
 // src/memory-lifecycle-entry.ts
 function memoryLifecycleEntry(event, payload) {
@@ -16818,11 +16898,7 @@ function useProviderEventBridge({
       if (prev && prev.toolUseId === e.id) {
         pendingToolStream = {
           ...prev,
-          text: retainStreamTail(
-            prev.text,
-            e.event.text,
-            MAX_TOOL_STREAM_RETAINED_CHARS
-          ),
+          text: retainStreamTail(prev.text, e.event.text, MAX_TOOL_STREAM_RETAINED_CHARS),
           startedAt: prev.startedAt
         };
       } else {
@@ -16980,6 +17056,17 @@ function useProviderEventBridge({
         }
       });
     });
+    const offChimeraReport = events.onPattern("chimera.report_available", (_event, payload) => {
+      const report = payload;
+      if (report.sessionId && report.sessionId !== agent.ctx.session.id) return;
+      dispatch({
+        type: "addEntry",
+        entry: {
+          kind: "warn",
+          text: report.message ?? "\u{1F982} Chimera report ready. No follow-up started; open the mailbox to inspect it."
+        }
+      });
+    });
     const offMemoryStale = events.on("memory.staled", (e) => {
       if (!memoryEventMatchesSession(e, agent.ctx.session.id)) return;
       dispatch({
@@ -17085,6 +17172,7 @@ function useProviderEventBridge({
       offTrustPersisted();
       offDelegateStart();
       offDelegateDone();
+      offChimeraReport();
       offMemoryStale();
       offMemoryContradicted();
       offMemoryHygiene();
@@ -20211,7 +20299,8 @@ var Input = memo(function Input2({
   footerHint = "Enter send \xB7 @ file \xB7 / commands",
   hidden,
   placeholderHeight,
-  onKey
+  onKey,
+  maxWidth
 }) {
   const suppressInkEscRef = useRef32(false);
   const suppressInkBackspaceRef = useRef32(false);
@@ -20342,16 +20431,22 @@ var Input = memo(function Input2({
     };
   }, [stdin, disabled, onKey]);
   const { stdout } = useStdout();
-  const [cols, setCols] = useState20(stdout?.columns ?? 80);
+  const [cols, setCols] = useState20(() => {
+    const raw = stdout?.columns ?? 80;
+    return maxWidth ? Math.min(raw, maxWidth) : raw;
+  });
   useEffect48(() => {
     if (!stdout) return;
-    const onResize = () => setCols(stdout.columns ?? 80);
+    const onResize = () => {
+      const raw = stdout.columns ?? 80;
+      setCols(maxWidth ? Math.min(raw, maxWidth) : raw);
+    };
     onResize();
     stdout.on("resize", onResize);
     return () => {
       stdout.off("resize", onResize);
     };
-  }, [stdout]);
+  }, [stdout, maxWidth]);
   const promptColor = disabled ? theme.error : theme.brandAccent;
   const contentWidth = inputContentWidth(cols);
   const rows = layoutInputRows(prompt, value, cursor, contentWidth);
@@ -21660,23 +21755,25 @@ function FleetPanel({
   roster,
   todos,
   nowTick,
-  collabSession
+  collabSession,
+  maxWidth
 }) {
   const { stdout } = useStdout();
+  const capColumns = (raw) => maxWidth ? Math.min(raw, maxWidth) : raw;
   const [terminal, setTerminal] = useState23({
-    columns: stdout?.columns ?? 90,
+    columns: capColumns(stdout?.columns ?? 90),
     rows: stdout?.rows ?? 24
   });
   useEffect50(() => {
     const handleResize = () => {
-      setTerminal({ columns: stdout?.columns ?? 90, rows: stdout?.rows ?? 24 });
+      setTerminal({ columns: capColumns(stdout?.columns ?? 90), rows: stdout?.rows ?? 24 });
     };
     handleResize();
     process.stdout.on("resize", handleResize);
     return () => {
       process.stdout.off("resize", handleResize);
     };
-  }, [stdout]);
+  }, [stdout, maxWidth]);
   const list = Object.values(entries);
   const leader = list.find(isLeaderEntry2);
   const now = nowTick ?? Date.now();
@@ -22249,6 +22346,7 @@ function helpSections() {
   const nav = [];
   nav.push(
     { keys: "\u2191/\u2193", desc: "previous / next input (empty prompt)" },
+    { keys: "Shift+Tab", desc: "focus sidebar for scroll (\u2191/\u2193), Esc to unfocus" },
     { keys: "?", desc: "open this help (empty prompt)" }
   );
   return [
@@ -24879,10 +24977,7 @@ function renderRunningTools(running) {
 
 // src/app-status-region.tsx
 import { Fragment as Fragment13, jsx as jsx37, jsxs as jsxs36 } from "react/jsx-runtime";
-function resolveAgentSwarmPanelVisibility(settingsOpen, pickerValue, persistedValue) {
-  return settingsOpen ? pickerValue : persistedValue ?? true;
-}
-function AppStatusRegion({ host, runtime }) {
+function AppStatusRegion({ host, runtime, mainColumnWidth }) {
   const {
     agent,
     agentTranscripts,
@@ -25026,7 +25121,8 @@ function AppStatusRegion({ host, runtime }) {
         mailbox: mailboxStatus,
         tokenSavingMode: liveSettings?.featureTokenSaving ?? tokenSavingMode,
         toolCount: liveToolCount,
-        sideEffectCount: agent.ctx.sideEffects?.length ?? 0
+        sideEffectCount: agent.ctx.sideEffects?.length ?? 0,
+        maxWidth: mainColumnWidth
       }
     ) }),
     /* @__PURE__ */ jsx37(
@@ -25169,11 +25265,7 @@ function AppStatusRegion({ host, runtime }) {
           resumeConfirm: state.sessionResumeConfirm ? { sessionName: state.sessionResumeConfirm.sessionName } : void 0,
           currentSessionId: agent.ctx.session?.id
         }
-      ) : resolveAgentSwarmPanelVisibility(
-        state.settingsPicker.open,
-        state.settingsPicker.showAgentSwarmPanel,
-        liveSettings?.showAgentSwarmPanel
-      ) && (director || hasVisibleFleetPanel || state.collabSession) ? /* @__PURE__ */ jsx37(
+      ) : (director || hasVisibleFleetPanel || state.collabSession) && (liveSettings?.showAgentSwarmPanel ?? "bottom") !== "off" && (liveSettings?.showAgentSwarmPanel ?? "bottom") !== "sidebar" ? /* @__PURE__ */ jsx37(
         FleetPanel,
         {
           entries: entriesWithLeader,
@@ -25181,7 +25273,8 @@ function AppStatusRegion({ host, runtime }) {
           roster: fleetRoster,
           todos: liveTodos,
           nowTick,
-          collabSession: state.collabSession
+          collabSession: state.collabSession,
+          maxWidth: mainColumnWidth
         }
       ) : null,
       state.goalRun && !lowerFunctionPanelOpen ? /* @__PURE__ */ jsx37(
@@ -26677,17 +26770,17 @@ function toolStreamBoxHeight(name) {
   return TOOL_STREAM_MARGIN_ROWS + TOOL_STREAM_HEADER_ROWS + contentRows2;
 }
 function streamBoxRows(text, maxLines, contentWidth) {
-  const trunc2 = (line) => line.length > contentWidth ? `${line.slice(0, contentWidth - 1)}\u2026` : line;
+  const trunc3 = (line) => line.length > contentWidth ? `${line.slice(0, contentWidth - 1)}\u2026` : line;
   const lines = text.split("\n");
   const totalLines = lines.length;
   const hidden = Math.max(0, totalLines - maxLines);
   const rows = [];
   if (hidden > 0) {
     rows.push({ text: `  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"} above`, italic: true });
-    for (const line of lines.slice(totalLines - (maxLines - 1))) rows.push({ text: trunc2(line) });
+    for (const line of lines.slice(totalLines - (maxLines - 1))) rows.push({ text: trunc3(line) });
   } else {
     for (let i = 0; i < maxLines - totalLines; i++) rows.push({ text: "" });
-    for (const line of lines) rows.push({ text: trunc2(line) });
+    for (const line of lines) rows.push({ text: trunc3(line) });
   }
   return rows;
 }
@@ -27599,12 +27692,7 @@ function numberFromParsedField2(fields, key) {
 }
 
 // src/components/history/sage-output-format.ts
-var SAGE_INJECTOR_HEADINGS = /* @__PURE__ */ new Set([
-  "--- SAGE: task-aware project knowledge (Memory Injector) ---",
-  "--- SAGE: related project knowledge (Memory Injector) ---"
-]);
-var SAGE_MEMORY_LINE = /^- \[[^\]]+\](?:\[[^\]]+\])* <memory id="[^"]+">.*<\/memory>(?: .*)?$/;
-var SAGE_MEMORY_LINE_TRUNCATED = /^- \[[^\]]+\](?:\[[^\]]+\])* <memory id="[^"]+">.*…$/;
+import { splitSageOutputBlock } from "@wrongstack/core/utils/sage-output-block";
 var SAGE_MEMORY_DETAIL = /^- (?<labels>\[[^\]]+\](?:\[[^\]]+\])*) <memory id="(?<id>[^"]+)">(?<text>.*?)<\/memory>(?: \((?<anchor>[^)]+)\))?(?: \[(?<meta>[^\]]+)\])?$/;
 function unescapeFenceBody(value) {
   return value.replace(/&#39;/g, "'").replace(/&quot;/g, '"').replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&amp;/g, "&");
@@ -27632,26 +27720,8 @@ function parseSageMemoryLine(line) {
   };
 }
 function extractSageBlock(output) {
-  const lines = output.split("\n");
-  for (let sageIdx = lines.length - 1; sageIdx >= 0; sageIdx--) {
-    if (!SAGE_INJECTOR_HEADINGS.has(lines[sageIdx] ?? "")) continue;
-    const candidate = lines.slice(sageIdx);
-    if (candidate.length < 2) continue;
-    const rawMemoryLines = candidate.slice(1);
-    const memoryLines = rawMemoryLines.filter((line) => line.trim().length > 0);
-    if (memoryLines.length === 0 || !memoryLines.every(
-      (line, index) => SAGE_MEMORY_LINE.test(line) || index === memoryLines.length - 1 && SAGE_MEMORY_LINE_TRUNCATED.test(line)
-    )) {
-      continue;
-    }
-    let end = candidate.length;
-    while (end > 1 && candidate[end - 1].trim().length === 0) end--;
-    return {
-      cleanOutput: lines.slice(0, sageIdx).join("\n").trimEnd(),
-      sageLines: candidate.slice(0, end)
-    };
-  }
-  return { cleanOutput: output, sageLines: [] };
+  const { body, sageLines } = splitSageOutputBlock(output);
+  return { cleanOutput: body, sageLines };
 }
 function resolveEntrySage(output, sageLines) {
   if (sageLines && sageLines.length > 0) {
@@ -31187,7 +31257,7 @@ function ResumePicker({
       const date = (s2.lastActivityAt ?? s2.startedAt).slice(0, 16).replace("T", " ");
       const displayName3 = s2.name?.trim() || s2.title || s2.id;
       const contentPreview = s2.lastUserMessage?.trim();
-      const outcomeBadge = s2.outcome === "completed" ? "\u2713 " : s2.outcome === "aborted" ? "\u26A0 " : s2.outcome === "error" ? "\u2717 " : s2.outcome === "timeout" ? "\u23F1 " : "  ";
+      const outcomeBadge2 = s2.outcome === "completed" ? "\u2713 " : s2.outcome === "aborted" ? "\u26A0 " : s2.outcome === "error" ? "\u2717 " : s2.outcome === "timeout" ? "\u23F1 " : "  ";
       const toolStr = s2.toolCallCount > 0 ? `${s2.toolCallCount} tool${s2.toolCallCount === 1 ? "" : "s"}` : "";
       const iterStr = s2.iterationCount > 0 ? `${s2.iterationCount} iter${s2.iterationCount === 1 ? "" : "s"}` : "";
       return /* @__PURE__ */ jsxs62(Box, { flexDirection: "column", children: [
@@ -31212,7 +31282,7 @@ function ResumePicker({
         ),
         /* @__PURE__ */ jsxs62(Text, { dimColor: true, children: [
           isSelected ? "   " : "   ",
-          outcomeBadge,
+          outcomeBadge2,
           s2.tokenTotal.toLocaleString(),
           " tok",
           (s2.messageCount ?? 0) > 0 ? ` \xB7 ${s2.messageCount} msg` : "",
@@ -33760,8 +33830,7 @@ var History = memo2(function History2({
   ] });
 });
 
-// src/components/scrollable-history.tsx
-import { jsx as jsx72, jsxs as jsxs70 } from "react/jsx-runtime";
+// src/components/history/copy-geometry.ts
 var LIVE_TOOL_STREAM_COPY_ID = -1;
 var SELECTION_COPY_ID = -2;
 function findCopyHit(hits, row, col) {
@@ -33803,6 +33872,8 @@ function liveToolStreamCopyHit(opts) {
     iconCol: opts.iconCol
   };
 }
+
+// src/components/history/selection-helpers.ts
 function normalizeSelection(a, b, inProgress) {
   const topLeft = { row: Math.min(a.row, b.row), col: Math.min(a.col, b.col) };
   const bottomRight = { row: Math.max(a.row, b.row), col: Math.max(a.col, b.col) };
@@ -33833,49 +33904,59 @@ function selectionToSlices(opts) {
   }
   return result;
 }
-function buildCopyRegistry(opts) {
-  const mountedGroupRows = opts.renderGroups.reduce(
-    (rows, group) => rows + (opts.heightCache.getHeight(renderGroupId(group)) ?? 0),
-    0
-  );
-  const visibleClip = copyRegistryVisibleClip({
-    scrolled: opts.scrolled,
-    clip: opts.clip,
-    mountedRows: mountedGroupRows,
-    tailRows: opts.tailRows,
-    viewportRows: opts.viewportRows
-  });
-  const pinnedSlack = !opts.scrolled ? Math.max(0, opts.viewportRows - mountedGroupRows - opts.tailRows) : 0;
-  const hits = [];
-  let offset = 0;
-  for (const group of opts.renderGroups) {
-    const gid = renderGroupId(group);
-    const groupHeight = opts.heightCache.getHeight(gid) ?? 0;
-    const startRow = offset - visibleClip + pinnedSlack;
-    offset += groupHeight;
-    const groupEntryIds = group.type === "tool-group" ? group.data.entries.map((entry) => entry.id) : isCopyableEntry(group.entry) && !(group.entry.kind === "thinking" && opts.showModelReasoning === false) ? [group.entry.id] : [];
-    const entryId = groupEntryIds[0];
-    if (entryId === void 0 || startRow < 0 || startRow >= opts.viewportRows) continue;
-    hits.push({
-      entryId,
-      ...groupEntryIds.length > 1 ? { entryIds: groupEntryIds } : {},
-      startRow,
-      endRow: startRow + 1,
-      iconCol: opts.iconCol
-    });
+function assembleSelectionText(opts) {
+  const { slices, entriesById, toolGroupsByHeadId } = opts;
+  if (slices.length === 0) return "";
+  const byEntry = /* @__PURE__ */ new Map();
+  for (const slice of slices) {
+    const list = byEntry.get(slice.entryId);
+    if (list) list.push(slice);
+    else byEntry.set(slice.entryId, [slice]);
   }
-  return {
-    hits,
-    liveHit: liveToolStreamCopyHit({
-      visible: opts.liveToolVisible,
-      mountedRows: mountedGroupRows,
-      visibleClip,
-      viewportRows: opts.viewportRows,
-      iconCol: opts.iconCol,
-      pinnedSlack
-    })
-  };
+  const segments = [];
+  let toolGroupCount = 0;
+  for (const [entryId, entrySlices] of byEntry) {
+    const head = entriesById.get(entryId);
+    if (!head) continue;
+    const groupMembers = toolGroupsByHeadId?.get(entryId);
+    const entries = groupMembers && groupMembers.length > 1 ? groupMembers.map((id) => entriesById.get(id)).filter((entry) => entry !== void 0) : [head];
+    if (entries.length === 0) continue;
+    if (entries.length > 1) toolGroupCount += 1;
+    const fullText = entries.length === 1 ? copyableTextForEntry(entries[0]) : copyableTextForEntries(entries);
+    if (fullText.length === 0) continue;
+    if (entries.length > 1) {
+      segments.push(fullText);
+      continue;
+    }
+    for (const slice of entrySlices) {
+      const rows = fullText.split("\n");
+      const collected = [];
+      for (let r = slice.startRow; r <= slice.endRow && r < rows.length; r++) {
+        const line = rows[r] ?? "";
+        if (slice.startRow === slice.endRow) {
+          const start = Math.max(0, Math.min(line.length, slice.startCol));
+          const end = Math.max(start, Math.min(line.length, slice.endCol + 1));
+          if (end > start) collected.push(line.slice(start, end));
+        } else if (r === slice.startRow) {
+          const start = Math.max(0, Math.min(line.length, slice.startCol));
+          if (start < line.length) collected.push(line.slice(start));
+        } else if (r === slice.endRow) {
+          const end = Math.max(0, Math.min(line.length, slice.endCol + 1));
+          if (end > 0) collected.push(line.slice(0, end));
+        } else {
+          collected.push(line);
+        }
+      }
+      const seg = collected.join("\n");
+      if (seg.length > 0) segments.push(seg);
+    }
+  }
+  if (segments.length === 0) return "";
+  const separator = byEntry.size > 1 || toolGroupCount > 0 ? "\n---\n" : "\n";
+  return segments.join(separator);
 }
+
+// src/components/history/scrollbar-geometry.ts
 function scrollbarThumb(rows, offset, total) {
   const scrollable = total > rows;
   if (!scrollable) return { top: 0, size: rows, scrollable: false };
@@ -33931,57 +34012,9 @@ function selectionHitAt(row, spans) {
   }
   return null;
 }
-function assembleSelectionText(opts) {
-  const { slices, entriesById, toolGroupsByHeadId } = opts;
-  if (slices.length === 0) return "";
-  const byEntry = /* @__PURE__ */ new Map();
-  for (const slice of slices) {
-    const list = byEntry.get(slice.entryId);
-    if (list) list.push(slice);
-    else byEntry.set(slice.entryId, [slice]);
-  }
-  const segments = [];
-  let toolGroupCount = 0;
-  for (const [entryId, entrySlices] of byEntry) {
-    const head = entriesById.get(entryId);
-    if (!head) continue;
-    const groupMembers = toolGroupsByHeadId?.get(entryId);
-    const entries = groupMembers && groupMembers.length > 1 ? groupMembers.map((id) => entriesById.get(id)).filter((entry) => entry !== void 0) : [head];
-    if (entries.length === 0) continue;
-    if (entries.length > 1) toolGroupCount += 1;
-    const fullText = entries.length === 1 ? copyableTextForEntry(entries[0]) : copyableTextForEntries(entries);
-    if (fullText.length === 0) continue;
-    if (entries.length > 1) {
-      segments.push(fullText);
-      continue;
-    }
-    for (const slice of entrySlices) {
-      const rows = fullText.split("\n");
-      const collected = [];
-      for (let r = slice.startRow; r <= slice.endRow && r < rows.length; r++) {
-        const line = rows[r] ?? "";
-        if (slice.startRow === slice.endRow) {
-          const start = Math.max(0, Math.min(line.length, slice.startCol));
-          const end = Math.max(start, Math.min(line.length, slice.endCol + 1));
-          if (end > start) collected.push(line.slice(start, end));
-        } else if (r === slice.startRow) {
-          const start = Math.max(0, Math.min(line.length, slice.startCol));
-          if (start < line.length) collected.push(line.slice(start));
-        } else if (r === slice.endRow) {
-          const end = Math.max(0, Math.min(line.length, slice.endCol + 1));
-          if (end > 0) collected.push(line.slice(0, end));
-        } else {
-          collected.push(line);
-        }
-      }
-      const seg = collected.join("\n");
-      if (seg.length > 0) segments.push(seg);
-    }
-  }
-  if (segments.length === 0) return "";
-  const separator = byEntry.size > 1 || toolGroupCount > 0 ? "\n---\n" : "\n";
-  return segments.join(separator);
-}
+
+// src/components/history/scrollbar-rail.tsx
+import { jsx as jsx72, jsxs as jsxs70 } from "react/jsx-runtime";
 function Scrollbar({
   rows,
   offset,
@@ -34006,6 +34039,7 @@ function Scrollbar({
           children: copyHit ? COPY_ICON : " "
         }
       ),
+      /* @__PURE__ */ jsx72(Text, { children: " " }),
       /* @__PURE__ */ jsx72(
         Text,
         {
@@ -34017,6 +34051,52 @@ function Scrollbar({
     ] }, row);
   }) });
 }
+
+// src/components/scrollable-history.tsx
+import { jsx as jsx73, jsxs as jsxs71 } from "react/jsx-runtime";
+function buildCopyRegistry(opts) {
+  const mountedGroupRows = opts.renderGroups.reduce(
+    (rows, group) => rows + (opts.heightCache.getHeight(renderGroupId(group)) ?? 0),
+    0
+  );
+  const visibleClip = copyRegistryVisibleClip({
+    scrolled: opts.scrolled,
+    clip: opts.clip,
+    mountedRows: mountedGroupRows,
+    tailRows: opts.tailRows,
+    viewportRows: opts.viewportRows
+  });
+  const pinnedSlack = !opts.scrolled ? Math.max(0, opts.viewportRows - mountedGroupRows - opts.tailRows) : 0;
+  const hits = [];
+  let offset = 0;
+  for (const group of opts.renderGroups) {
+    const gid = renderGroupId(group);
+    const groupHeight = opts.heightCache.getHeight(gid) ?? 0;
+    const startRow = offset - visibleClip + pinnedSlack;
+    offset += groupHeight;
+    const groupEntryIds = group.type === "tool-group" ? group.data.entries.map((entry) => entry.id) : isCopyableEntry(group.entry) && !(group.entry.kind === "thinking" && opts.showModelReasoning === false) ? [group.entry.id] : [];
+    const entryId = groupEntryIds[0];
+    if (entryId === void 0 || startRow < 0 || startRow >= opts.viewportRows) continue;
+    hits.push({
+      entryId,
+      ...groupEntryIds.length > 1 ? { entryIds: groupEntryIds } : {},
+      startRow,
+      endRow: startRow + 1,
+      iconCol: opts.iconCol
+    });
+  }
+  return {
+    hits,
+    liveHit: liveToolStreamCopyHit({
+      visible: opts.liveToolVisible,
+      mountedRows: mountedGroupRows,
+      visibleClip,
+      viewportRows: opts.viewportRows,
+      iconCol: opts.iconCol,
+      pinnedSlack
+    })
+  };
+}
 var UNDERFILL_BUMP_ROWS = 16;
 var MAX_UNDERFILL_BUMPS = 8;
 var ScrollableHistory = memo3(function ScrollableHistory2({
@@ -34050,6 +34130,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
     const handleResize = () => {
       setViewportWidth(resolveViewportWidth());
     };
+    handleResize();
     stdout?.on("resize", handleResize);
     return () => {
       stdout?.off("resize", handleResize);
@@ -34442,8 +34523,8 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
     }
     if (changed) setMeasureTick((tick) => tick + 1);
   });
-  return /* @__PURE__ */ jsxs70(Box, { flexDirection: "row", width: viewportWidth, children: [
-    /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs71(Box, { flexDirection: "row", width: viewportWidth, children: [
+    /* @__PURE__ */ jsx73(
       Box,
       {
         flexDirection: "column",
@@ -34451,7 +34532,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
         height: vp,
         overflowY: "hidden",
         justifyContent: scrolled ? "flex-start" : "flex-end",
-        children: /* @__PURE__ */ jsxs70(Box, { flexDirection: "column", flexShrink: 0, marginTop: scrolled && clip2 > 0 ? -clip2 : 0, children: [
+        children: /* @__PURE__ */ jsxs71(Box, { flexDirection: "column", flexShrink: 0, marginTop: scrolled && clip2 > 0 ? -clip2 : 0, children: [
           renderGroups.map((group) => {
             const gid = renderGroupId(group);
             const setNode = (node) => {
@@ -34459,15 +34540,15 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
               else entryNodeRefs.current.delete(gid);
             };
             if (group.type === "tool-group") {
-              return /* @__PURE__ */ jsx72(Box, { ref: setNode, flexShrink: 0, children: /* @__PURE__ */ jsx72(EntryErrorBoundary, { label: "tool group", resetKey: group.data.entries.length, children: /* @__PURE__ */ jsx72(ToolGroup, { data: group.data, termWidth }) }) }, `tool-group-${gid}`);
+              return /* @__PURE__ */ jsx73(Box, { ref: setNode, flexShrink: 0, children: /* @__PURE__ */ jsx73(EntryErrorBoundary, { label: "tool group", resetKey: group.data.entries.length, children: /* @__PURE__ */ jsx73(ToolGroup, { data: group.data, termWidth }) }) }, `tool-group-${gid}`);
             }
             const { entry } = group;
-            const entryEl = /* @__PURE__ */ jsx72(
+            const entryEl = /* @__PURE__ */ jsx73(
               EntryErrorBoundary,
               {
                 label: entry.kind,
                 resetKey: entry.kind === "tool" ? entry.output?.length ?? 0 : "text" in entry ? entry.text.length : 0,
-                children: /* @__PURE__ */ jsx72(
+                children: /* @__PURE__ */ jsx73(
                   Entry,
                   {
                     entry,
@@ -34483,7 +34564,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
                 )
               }
             );
-            return /* @__PURE__ */ jsx72(
+            return /* @__PURE__ */ jsx73(
               Box,
               {
                 ref: setNode,
@@ -34494,7 +34575,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
               entry.id
             );
           }),
-          plan.mountTail && toolTail && toolStream ? /* @__PURE__ */ jsx72(
+          plan.mountTail && toolTail && toolStream ? /* @__PURE__ */ jsx73(
             ToolStreamBox,
             {
               name: toolStream.name,
@@ -34506,7 +34587,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       Scrollbar,
       {
         rows: vp,
@@ -34519,40 +34600,474 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
   ] });
 });
 
+// src/components/sidebar.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+var SIDEBAR_MIN_TERMINAL = 64;
+var SIDEBAR_MIN_WIDTH = 20;
+var SIDEBAR_MAX_WIDTH = 48;
+var SIDEBAR_FRACTION = 0.25;
+function computeSidebarWidth(termCols) {
+  if (termCols < SIDEBAR_MIN_TERMINAL) return 0;
+  return Math.min(
+    SIDEBAR_MAX_WIDTH,
+    Math.max(SIDEBAR_MIN_WIDTH, Math.floor(termCols * SIDEBAR_FRACTION))
+  );
+}
+function RightSidebar({ width, maxHeight, focused = false, children }) {
+  const { stdout } = useStdout();
+  const termCols = stdout?.columns ?? 80;
+  const resolvedWidth = width ?? computeSidebarWidth(termCols);
+  if (resolvedWidth === 0) return null;
+  return /* @__PURE__ */ jsx74(
+    Box,
+    {
+      flexDirection: "column",
+      width: resolvedWidth,
+      height: maxHeight,
+      overflowY: "hidden",
+      flexShrink: 0,
+      borderStyle: focused ? "double" : "round",
+      borderColor: focused ? theme.accent : theme.borderSubtle,
+      paddingX: 1,
+      children: children ?? /* @__PURE__ */ jsx74(Text, { color: theme.textMuted, wrap: "truncate", children: "\u25E7 sidebar" })
+    }
+  );
+}
+
+// src/components/sidebar-content.tsx
+import { Fragment as Fragment26, jsx as jsx75, jsxs as jsxs72 } from "react/jsx-runtime";
+function trunc2(s2, max) {
+  if (s2.length <= max) return s2;
+  return `${s2.slice(0, Math.max(1, max - 1))}\u2026`;
+}
+function statusGlyph(entry) {
+  switch (entry.status) {
+    case "running":
+      return { icon: glyphs.running, color: theme.success };
+    case "idle":
+      return { icon: glyphs.idle, color: theme.textMuted };
+    case "success":
+      return { icon: glyphs.success, color: theme.success };
+    case "failed":
+    case "timeout":
+    case "stopped":
+      return { icon: glyphs.failure, color: theme.error };
+    default:
+      return { icon: "?", color: theme.textMuted };
+  }
+}
+function liveSessionIcon(status) {
+  switch (status) {
+    case "active":
+      return "\u25CF";
+    case "idle":
+      return "\u25C9";
+    case "closing":
+      return "\u25D0";
+    case "stale":
+      return "\u25CB";
+    default:
+      return "?";
+  }
+}
+function liveSessionColor(status) {
+  if (status === "active" || status === "running") return theme.success;
+  if (status === "idle") return theme.accent;
+  if (status === "error" || status === "stale") return theme.error;
+  if (status === "closing") return theme.warn;
+  return theme.textMuted;
+}
+function outcomeBadge(outcome) {
+  switch (outcome) {
+    case "completed":
+      return { label: glyphs.success, color: theme.success };
+    case "error":
+      return { label: glyphs.failure, color: theme.error };
+    case "timeout":
+      return { label: "\u23F1", color: theme.warn };
+    case "aborted":
+      return { label: "\u2298", color: theme.textMuted };
+    default:
+      return null;
+  }
+}
+function fmtRelative(iso) {
+  if (!iso) return "";
+  const diff = Date.now() - new Date(iso).getTime();
+  const min = Math.floor(diff / 6e4);
+  if (min < 1) return "now";
+  if (min < 60) return `${min}m`;
+  const h = Math.floor(min / 60);
+  if (h < 24) return `${h}h`;
+  return `${Math.floor(h / 24)}d`;
+}
+function SectionHeader({
+  glyph: glyph2,
+  label,
+  color,
+  badge,
+  badgeColor,
+  innerWidth
+}) {
+  const left = `${glyph2} ${label}`;
+  const leftW = displayWidth(left);
+  const badgeW = badge ? displayWidth(badge) + 1 : 0;
+  const fitsBadge = !!badge && innerWidth - leftW - badgeW >= 0;
+  const fillCount = Math.max(0, innerWidth - leftW - (fitsBadge ? badgeW : 0));
+  return /* @__PURE__ */ jsxs72(Box, { children: [
+    /* @__PURE__ */ jsx75(Text, { color, bold: true, children: left }),
+    /* @__PURE__ */ jsx75(Text, { color: theme.borderSubtle, children: "\xB7".repeat(fillCount) }),
+    fitsBadge ? /* @__PURE__ */ jsxs72(Text, { color: badgeColor ?? color, bold: true, children: [
+      " ",
+      badge
+    ] }) : null
+  ] });
+}
+function Card({
+  innerWidth,
+  marginBottom = 1,
+  children
+}) {
+  return /* @__PURE__ */ jsx75(
+    Box,
+    {
+      flexDirection: "column",
+      width: innerWidth,
+      marginBottom,
+      ...theme.supportsBackground ? { backgroundColor: theme.surfaceRaised } : {},
+      children
+    }
+  );
+}
+function buildMissionRows(todos, maxRows, textWidth) {
+  const list = todos ?? [];
+  const total = list.length;
+  const done = list.filter((t) => t.status === "completed").length;
+  if (total === 0 || maxRows <= 0) return { rows: [], overflow: 0, done, total };
+  const rank = (t) => t.status === "in_progress" ? 0 : t.status === "pending" ? 1 : 2;
+  const ordered = [...list].sort((a, b) => rank(a) - rank(b));
+  const shown = ordered.slice(0, maxRows);
+  const rows = shown.map((t) => ({
+    id: t.id,
+    status: t.status,
+    label: trunc2(
+      t.status === "in_progress" && t.activeForm ? t.activeForm : t.content,
+      textWidth
+    )
+  }));
+  return { rows, overflow: ordered.length - shown.length, done, total };
+}
+function SidebarContent({
+  contextWindow,
+  entries,
+  fleetCounts,
+  provider,
+  model,
+  width,
+  scrollOffset = 0,
+  focused = false,
+  todos,
+  showSwarmSection = false,
+  liveSessions,
+  resumeSessions,
+  currentSessionId
+}) {
+  const innerWidth = Math.max(8, width - 4);
+  const ctxRatio = contextWindow ? Math.min(1, contextWindow.used / contextWindow.max) : 0;
+  const ctxColor = contextBarColor(ctxRatio);
+  const ctxPct = Math.round(ctxRatio * 100);
+  const meter = blockMeter(ctxRatio, innerWidth);
+  const MAX_SIDEBAR_AGENTS = 12;
+  const allEntries = Object.values(entries);
+  const leader = allEntries.find(
+    (e) => e.id === "leader" || e.name === "Leader Agent"
+  );
+  const subagents = allEntries.filter((e) => e !== leader);
+  const runningSubagents = subagents.filter((e) => e.status === "running");
+  const agentCap = leader ? MAX_SIDEBAR_AGENTS - 1 : MAX_SIDEBAR_AGENTS;
+  const shownAgents = [
+    ...leader ? [leader] : [],
+    ...runningSubagents.slice(0, agentCap)
+  ];
+  const hiddenAgentCount = runningSubagents.length - agentCap;
+  const running = fleetCounts?.running ?? runningSubagents.length;
+  const mission = showSwarmSection ? buildMissionRows(todos, SIDEBAR_MISSION_ROWS, innerWidth - 3) : { rows: [], overflow: 0, done: 0, total: 0 };
+  return /* @__PURE__ */ jsxs72(
+    Box,
+    {
+      flexDirection: "column",
+      gap: 0,
+      marginTop: scrollOffset > 0 ? -scrollOffset : void 0,
+      children: [
+        focused ? /* @__PURE__ */ jsxs72(Box, { width: innerWidth, marginBottom: 1, children: [
+          /* @__PURE__ */ jsx75(Text, { color: theme.accent, bold: true, children: "\u2191\u2193" }),
+          /* @__PURE__ */ jsx75(Text, { color: theme.textMuted, children: " scroll \xB7 Shift+Tab exits" })
+        ] }) : null,
+        /* @__PURE__ */ jsxs72(Card, { innerWidth, children: [
+          /* @__PURE__ */ jsx75(
+            SectionHeader,
+            {
+              glyph: glyphs.context,
+              label: "CONTEXT",
+              color: pastel.peach,
+              badge: contextWindow ? `${ctxPct}%` : "\u2014",
+              badgeColor: ctxColor,
+              innerWidth
+            }
+          ),
+          contextWindow ? /* @__PURE__ */ jsxs72(Fragment26, { children: [
+            /* @__PURE__ */ jsxs72(Box, { children: [
+              /* @__PURE__ */ jsx75(Text, { color: ctxColor, children: meter.filled }),
+              /* @__PURE__ */ jsx75(Text, { color: theme.borderSubtle, children: meter.empty })
+            ] }),
+            /* @__PURE__ */ jsxs72(Text, { color: theme.textMuted, wrap: "truncate", children: [
+              fmtTok(contextWindow.used),
+              " / ",
+              fmtTok(contextWindow.max),
+              " tokens"
+            ] })
+          ] }) : /* @__PURE__ */ jsx75(Text, { color: theme.textMuted, children: "\u2014" })
+        ] }),
+        provider && model ? /* @__PURE__ */ jsxs72(Card, { innerWidth, children: [
+          /* @__PURE__ */ jsx75(
+            SectionHeader,
+            {
+              glyph: glyphs.tools,
+              label: "MODEL",
+              color: theme.brand,
+              innerWidth
+            }
+          ),
+          /* @__PURE__ */ jsx75(Text, { color: theme.textSecondary, wrap: "truncate", children: trunc2(`${provider}/${model}`, innerWidth) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs72(Card, { innerWidth, marginBottom: shownAgents.length > 0 ? 0 : 1, children: [
+          /* @__PURE__ */ jsx75(
+            SectionHeader,
+            {
+              glyph: glyphs.fleet,
+              label: "AGENT SWARM",
+              color: theme.monitor.fleet,
+              badge: running > 0 ? `${running} LIVE` : "IDLE",
+              badgeColor: running > 0 ? theme.success : theme.textMuted,
+              innerWidth
+            }
+          ),
+          running > 0 ? /* @__PURE__ */ jsxs72(Box, { children: [
+            /* @__PURE__ */ jsx75(Text, { color: theme.success, children: glyphs.running }),
+            /* @__PURE__ */ jsxs72(Text, { color: theme.textSecondary, wrap: "truncate", children: [
+              " ",
+              running,
+              " running"
+            ] })
+          ] }) : /* @__PURE__ */ jsxs72(Box, { children: [
+            /* @__PURE__ */ jsx75(Text, { color: theme.textMuted, children: glyphs.pending }),
+            /* @__PURE__ */ jsx75(Text, { color: theme.textMuted, children: " idle" })
+          ] })
+        ] }),
+        shownAgents.length > 0 ? /* @__PURE__ */ jsxs72(Box, { flexDirection: "column", width: innerWidth, marginBottom: 1, children: [
+          shownAgents.map((entry) => {
+            const { icon, color } = statusGlyph(entry);
+            const isRunning = entry.status === "running";
+            const name = trunc2(entry.name || entry.id, innerWidth - 6);
+            const ctxPctAgent = entry.ctxPct != null ? `${Math.round(entry.ctxPct * 100)}%` : "";
+            const statusLabel = entry.status === "running" ? "running" : entry.status === "idle" ? "idle" : entry.status;
+            const tool = entry.currentTool?.name ? trunc2(entry.currentTool.name, innerWidth - statusLabel.length - 4) : "";
+            return /* @__PURE__ */ jsxs72(Box, { flexDirection: "column", marginBottom: 0, children: [
+              /* @__PURE__ */ jsxs72(Box, { flexDirection: "row", children: [
+                /* @__PURE__ */ jsxs72(Text, { color, children: [
+                  icon,
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx75(
+                  Text,
+                  {
+                    color: isRunning ? theme.textPrimary : theme.textSecondary,
+                    bold: isRunning,
+                    wrap: "truncate",
+                    children: name
+                  }
+                ),
+                ctxPctAgent ? /* @__PURE__ */ jsxs72(
+                  Text,
+                  {
+                    color: entry.ctxPct != null ? contextBarColor(entry.ctxPct) : theme.textMuted,
+                    children: [
+                      " ",
+                      ctxPctAgent
+                    ]
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ jsxs72(Box, { flexDirection: "row", children: [
+                /* @__PURE__ */ jsx75(Text, { color, children: "  " }),
+                /* @__PURE__ */ jsxs72(Text, { color: theme.textMuted, wrap: "truncate", children: [
+                  statusLabel,
+                  tool ? ` \xB7 ${tool}` : ""
+                ] })
+              ] })
+            ] }, entry.id);
+          }),
+          hiddenAgentCount > 0 ? /* @__PURE__ */ jsxs72(Text, { color: theme.textMuted, children: [
+            " +",
+            hiddenAgentCount,
+            " more"
+          ] }) : null
+        ] }) : null,
+        mission.total > 0 ? /* @__PURE__ */ jsxs72(Card, { innerWidth, children: [
+          /* @__PURE__ */ jsx75(
+            SectionHeader,
+            {
+              glyph: glyphs.queue,
+              label: "MISSIONS",
+              color: theme.warn,
+              badge: `${mission.done}/${mission.total}`,
+              badgeColor: mission.done === mission.total ? theme.success : theme.warn,
+              innerWidth
+            }
+          ),
+          mission.rows.map((m) => {
+            if (m.status === "completed") {
+              return /* @__PURE__ */ jsxs72(Box, { children: [
+                /* @__PURE__ */ jsxs72(Text, { color: theme.success, children: [
+                  glyphs.success,
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx75(Text, { color: theme.textMuted, dimColor: true, strikethrough: true, wrap: "truncate", children: m.label })
+              ] }, m.id);
+            }
+            if (m.status === "in_progress") {
+              return /* @__PURE__ */ jsxs72(Box, { children: [
+                /* @__PURE__ */ jsxs72(Text, { color: theme.accent, children: [
+                  glyphs.running,
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx75(Text, { color: theme.textPrimary, bold: true, wrap: "truncate", children: m.label })
+              ] }, m.id);
+            }
+            return /* @__PURE__ */ jsxs72(Box, { children: [
+              /* @__PURE__ */ jsxs72(Text, { color: theme.textMuted, children: [
+                glyphs.pending,
+                " "
+              ] }),
+              /* @__PURE__ */ jsx75(Text, { color: theme.textSecondary, wrap: "truncate", children: m.label })
+            ] }, m.id);
+          }),
+          mission.overflow > 0 ? /* @__PURE__ */ jsxs72(Text, { color: theme.textMuted, dimColor: true, children: [
+            "  ",
+            "+",
+            mission.overflow,
+            " more"
+          ] }) : null
+        ] }) : null,
+        (liveSessions?.length ?? 0) > 0 || (resumeSessions?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs72(Card, { innerWidth, marginBottom: 0, children: [
+          /* @__PURE__ */ jsx75(
+            SectionHeader,
+            {
+              glyph: glyphs.sessions,
+              label: "SESSIONS",
+              color: theme.success,
+              badge: String((liveSessions?.length ?? 0) + (resumeSessions?.length ?? 0)),
+              badgeColor: theme.textSecondary,
+              innerWidth
+            }
+          ),
+          liveSessions && liveSessions.length > 0 ? /* @__PURE__ */ jsx75(Box, { flexDirection: "column", children: liveSessions.slice(0, 3).map((s2) => {
+            const isCurrent = s2.sessionId === currentSessionId;
+            const icon = isCurrent ? "\u25CF" : liveSessionIcon(s2.status);
+            const color = liveSessionColor(s2.status);
+            const name = trunc2(s2.projectName, innerWidth - 6);
+            const agents = s2.agentCount > 0 ? ` ${s2.agentCount}a` : "";
+            return /* @__PURE__ */ jsxs72(Box, { flexDirection: "row", children: [
+              /* @__PURE__ */ jsxs72(Text, { color, children: [
+                icon,
+                " "
+              ] }),
+              /* @__PURE__ */ jsx75(
+                Text,
+                {
+                  color: isCurrent ? theme.accent : theme.textSecondary,
+                  wrap: "truncate",
+                  bold: isCurrent,
+                  children: name
+                }
+              ),
+              /* @__PURE__ */ jsx75(Text, { color: theme.textMuted, children: agents })
+            ] }, s2.sessionId);
+          }) }) : null,
+          resumeSessions && resumeSessions.length > 0 ? /* @__PURE__ */ jsx75(
+            Box,
+            {
+              flexDirection: "column",
+              marginTop: liveSessions && liveSessions.length > 0 ? 1 : 0,
+              children: resumeSessions.slice(0, 3).map((rs) => {
+                const badge = outcomeBadge(rs.outcome);
+                const title = trunc2(
+                  rs.title || rs.lastUserMessage || rs.id,
+                  innerWidth - 8
+                );
+                const rel = fmtRelative(rs.lastActivityAt ?? rs.endedAt);
+                return /* @__PURE__ */ jsxs72(Box, { flexDirection: "row", children: [
+                  /* @__PURE__ */ jsxs72(Text, { color: badge ? badge.color : theme.textMuted, children: [
+                    badge ? badge.label : "\xB7",
+                    " "
+                  ] }),
+                  /* @__PURE__ */ jsx75(
+                    Text,
+                    {
+                      color: rs.isCurrent ? theme.accent : theme.textSecondary,
+                      wrap: "truncate",
+                      ...rs.isCurrent ? { bold: true } : {},
+                      children: title
+                    }
+                  ),
+                  rel ? /* @__PURE__ */ jsxs72(Text, { color: theme.textMuted, children: [
+                    " ",
+                    rel
+                  ] }) : null
+                ] }, rs.id);
+              })
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
 // src/components/shadow-panel.tsx
-import { jsx as jsx73, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs73 } from "react/jsx-runtime";
 function ShadowPanel({
   shadow,
   hint
 }) {
-  return /* @__PURE__ */ jsxs71(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
-    /* @__PURE__ */ jsx73(Text, { bold: true, color: "blue", children: "\u2501\u2501 Shadow Agent \u2501\u2501" }),
-    /* @__PURE__ */ jsx73(Text, { dimColor: true, children: "s start \xB7 t stop \xB7 i cycle interval \xB7 m cycle model \xB7 Esc close" }),
-    /* @__PURE__ */ jsxs71(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs71(Box, { children: [
-        /* @__PURE__ */ jsx73(Text, { bold: true, children: "Status: " }),
-        shadow.running ? /* @__PURE__ */ jsx73(Text, { color: "green", children: "\u25CF running" }) : /* @__PURE__ */ jsx73(Text, { color: "gray", children: "\u25CB stopped" }),
-        shadow.activeId ? /* @__PURE__ */ jsx73(Text, { dimColor: true, children: `  ${shadow.activeId.slice(0, 12)}\u2026` }) : null
+  return /* @__PURE__ */ jsxs73(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
+    /* @__PURE__ */ jsx76(Text, { bold: true, color: "blue", children: "\u2501\u2501 Shadow Agent \u2501\u2501" }),
+    /* @__PURE__ */ jsx76(Text, { dimColor: true, children: "s start \xB7 t stop \xB7 i cycle interval \xB7 m cycle model \xB7 Esc close" }),
+    /* @__PURE__ */ jsxs73(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs73(Box, { children: [
+        /* @__PURE__ */ jsx76(Text, { bold: true, children: "Status: " }),
+        shadow.running ? /* @__PURE__ */ jsx76(Text, { color: "green", children: "\u25CF running" }) : /* @__PURE__ */ jsx76(Text, { color: "gray", children: "\u25CB stopped" }),
+        shadow.activeId ? /* @__PURE__ */ jsx76(Text, { dimColor: true, children: `  ${shadow.activeId.slice(0, 12)}\u2026` }) : null
       ] }),
-      /* @__PURE__ */ jsxs71(Box, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx73(Text, { bold: true, children: "Model: " }),
-        /* @__PURE__ */ jsx73(Text, { color: "cyan", children: shadow.model })
+      /* @__PURE__ */ jsxs73(Box, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx76(Text, { bold: true, children: "Model: " }),
+        /* @__PURE__ */ jsx76(Text, { color: "cyan", children: shadow.model })
       ] }),
-      /* @__PURE__ */ jsxs71(Box, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx73(Text, { bold: true, children: "Interval: " }),
-        /* @__PURE__ */ jsx73(Text, { color: "yellow", children: shadow.intervalMs >= 1e3 ? `${shadow.intervalMs / 1e3}s` : `${shadow.intervalMs}ms` }),
-        /* @__PURE__ */ jsx73(Text, { dimColor: true, children: "  (min 5s)" })
+      /* @__PURE__ */ jsxs73(Box, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx76(Text, { bold: true, children: "Interval: " }),
+        /* @__PURE__ */ jsx76(Text, { color: "yellow", children: shadow.intervalMs >= 1e3 ? `${shadow.intervalMs / 1e3}s` : `${shadow.intervalMs}ms` }),
+        /* @__PURE__ */ jsx76(Text, { dimColor: true, children: "  (min 5s)" })
       ] }),
-      /* @__PURE__ */ jsx73(Box, { marginTop: 1, children: /* @__PURE__ */ jsx73(Text, { dimColor: true, children: shadow.running ? "Press t to stop the Shadow Agent" : "Press s to start the Shadow Agent" }) })
+      /* @__PURE__ */ jsx76(Box, { marginTop: 1, children: /* @__PURE__ */ jsx76(Text, { dimColor: true, children: shadow.running ? "Press t to stop the Shadow Agent" : "Press s to start the Shadow Agent" }) })
     ] }),
-    hint ? /* @__PURE__ */ jsx73(Box, { marginTop: 1, children: /* @__PURE__ */ jsx73(Text, { dimColor: true, children: hint }) }) : null
+    hint ? /* @__PURE__ */ jsx76(Box, { marginTop: 1, children: /* @__PURE__ */ jsx76(Text, { dimColor: true, children: hint }) }) : null
   ] });
 }
 
 // src/components/shell-command-warning.tsx
 import { writeOut as writeOut3 } from "@wrongstack/core/utils";
 import React9 from "react";
-import { jsx as jsx74, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs74 } from "react/jsx-runtime";
 function truncateShellCommandWarningCommand(text, max = 80) {
   return text.length <= max ? text : `${text.slice(0, max - 1)}\u2026`;
 }
@@ -34570,30 +35085,30 @@ function ShellCommandWarning({
     if (ch === "n") onDecision("no");
     if (ch === "d") onDecision("dont-show-again");
   });
-  return /* @__PURE__ */ jsxs72(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs72(Box, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx74(Text, { bold: true, color: "yellow", children: "\u26A0 SHELL COMMAND" }),
-      /* @__PURE__ */ jsx74(Text, { children: " " }),
-      /* @__PURE__ */ jsxs72(Text, { bold: true, color: "white", children: [
+  return /* @__PURE__ */ jsxs74(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs74(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx77(Text, { bold: true, color: "yellow", children: "\u26A0 SHELL COMMAND" }),
+      /* @__PURE__ */ jsx77(Text, { children: " " }),
+      /* @__PURE__ */ jsxs74(Text, { bold: true, color: "white", children: [
         "!",
         truncateShellCommandWarningCommand(command)
       ] })
     ] }),
-    /* @__PURE__ */ jsx74(Text, { dimColor: true, children: "This will execute in your shell via /dev. Only run commands you trust." }),
-    /* @__PURE__ */ jsx74(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-    /* @__PURE__ */ jsx74(Box, { flexDirection: "row", children: /* @__PURE__ */ jsxs72(Text, { children: [
-      /* @__PURE__ */ jsx74(Text, { bold: true, color: "green", children: "[y]" }),
-      /* @__PURE__ */ jsx74(Text, { dimColor: true, children: "es " }),
-      /* @__PURE__ */ jsx74(Text, { bold: true, color: "red", children: "[n]" }),
-      /* @__PURE__ */ jsx74(Text, { dimColor: true, children: "o " }),
-      /* @__PURE__ */ jsx74(Text, { bold: true, color: "cyan", children: "[d]" }),
-      /* @__PURE__ */ jsx74(Text, { dimColor: true, children: "ont show again" })
+    /* @__PURE__ */ jsx77(Text, { dimColor: true, children: "This will execute in your shell via /dev. Only run commands you trust." }),
+    /* @__PURE__ */ jsx77(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
+    /* @__PURE__ */ jsx77(Box, { flexDirection: "row", children: /* @__PURE__ */ jsxs74(Text, { children: [
+      /* @__PURE__ */ jsx77(Text, { bold: true, color: "green", children: "[y]" }),
+      /* @__PURE__ */ jsx77(Text, { dimColor: true, children: "es " }),
+      /* @__PURE__ */ jsx77(Text, { bold: true, color: "red", children: "[n]" }),
+      /* @__PURE__ */ jsx77(Text, { dimColor: true, children: "o " }),
+      /* @__PURE__ */ jsx77(Text, { bold: true, color: "cyan", children: "[d]" }),
+      /* @__PURE__ */ jsx77(Text, { dimColor: true, children: "ont show again" })
     ] }) })
   ] });
 }
 
 // src/components/slash-confirm-panel.tsx
-import { jsx as jsx75, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs75 } from "react/jsx-runtime";
 function slashConfirmationDecision(input, key, defaultYes) {
   if (key.escape) return "cancel";
   if (key.return) return defaultYes;
@@ -34607,28 +35122,28 @@ function SlashConfirmPanel({
   question,
   defaultYes
 }) {
-  return /* @__PURE__ */ jsxs73(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1, children: [
-    /* @__PURE__ */ jsx75(Text, { bold: true, color: "yellow", children: "? CONFIRM ACTION" }),
-    /* @__PURE__ */ jsx75(Box, { marginTop: 1, children: /* @__PURE__ */ jsx75(Text, { children: question }) }),
-    /* @__PURE__ */ jsx75(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs73(Text, { children: [
-      /* @__PURE__ */ jsx75(Text, { bold: true, color: "green", children: "[y]" }),
+  return /* @__PURE__ */ jsxs75(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginY: 1, children: [
+    /* @__PURE__ */ jsx78(Text, { bold: true, color: "yellow", children: "? CONFIRM ACTION" }),
+    /* @__PURE__ */ jsx78(Box, { marginTop: 1, children: /* @__PURE__ */ jsx78(Text, { children: question }) }),
+    /* @__PURE__ */ jsx78(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs75(Text, { children: [
+      /* @__PURE__ */ jsx78(Text, { bold: true, color: "green", children: "[y]" }),
       "es",
       "  ",
-      /* @__PURE__ */ jsx75(Text, { bold: true, color: "red", children: "[n]" }),
+      /* @__PURE__ */ jsx78(Text, { bold: true, color: "red", children: "[n]" }),
       "o",
       "  ",
-      /* @__PURE__ */ jsx75(Text, { bold: true, children: "Enter" }),
+      /* @__PURE__ */ jsx78(Text, { bold: true, children: "Enter" }),
       " = ",
       defaultYes ? "yes" : "no",
       "  ",
-      /* @__PURE__ */ jsx75(Text, { bold: true, children: "Esc/q" }),
+      /* @__PURE__ */ jsx78(Text, { bold: true, children: "Esc/q" }),
       " = cancel"
     ] }) })
   ] });
 }
 
 // src/components/slash-menu.tsx
-import { jsx as jsx76, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs76 } from "react/jsx-runtime";
 var MAX_VISIBLE_ITEMS = 8;
 function SlashMenu({ query, matches, selected }) {
   const placeholder2 = query ? `/${query}` : "/";
@@ -34647,59 +35162,59 @@ function SlashMenu({ query, matches, selected }) {
   const visible = windowRows2(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, MAX_VISIBLE_ITEMS);
   const hiddenAbove = visible.start;
   const hiddenBelow = rows.length - visible.end;
-  return /* @__PURE__ */ jsxs74(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs74(Text, { bold: true, color: "cyan", children: [
+  return /* @__PURE__ */ jsxs76(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs76(Text, { bold: true, color: "cyan", children: [
       "\u2501\u2501 Command palette \u2501\u2501 ",
-      /* @__PURE__ */ jsx76(Text, { dimColor: true, children: placeholder2 }),
+      /* @__PURE__ */ jsx79(Text, { dimColor: true, children: placeholder2 }),
       " ",
-      /* @__PURE__ */ jsxs74(Text, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs76(Text, { dimColor: true, children: [
         "(",
         resultMeta,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsx76(Text, { dimColor: true, children: "Type to filter commands by name, alias, or description." }),
-    hiddenAbove > 0 && /* @__PURE__ */ jsxs74(Text, { dimColor: true, children: [
+    /* @__PURE__ */ jsx79(Text, { dimColor: true, children: "Type to filter commands by name, alias, or description." }),
+    hiddenAbove > 0 && /* @__PURE__ */ jsxs76(Text, { dimColor: true, children: [
       "  \u2191 ",
       hiddenAbove,
       " more"
     ] }),
-    visible.contextHeader && /* @__PURE__ */ jsxs74(Text, { bold: true, color: "yellow", dimColor: true, children: [
+    visible.contextHeader && /* @__PURE__ */ jsxs76(Text, { bold: true, color: "yellow", dimColor: true, children: [
       "  ",
       visible.contextHeader
     ] }),
     visible.rows.map((row) => {
       if (row.type === "header") {
-        return /* @__PURE__ */ jsxs74(Text, { bold: true, color: "yellow", dimColor: true, children: [
+        return /* @__PURE__ */ jsxs76(Text, { bold: true, color: "yellow", dimColor: true, children: [
           "  ",
           row.category
         ] }, `cat-${row.category}`);
       }
       const { match: m, index: i } = row;
-      return /* @__PURE__ */ jsxs74(Text, { inverse: i === selected, ...i === selected ? { color: "cyan" } : {}, children: [
+      return /* @__PURE__ */ jsxs76(Text, { inverse: i === selected, ...i === selected ? { color: "cyan" } : {}, children: [
         i === selected ? "\u203A " : "  ",
-        /* @__PURE__ */ jsx76(Text, { bold: true, children: m.name }),
-        m.argsHint ? /* @__PURE__ */ jsxs74(Text, { dimColor: true, children: [
+        /* @__PURE__ */ jsx79(Text, { bold: true, children: m.name }),
+        m.argsHint ? /* @__PURE__ */ jsxs76(Text, { dimColor: true, children: [
           " ",
           m.argsHint
         ] }) : null,
-        m.matchedAlias ? /* @__PURE__ */ jsxs74(Text, { dimColor: true, children: [
+        m.matchedAlias ? /* @__PURE__ */ jsxs76(Text, { dimColor: true, children: [
           " alias /",
           m.matchedAlias
         ] }) : null,
-        /* @__PURE__ */ jsxs74(Text, { dimColor: true, children: [
+        /* @__PURE__ */ jsxs76(Text, { dimColor: true, children: [
           " \u2014 ",
           m.description
         ] })
       ] }, m.name);
     }),
-    hiddenBelow > 0 && /* @__PURE__ */ jsxs74(Text, { dimColor: true, children: [
+    hiddenBelow > 0 && /* @__PURE__ */ jsxs76(Text, { dimColor: true, children: [
       "  \u2193 ",
       hiddenBelow,
       " more"
     ] }),
-    matches.length === 0 && /* @__PURE__ */ jsx76(Text, { dimColor: true, children: "No matching commands" }),
-    /* @__PURE__ */ jsx76(Text, { dimColor: true, children: "\u2500\u2500\u2500 \u2191\u2193 nav \xB7 Enter run \xB7 Tab fill \xB7 Esc close" })
+    matches.length === 0 && /* @__PURE__ */ jsx79(Text, { dimColor: true, children: "No matching commands" }),
+    /* @__PURE__ */ jsx79(Text, { dimColor: true, children: "\u2500\u2500\u2500 \u2191\u2193 nav \xB7 Enter run \xB7 Tab fill \xB7 Esc close" })
   ] });
 }
 function windowRows2(rows, focus, max) {
@@ -34730,17 +35245,17 @@ function windowRows2(rows, focus, max) {
 }
 
 // src/components/tools-picker.tsx
-import { Fragment as Fragment26, jsx as jsx77, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx80, jsxs as jsxs77 } from "react/jsx-runtime";
 var CHROME_ROWS6 = 15;
 var MAX_PICKER_ITEMS2 = 15;
 function toolActionLabel(enabled) {
   return enabled ? "Enter makes this tool passive" : "Enter re-enables this tool";
 }
 function statusBadge2(enabled) {
-  return enabled ? /* @__PURE__ */ jsx77(Text, { color: "green", children: "\u25CF active" }) : /* @__PURE__ */ jsx77(Text, { color: "red", children: "\u25CB passive" });
+  return enabled ? /* @__PURE__ */ jsx80(Text, { color: "green", children: "\u25CF active" }) : /* @__PURE__ */ jsx80(Text, { color: "red", children: "\u25CB passive" });
 }
 function rwBadge(mutating) {
-  return mutating ? /* @__PURE__ */ jsx77(Text, { color: "yellow", children: "mut" }) : /* @__PURE__ */ jsx77(Text, { color: "cyan", children: "ro" });
+  return mutating ? /* @__PURE__ */ jsx80(Text, { color: "yellow", children: "mut" }) : /* @__PURE__ */ jsx80(Text, { color: "cyan", children: "ro" });
 }
 function displayCategory(cat) {
   if (!cat || cat.trim() === "") return "Other";
@@ -34839,19 +35354,19 @@ function ToolsPicker({
   const hiddenAbove = win.start;
   const hiddenBelow = rows.length - win.end;
   const hasFilter = filterActive;
-  return /* @__PURE__ */ jsxs75(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [
-    /* @__PURE__ */ jsx77(Text, { bold: true, color: "green", children: "\u2501\u2501 Tools \u2501\u2501" }),
-    /* @__PURE__ */ jsx77(Text, { dimColor: true, children: hasFilter ? `Filter: ${filter} (${visibleItems.length} match${visibleItems.length === 1 ? "" : "es"}) \xB7 Backspace edit \xB7 Esc clear` : `\u2191/\u2193 select \xB7 type to filter \xB7 Enter toggles \xB7 Esc close \xB7 ${enabledCount} active / ${passiveCount} passive` }),
-    /* @__PURE__ */ jsx77(Text, { dimColor: true, children: "Passive tools stay listed for this session so you can select them and re-enable them later." }),
-    /* @__PURE__ */ jsx77(Box, { marginTop: 1, flexDirection: "column", children: total === 0 ? /* @__PURE__ */ jsx77(Text, { dimColor: true, children: busy ? "Loading tools\u2026" : "No tools registered." }) : visibleItems.length === 0 ? /* @__PURE__ */ jsxs75(Text, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs77(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [
+    /* @__PURE__ */ jsx80(Text, { bold: true, color: "green", children: "\u2501\u2501 Tools \u2501\u2501" }),
+    /* @__PURE__ */ jsx80(Text, { dimColor: true, children: hasFilter ? `Filter: ${filter} (${visibleItems.length} match${visibleItems.length === 1 ? "" : "es"}) \xB7 Backspace edit \xB7 Esc clear` : `\u2191/\u2193 select \xB7 type to filter \xB7 Enter toggles \xB7 Esc close \xB7 ${enabledCount} active / ${passiveCount} passive` }),
+    /* @__PURE__ */ jsx80(Text, { dimColor: true, children: "Passive tools stay listed for this session so you can select them and re-enable them later." }),
+    /* @__PURE__ */ jsx80(Box, { marginTop: 1, flexDirection: "column", children: total === 0 ? /* @__PURE__ */ jsx80(Text, { dimColor: true, children: busy ? "Loading tools\u2026" : "No tools registered." }) : visibleItems.length === 0 ? /* @__PURE__ */ jsxs77(Text, { dimColor: true, children: [
       'No tools match "',
       filter,
       '".'
-    ] }) : /* @__PURE__ */ jsxs75(Fragment26, { children: [
-      hiddenAbove > 0 ? /* @__PURE__ */ jsx77(Text, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }) : null,
+    ] }) : /* @__PURE__ */ jsxs77(Fragment27, { children: [
+      hiddenAbove > 0 ? /* @__PURE__ */ jsx80(Text, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }) : null,
       displayRows.map(({ item, index }) => {
         const focused = index === visibleSelected;
-        return /* @__PURE__ */ jsxs75(
+        return /* @__PURE__ */ jsxs77(
           Text,
           {
             inverse: focused,
@@ -34861,9 +35376,9 @@ function ToolsPicker({
               focused ? "\u203A " : "  ",
               statusBadge2(item.enabled),
               " ",
-              /* @__PURE__ */ jsx77(Text, { bold: true, children: fitCell(item.name, columnWidths.name) }),
+              /* @__PURE__ */ jsx80(Text, { bold: true, children: fitCell(item.name, columnWidths.name) }),
               " ",
-              /* @__PURE__ */ jsxs75(Text, { dimColor: true, children: [
+              /* @__PURE__ */ jsxs77(Text, { dimColor: true, children: [
                 fitCell(displayCategory(item.category), columnWidths.category),
                 " ",
                 fitCell(`[${item.owner}]`, columnWidths.owner),
@@ -34873,7 +35388,7 @@ function ToolsPicker({
                 " ",
                 fitCell(item.permission, columnWidths.permission),
                 " ",
-                /* @__PURE__ */ jsxs75(Text, { color: item.descMode === "simple" ? "yellow" : void 0, children: [
+                /* @__PURE__ */ jsxs77(Text, { color: item.descMode === "simple" ? "yellow" : void 0, children: [
                   "desc:",
                   item.descMode
                 ] })
@@ -34883,21 +35398,21 @@ function ToolsPicker({
           item.name
         );
       }),
-      hiddenBelow > 0 ? /* @__PURE__ */ jsx77(Text, { dimColor: true, children: `  \u2193 ${hiddenBelow} more` }) : null
+      hiddenBelow > 0 ? /* @__PURE__ */ jsx80(Text, { dimColor: true, children: `  \u2193 ${hiddenBelow} more` }) : null
     ] }) }),
-    selectedItem ? /* @__PURE__ */ jsxs75(Box, { marginTop: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs75(Text, { children: [
-        /* @__PURE__ */ jsx77(Text, { color: selectedItem.enabled ? "green" : "red", children: toolActionLabel(selectedItem.enabled) }),
-        /* @__PURE__ */ jsx77(Text, { dimColor: true, children: ` \xB7 ${selectedItem.mutating ? "Mutating" : "Read-only"} \xB7 permission: ${selectedItem.permission} \xB7 descriptions: ${selectedItem.descMode}` })
+    selectedItem ? /* @__PURE__ */ jsxs77(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs77(Text, { children: [
+        /* @__PURE__ */ jsx80(Text, { color: selectedItem.enabled ? "green" : "red", children: toolActionLabel(selectedItem.enabled) }),
+        /* @__PURE__ */ jsx80(Text, { dimColor: true, children: ` \xB7 ${selectedItem.mutating ? "Mutating" : "Read-only"} \xB7 permission: ${selectedItem.permission} \xB7 descriptions: ${selectedItem.descMode}` })
       ] }),
-      /* @__PURE__ */ jsx77(Text, { dimColor: true, wrap: "truncate-end", children: selectedItem.description || "No description provided." })
+      /* @__PURE__ */ jsx80(Text, { dimColor: true, wrap: "truncate-end", children: selectedItem.description || "No description provided." })
     ] }) : null,
-    hint ? /* @__PURE__ */ jsx77(Box, { marginTop: 1, children: /* @__PURE__ */ jsx77(Text, { dimColor: true, children: hint }) }) : null
+    hint ? /* @__PURE__ */ jsx80(Box, { marginTop: 1, children: /* @__PURE__ */ jsx80(Text, { dimColor: true, children: hint }) }) : null
   ] });
 }
 
 // src/app-view.tsx
-import { jsx as jsx78, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs78 } from "react/jsx-runtime";
 var CONTINUE_CONFIRM_DELAY_MS = 4e3;
 var INPUT_PROMPT = DEFAULT_INPUT_PROMPT;
 function AppView({ host, runtime }) {
@@ -34916,6 +35431,7 @@ function AppView({ host, runtime }) {
     dispatch,
     activity,
     environment,
+    statusbar,
     viewState,
     historyScrollRef,
     onScrollInfo,
@@ -34935,11 +35451,17 @@ function AppView({ host, runtime }) {
     refineModel,
     setEnhanceCountdown,
     enhanceDelayMs,
-    layoutStore
+    layoutStore,
+    mailbox
   } = runtime;
   const { nowTick, workingTimeMs, enhanceDots } = activity;
-  const { setYoloLive, autonomyLive } = environment;
+  const { setYoloLive, autonomyLive, liveModel, liveProvider } = environment;
   const { inputHint, composerStatus, composerAnimationStyle, inputHeight, hideInput } = viewState;
+  const { stdout } = useStdout();
+  const termCols = stdout?.columns ?? 80;
+  const overlayOpen = isPickerOverlayOpen(state) || state.coordinator.monitorOpen || state.auditPanelOpen || state.connectionsPanelOpen || state.helpOpen || state.agentsMonitorOpen || state.monitorOpen || state.contextPanelOpen || state.processListOpen || state.todosMonitorOpen || state.worktreeMonitorOpen || state.planPanelOpen || state.kanbanPanelOpen || state.queuePanelOpen || state.goalPanelOpen || state.goalKanbanPanelOpen || state.cronMonitorOpen || state.rewindOverlay != null || state.shellCommandWarning != null || state.confirmQueue.length > 0 || state.clearConfirm != null || state.exitConfirm != null || state.slashConfirm != null || state.escConfirm != null || state.sendModePicker != null || state.enhance != null || state.enhanceBusy || state.refineCountdown != null || state.refineFailure != null || state.continueConfirm != null || state.brainPrompt != null || mailbox.mailboxPanelOpen || (state.goalRun?.monitorOpen ?? false) || (state.sddBoard?.monitorOpen ?? false);
+  const sidebarWidth = overlayOpen ? 0 : computeSidebarWidth(termCols);
+  const mainColumnWidth = termCols - sidebarWidth;
   return (
     /* Hard viewport cap. The managed layout aims for exactly termRows
        (history vp + measured bottom region), but the bottom region grows a
@@ -34953,516 +35475,538 @@ function AppView({ host, runtime }) {
        the history box (Ink-7: flex-end clips top), so a freshly-opened picker
        or grown input is fully visible immediately while history briefly loses
        its top rows until the viewport re-measures. */
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx81(
       Box,
       {
         flexDirection: "column",
         height: runtime.termRows,
         overflowY: "hidden",
         justifyContent: "flex-end",
-        children: /* @__PURE__ */ jsxs76(Box, { flexDirection: "column", flexShrink: 0, children: [
-          /* @__PURE__ */ jsx78(
-            ScrollableHistory,
-            {
-              entries: state.entries,
-              toolStream: state.toolStream,
-              viewportRows: state.viewportRows,
-              controllerRef: historyScrollRef,
-              onScrollInfo,
-              setSuggestions,
-              autonomyMode: autonomyLive,
-              multiDiffSummaryThreshold: state.settingsPicker.multiDiffSummaryThreshold,
-              todos: liveTodos,
-              showModelReasoning: state.settingsPicker.open ? state.settingsPicker.showModelReasoning : liveSettings?.showModelReasoning ?? true,
-              showSageMemoryInject: state.settingsPicker.open ? state.settingsPicker.showSageMemoryInject : liveSettings?.showSageMemoryInject ?? false,
-              layoutStore,
-              copiedEntryId: state.copiedEntryId,
-              onRequestOlderEntries: runtime.onRequestOlderEntries
-            },
-            `history-gen-${state.historyGen}`
-          ),
-          /* @__PURE__ */ jsxs76(Box, { flexDirection: "column", flexShrink: 0, ref: bottomRegionRef, children: [
-            /* @__PURE__ */ jsx78(
-              Input,
-              {
-                prompt: INPUT_PROMPT,
-                value: state.buffer,
-                cursor: state.cursor,
-                title: `WRONGSTACK${appVersion ? ` v${appVersion}` : ""}`,
-                status: composerStatus,
-                animationStyle: composerAnimationStyle,
-                hidden: hideInput,
-                placeholderHeight: inputHeight,
-                disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
-                hint: inputHint,
-                onKey: stableOnKey,
-                workingTime: workingTimeMs
-              }
-            ),
-            state.picker.open ? /* @__PURE__ */ jsx78(
-              FilePicker,
-              {
-                query: state.picker.query,
-                matches: state.picker.matches,
-                selected: state.picker.selected
-              }
-            ) : null,
-            state.slashPicker.open ? /* @__PURE__ */ jsx78(
-              SlashMenu,
-              {
-                query: state.slashPicker.query,
-                matches: state.slashPicker.matches,
-                selected: state.slashPicker.selected
-              }
-            ) : null,
-            state.modelPicker.open ? /* @__PURE__ */ jsx78(
-              ModelPicker,
-              {
-                step: state.modelPicker.step,
-                providerOptions: state.modelPicker.providerOptions,
-                modelOptions: state.modelPicker.modelOptions,
-                filteredOptions: state.modelPicker.filteredOptions,
-                selected: state.modelPicker.selected,
-                pickedProviderId: state.modelPicker.pickedProviderId,
-                searchQuery: state.modelPicker.searchQuery,
-                hint: state.modelPicker.hint,
-                titleLabel: state.modelPicker.title
-              }
-            ) : null,
-            state.autonomyPicker.open ? /* @__PURE__ */ jsx78(
-              AutonomyPicker,
-              {
-                options: state.autonomyPicker.options,
-                selected: state.autonomyPicker.selected,
-                hint: state.autonomyPicker.hint
-              }
-            ) : null,
-            state.modePicker.open ? /* @__PURE__ */ jsx78(
-              ModePicker,
-              {
-                modes: state.modePicker.modes,
-                selected: state.modePicker.selected,
-                hint: state.modePicker.hint
-              }
-            ) : null,
-            state.designPicker.open ? /* @__PURE__ */ jsx78(
-              DesignPicker,
+        children: /* @__PURE__ */ jsxs78(Box, { flexDirection: "row", width: termCols, flexShrink: 0, overflowX: "hidden", children: [
+          /* @__PURE__ */ jsxs78(Box, { flexDirection: "column", flexShrink: 0, width: mainColumnWidth, overflowX: "hidden", children: [
+            /* @__PURE__ */ jsx81(
+              ScrollableHistory,
               {
-                kits: state.designPicker.kits,
-                selected: state.designPicker.selected,
-                stack: state.designPicker.stack
-              }
-            ) : null,
-            state.promptPicker.open ? /* @__PURE__ */ jsx78(
-              PromptPicker,
-              {
-                entries: filterPromptPicker(
-                  state.promptPicker.all,
-                  state.promptPicker.categories,
-                  state.promptPicker.catIndex,
-                  state.promptPicker.recentSlugs
-                ),
-                selected: state.promptPicker.selected,
-                category: state.promptPicker.categories[state.promptPicker.catIndex] ?? "all",
-                total: state.promptPicker.all.length
-              }
-            ) : null,
-            state.resumePicker.open ? /* @__PURE__ */ jsx78(
-              ResumePicker,
-              {
-                sessions: state.resumePicker.sessions,
-                selected: state.resumePicker.selected,
-                busy: state.resumePicker.busy,
-                error: state.resumePicker.error,
-                hint: state.resumePicker.hint
-              }
-            ) : null,
-            state.settingsPicker.open ? /* @__PURE__ */ jsx78(
-              SettingsPicker,
-              {
-                field: state.settingsPicker.field,
-                mode: state.settingsPicker.mode,
-                delayMs: state.settingsPicker.delayMs,
-                titleAnimation: state.settingsPicker.titleAnimation,
-                yolo: state.settingsPicker.yolo,
-                fleetChat: state.settingsPicker.fleetChat,
-                chime: state.settingsPicker.chime,
-                confirmExit: state.settingsPicker.confirmExit,
-                nextPrediction: state.settingsPicker.nextPrediction,
-                featureMcp: state.settingsPicker.featureMcp,
-                featurePlugins: state.settingsPicker.featurePlugins,
-                featureMemory: state.settingsPicker.featureMemory,
-                featureSkills: state.settingsPicker.featureSkills,
-                featureModelsRegistry: state.settingsPicker.featureModelsRegistry,
-                tokenSavingTier: state.settingsPicker.tokenSavingTier,
-                allowOutsideProjectRoot: state.settingsPicker.allowOutsideProjectRoot,
-                contextAutoCompact: state.settingsPicker.contextAutoCompact,
-                contextStrategy: state.settingsPicker.contextStrategy,
-                contextMode: state.settingsPicker.contextMode,
-                maxConcurrent: state.settingsPicker.maxConcurrent,
-                logLevel: state.settingsPicker.logLevel,
-                auditLevel: state.settingsPicker.auditLevel,
-                indexOnStart: state.settingsPicker.indexOnStart,
+                entries: state.entries,
+                toolStream: state.toolStream,
+                viewportRows: state.viewportRows,
+                maxWidth: mainColumnWidth,
+                controllerRef: historyScrollRef,
+                onScrollInfo,
+                setSuggestions,
+                autonomyMode: autonomyLive,
                 multiDiffSummaryThreshold: state.settingsPicker.multiDiffSummaryThreshold,
-                thinkingWord: state.settingsPicker.thinkingWord,
-                thinkingWordEditing: state.settingsPicker.thinkingWordEditing,
-                thinkingWordDraft: state.settingsPicker.thinkingWordDraft,
-                maxIterations: state.settingsPicker.maxIterations,
-                autoProceedMaxIterations: state.settingsPicker.autoProceedMaxIterations,
-                enhanceDelayMs: state.settingsPicker.enhanceDelayMs,
-                preRefineSeconds: state.settingsPicker.preRefineSeconds,
-                enhanceEnabled: state.settingsPicker.enhanceEnabled,
-                enhanceLanguage: state.settingsPicker.enhanceLanguage,
-                debugStream: state.settingsPicker.debugStream,
-                statuslineMode: state.settingsPicker.statuslineMode,
-                reasoningMode: state.settingsPicker.reasoningMode,
-                reasoningEffort: state.settingsPicker.reasoningEffort,
-                reasoningPreserve: state.settingsPicker.reasoningPreserve,
-                cacheTtl: state.settingsPicker.cacheTtl,
-                configScope: state.settingsPicker.configScope,
-                profileConfigPath,
-                animationStyle: state.settingsPicker.animationStyle,
-                breakerEnabled: state.settingsPicker.breakerEnabled,
-                breakerAutoKillResetMs: state.settingsPicker.breakerAutoKillResetMs,
-                showModelReasoning: state.settingsPicker.showModelReasoning,
-                showAgentSwarmPanel: state.settingsPicker.showAgentSwarmPanel,
-                showSageMemoryInject: state.settingsPicker.showSageMemoryInject,
-                sageMemoryInjectThreshold: state.settingsPicker.sageMemoryInjectThreshold,
-                readSymbols: state.settingsPicker.readSymbols,
-                filter: state.settingsPicker.filter,
-                hint: state.settingsPicker.hint
-              }
-            ) : null,
-            state.statuslinePicker.open ? /* @__PURE__ */ jsx78(
-              StatuslinePicker,
-              {
-                field: state.statuslinePicker.field,
-                hiddenItems: state.statuslinePicker.hiddenItems,
-                visibleChips: state.statuslinePicker.visibleChips,
-                hint: state.statuslinePicker.hint
-              }
-            ) : null,
-            state.pluginPicker.open ? /* @__PURE__ */ jsx78(
-              PluginPicker,
-              {
-                items: state.pluginPicker.items,
-                selected: state.pluginPicker.selected,
-                busy: state.pluginPicker.busy,
-                hint: state.pluginPicker.hint
-              }
-            ) : null,
-            state.mcpPicker.open ? /* @__PURE__ */ jsx78(
-              McpPicker,
-              {
-                items: state.mcpPicker.items,
-                selected: state.mcpPicker.selected,
-                busy: state.mcpPicker.busy,
-                hint: state.mcpPicker.hint
-              }
-            ) : null,
-            state.toolsPicker.open ? /* @__PURE__ */ jsx78(
-              ToolsPicker,
-              {
-                items: state.toolsPicker.items,
-                selected: state.toolsPicker.selected,
-                busy: state.toolsPicker.busy,
-                hint: state.toolsPicker.hint,
-                filter: state.toolsPicker.filter
-              }
-            ) : null,
-            state.brainPanel.open && !state.modelPicker.open ? /* @__PURE__ */ jsx78(BrainPanel, { ...state.brainPanel }) : null,
-            state.helpPanel.open ? /* @__PURE__ */ jsx78(
-              HelpPanel,
-              {
-                entries: state.helpPanel.entries,
-                filter: state.helpPanel.filter,
-                selected: state.helpPanel.selected,
-                hint: state.helpPanel.hint
-              }
-            ) : null,
-            state.shadowPanel.open ? /* @__PURE__ */ jsx78(ShadowPanel, { shadow: state.shadowPanel.shadow, hint: state.shadowPanel.hint }) : null,
-            state.authPanel.open ? /* @__PURE__ */ jsx78(AuthPanel, { panel: state.authPanel }) : null,
-            state.projectPicker.open ? /* @__PURE__ */ jsx78(
-              ProjectPicker,
-              {
-                items: state.projectPicker.items,
-                selected: state.projectPicker.selected,
-                filter: state.projectPicker.filter,
-                hint: state.projectPicker.hint
-              }
-            ) : null,
-            state.fKeyPicker.open ? /* @__PURE__ */ jsx78(FKeyPicker, { selected: state.fKeyPicker.selected }) : null,
-            state.coordinator.monitorOpen ? /* @__PURE__ */ jsx78(
-              CoordinatorPanel,
-              {
-                coordinator: state.coordinator,
-                nowTick,
-                onClose: () => dispatch({ type: "toggleCoordinatorMonitor" })
-              }
-            ) : null,
-            state.auditPanelOpen ? /* @__PURE__ */ jsx78(
-              AuditPanel,
-              {
-                sideEffects: agent.ctx.sideEffects ?? [],
-                onClose: () => dispatch({ type: "toggleAuditPanel" })
-              }
-            ) : null,
-            state.connectionsPanelOpen ? /* @__PURE__ */ jsx78(
-              ConnectionsPanel,
-              {
-                projectRoot: agent.ctx.projectRoot,
-                onClose: () => dispatch({ type: "toggleConnectionsPanel" })
-              }
-            ) : null,
-            state.rewindOverlay ? (() => {
-              const overlay = state.rewindOverlay;
-              return /* @__PURE__ */ jsx78(
-                CheckpointTimeline,
+                todos: liveTodos,
+                showModelReasoning: state.settingsPicker.open ? state.settingsPicker.showModelReasoning : liveSettings?.showModelReasoning ?? true,
+                showSageMemoryInject: state.settingsPicker.open ? state.settingsPicker.showSageMemoryInject : liveSettings?.showSageMemoryInject ?? false,
+                layoutStore,
+                copiedEntryId: state.copiedEntryId,
+                onRequestOlderEntries: runtime.onRequestOlderEntries
+              },
+              `history-gen-${state.historyGen}`
+            ),
+            /* @__PURE__ */ jsxs78(Box, { flexDirection: "column", flexShrink: 0, ref: bottomRegionRef, width: mainColumnWidth, children: [
+              /* @__PURE__ */ jsx81(
+                Input,
                 {
-                  checkpoints: overlay.checkpoints,
-                  selected: overlay.selected,
-                  onSelect: (i) => dispatch({ type: "rewindOverlayMove", delta: i - overlay.selected }),
-                  onConfirm: (i) => {
-                    const checkpoint = overlay.checkpoints[i];
-                    if (checkpoint) handleRewindTo(checkpoint.promptIndex);
-                  },
-                  onClose: () => dispatch({ type: "rewindOverlayClose" })
+                  prompt: INPUT_PROMPT,
+                  value: state.buffer,
+                  cursor: state.cursor,
+                  title: `WRONGSTACK${appVersion ? ` v${appVersion}` : ""}`,
+                  status: composerStatus,
+                  animationStyle: composerAnimationStyle,
+                  hidden: hideInput,
+                  placeholderHeight: inputHeight,
+                  maxWidth: mainColumnWidth,
+                  disabled: state.status === "aborting" && !state.steeringPending || state.confirmQueue.length > 0,
+                  hint: inputHint,
+                  onKey: stableOnKey,
+                  workingTime: workingTimeMs
                 }
-              );
-            })() : null,
-            state.brainPrompt ? /* @__PURE__ */ jsx78(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx78(
-              BrainDecisionPrompt,
-              {
-                ...state.brainPrompt,
-                onAnswer: (answer) => {
-                  events.emit("brain.human_answered", { ...answer, at: Date.now() });
-                  dispatch({ type: "brainPromptClear" });
+              ),
+              state.picker.open ? /* @__PURE__ */ jsx81(
+                FilePicker,
+                {
+                  query: state.picker.query,
+                  matches: state.picker.matches,
+                  selected: state.picker.selected
                 }
-              }
-            ) }) : null,
-            state.shellCommandWarning ? (() => {
-              const info = state.shellCommandWarning;
-              let resolved = false;
-              const onDecision = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                info.resolve(decision);
-                dispatch({ type: "shellCommandWarningClose" });
-              };
-              return /* @__PURE__ */ jsx78(ShellCommandWarning, { command: info.command, onDecision });
-            })() : null,
-            state.confirmQueue.length > 0 && (() => {
-              const head = expectDefined5(state.confirmQueue[0]);
-              let resolved = false;
-              const onDecision = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                head.resolve(decision);
-                dispatch({ type: "confirmClose" });
-              };
-              const onEnableYolo = () => {
-                if (resolved) return;
-                onYolo?.(true);
-                setYoloLive(true);
-                const cur = getSettings?.();
-                if (cur && saveSettings) {
-                  Promise.resolve(saveSettings({ ...cur, yolo: true })).catch(() => {
-                  });
+              ) : null,
+              state.slashPicker.open ? /* @__PURE__ */ jsx81(
+                SlashMenu,
+                {
+                  query: state.slashPicker.query,
+                  matches: state.slashPicker.matches,
+                  selected: state.slashPicker.selected
                 }
-                resolved = true;
-                head.resolve("yes");
-                dispatch({ type: "confirmClose" });
-              };
-              return /* @__PURE__ */ jsx78(
-                ConfirmPrompt,
+              ) : null,
+              state.modelPicker.open ? /* @__PURE__ */ jsx81(
+                ModelPicker,
                 {
-                  toolName: head.toolName,
-                  input: head.input,
-                  suggestedPattern: head.suggestedPattern,
-                  onDecision,
-                  onEnableYolo,
-                  destructive: head.destructive,
-                  boundaryReason: head.boundaryReason
+                  step: state.modelPicker.step,
+                  providerOptions: state.modelPicker.providerOptions,
+                  modelOptions: state.modelPicker.modelOptions,
+                  filteredOptions: state.modelPicker.filteredOptions,
+                  selected: state.modelPicker.selected,
+                  pickedProviderId: state.modelPicker.pickedProviderId,
+                  searchQuery: state.modelPicker.searchQuery,
+                  hint: state.modelPicker.hint,
+                  titleLabel: state.modelPicker.title
                 }
-              );
-            })(),
-            state.clearConfirm ? /* @__PURE__ */ jsx78(
-              ClearConfirmPanel,
-              {
-                leaderActive: state.clearConfirm.leaderActive,
-                subagentCount: state.clearConfirm.subagentCount,
-                value: state.clearConfirm.value
-              }
-            ) : null,
-            state.exitConfirm ? /* @__PURE__ */ jsx78(
-              ExitConfirmPanel,
-              {
-                leaderActive: state.exitConfirm.leaderActive,
-                subagentCount: state.exitConfirm.subagentCount,
-                backgroundCount: state.exitConfirm.backgroundCount
-              }
-            ) : null,
-            state.slashConfirm ? /* @__PURE__ */ jsx78(
-              SlashConfirmPanel,
-              {
-                question: state.slashConfirm.question,
-                defaultYes: state.slashConfirm.defaultYes
-              }
-            ) : null,
-            state.escConfirm ? /* @__PURE__ */ jsx78(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx78(
-              EscConfirmPrompt,
-              {
-                runningTools: state.escConfirm.snapshot.runningTools,
-                subagentCount: state.escConfirm.snapshot.subagentsTerminated,
-                onConfirm: () => {
-                  const escConfirm = state.escConfirm;
-                  if (!escConfirm) return;
-                  const { snapshot } = escConfirm;
-                  activeCtrlRef.current?.abort("user interrupt (Esc)");
-                  clearPendingConfirms();
-                  dispatch({ type: "status", status: "aborting" });
-                  dispatch({ type: "steerStart", snapshot });
-                  const escConfirmDir = liveDirector();
-                  if (escConfirmDir && snapshot.subagentsTerminated > 0) {
-                    const cap = new Promise((resolve) => {
-                      const t = setTimeout(resolve, 1500);
-                      t.unref?.();
-                    });
-                    void Promise.race([escConfirmDir.terminateAll().catch(() => void 0), cap]);
-                  }
-                  const droppedCount = state.queue.length;
-                  if (droppedCount > 0) dispatch({ type: "queueClear" });
-                  const droppedTag = droppedCount > 0 ? ` \xB7 dropped ${droppedCount} queued` : "";
-                  const fleetTag = snapshot.subagentsTerminated > 0 ? ` \xB7 stopped ${snapshot.subagentsTerminated} subagent${snapshot.subagentsTerminated === 1 ? "" : "s"}` : "";
-                  dispatch({
-                    type: "addEntry",
-                    entry: {
-                      kind: "warn",
-                      text: `\u21AF Interrupted${droppedTag}${fleetTag}. Type your new direction.`
-                    }
-                  });
-                  dispatch({ type: "escConfirmClose" });
-                },
-                onCancel: () => {
-                  dismissedEscAtRef.current = Date.now();
-                  dispatch({ type: "escConfirmClose" });
+              ) : null,
+              state.autonomyPicker.open ? /* @__PURE__ */ jsx81(
+                AutonomyPicker,
+                {
+                  options: state.autonomyPicker.options,
+                  selected: state.autonomyPicker.selected,
+                  hint: state.autonomyPicker.hint
                 }
-              }
-            ) }) : null,
-            state.sendModePicker ? (() => {
-              const info = state.sendModePicker;
-              let resolved = false;
-              const finish = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                info.resolve(decision);
-              };
-              return /* @__PURE__ */ jsx78(
-                SendModePicker,
+              ) : null,
+              state.modePicker.open ? /* @__PURE__ */ jsx81(
+                ModePicker,
                 {
-                  selected: info.selected,
-                  messagePreview: info.displayText,
-                  onMove: (delta) => dispatch({ type: "sendModePickerMove", delta }),
-                  onSelect: finish
+                  modes: state.modePicker.modes,
+                  selected: state.modePicker.selected,
+                  hint: state.modePicker.hint
                 }
-              );
-            })() : null,
-            state.refineCountdown ? (() => {
-              const info = state.refineCountdown;
-              let resolved = false;
-              const onDecision = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                info.resolve(decision);
-              };
-              return /* @__PURE__ */ jsx78(
-                RefineCountdownPanel,
+              ) : null,
+              state.designPicker.open ? /* @__PURE__ */ jsx81(
+                DesignPicker,
                 {
-                  original: info.original,
-                  seconds: info.seconds,
-                  onDecision,
-                  providerId: refineProviderId ?? agent.ctx.provider?.id,
-                  model: refineModel ?? agent.ctx.model
+                  kits: state.designPicker.kits,
+                  selected: state.designPicker.selected,
+                  stack: state.designPicker.stack
                 }
-              );
-            })() : null,
-            state.enhanceBusy && !state.enhance ? /* @__PURE__ */ jsx78(
-              RefiningPanel,
-              {
-                original: enhanceOriginalRef.current,
-                elapsedMs: enhanceStartedAt === null ? 0 : Math.max(0, Date.now() - enhanceStartedAt),
-                pulseFrame: enhanceDots,
-                providerId: refineProviderId ?? agent.ctx.provider?.id,
-                model: refineModel ?? agent.ctx.model
-              }
-            ) : null,
-            state.enhance ? (() => {
-              const info = state.enhance;
-              let resolved = false;
-              const onDecision = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                setEnhanceCountdown(null);
-                info.resolve(decision);
-              };
-              return /* @__PURE__ */ jsx78(
-                EnhancePanel,
+              ) : null,
+              state.promptPicker.open ? /* @__PURE__ */ jsx81(
+                PromptPicker,
                 {
-                  original: info.original,
-                  refined: info.refined,
-                  english: info.english,
-                  durationMs: enhanceDurationMs ?? 0,
-                  delayMs: enhanceDelayMs,
+                  entries: filterPromptPicker(
+                    state.promptPicker.all,
+                    state.promptPicker.categories,
+                    state.promptPicker.catIndex,
+                    state.promptPicker.recentSlugs
+                  ),
+                  selected: state.promptPicker.selected,
+                  category: state.promptPicker.categories[state.promptPicker.catIndex] ?? "all",
+                  total: state.promptPicker.all.length
+                }
+              ) : null,
+              state.resumePicker.open ? /* @__PURE__ */ jsx81(
+                ResumePicker,
+                {
+                  sessions: state.resumePicker.sessions,
+                  selected: state.resumePicker.selected,
+                  busy: state.resumePicker.busy,
+                  error: state.resumePicker.error,
+                  hint: state.resumePicker.hint
+                }
+              ) : null,
+              state.settingsPicker.open ? /* @__PURE__ */ jsx81(
+                SettingsPicker,
+                {
+                  field: state.settingsPicker.field,
+                  mode: state.settingsPicker.mode,
+                  delayMs: state.settingsPicker.delayMs,
+                  titleAnimation: state.settingsPicker.titleAnimation,
+                  yolo: state.settingsPicker.yolo,
+                  fleetChat: state.settingsPicker.fleetChat,
+                  chime: state.settingsPicker.chime,
+                  confirmExit: state.settingsPicker.confirmExit,
+                  nextPrediction: state.settingsPicker.nextPrediction,
+                  featureMcp: state.settingsPicker.featureMcp,
+                  featurePlugins: state.settingsPicker.featurePlugins,
+                  featureMemory: state.settingsPicker.featureMemory,
+                  featureSkills: state.settingsPicker.featureSkills,
+                  featureModelsRegistry: state.settingsPicker.featureModelsRegistry,
+                  tokenSavingTier: state.settingsPicker.tokenSavingTier,
+                  allowOutsideProjectRoot: state.settingsPicker.allowOutsideProjectRoot,
+                  contextAutoCompact: state.settingsPicker.contextAutoCompact,
+                  contextStrategy: state.settingsPicker.contextStrategy,
+                  contextMode: state.settingsPicker.contextMode,
+                  maxConcurrent: state.settingsPicker.maxConcurrent,
+                  logLevel: state.settingsPicker.logLevel,
+                  auditLevel: state.settingsPicker.auditLevel,
+                  indexOnStart: state.settingsPicker.indexOnStart,
+                  multiDiffSummaryThreshold: state.settingsPicker.multiDiffSummaryThreshold,
+                  thinkingWord: state.settingsPicker.thinkingWord,
+                  thinkingWordEditing: state.settingsPicker.thinkingWordEditing,
+                  thinkingWordDraft: state.settingsPicker.thinkingWordDraft,
+                  maxIterations: state.settingsPicker.maxIterations,
+                  autoProceedMaxIterations: state.settingsPicker.autoProceedMaxIterations,
+                  enhanceDelayMs: state.settingsPicker.enhanceDelayMs,
+                  preRefineSeconds: state.settingsPicker.preRefineSeconds,
+                  enhanceEnabled: state.settingsPicker.enhanceEnabled,
                   enhanceLanguage: state.settingsPicker.enhanceLanguage,
-                  onDecision,
-                  onTick: (r) => setEnhanceCountdown(r > 0 ? r : null),
-                  providerId: refineProviderId ?? agent.ctx.provider?.id,
-                  model: refineModel ?? agent.ctx.model
+                  debugStream: state.settingsPicker.debugStream,
+                  statuslineMode: state.settingsPicker.statuslineMode,
+                  reasoningMode: state.settingsPicker.reasoningMode,
+                  reasoningEffort: state.settingsPicker.reasoningEffort,
+                  reasoningPreserve: state.settingsPicker.reasoningPreserve,
+                  cacheTtl: state.settingsPicker.cacheTtl,
+                  configScope: state.settingsPicker.configScope,
+                  profileConfigPath,
+                  animationStyle: state.settingsPicker.animationStyle,
+                  breakerEnabled: state.settingsPicker.breakerEnabled,
+                  breakerAutoKillResetMs: state.settingsPicker.breakerAutoKillResetMs,
+                  showModelReasoning: state.settingsPicker.showModelReasoning,
+                  showAgentSwarmPanel: state.settingsPicker.showAgentSwarmPanel,
+                  showSageMemoryInject: state.settingsPicker.showSageMemoryInject,
+                  sageMemoryInjectThreshold: state.settingsPicker.sageMemoryInjectThreshold,
+                  readSymbols: state.settingsPicker.readSymbols,
+                  filter: state.settingsPicker.filter,
+                  hint: state.settingsPicker.hint
                 }
-              );
-            })() : null,
-            state.refineFailure ? (() => {
-              const info = state.refineFailure;
-              let resolved = false;
-              const onDecision = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                info.resolve(decision);
-              };
-              return /* @__PURE__ */ jsx78(
-                RefineFailurePanel,
+              ) : null,
+              state.statuslinePicker.open ? /* @__PURE__ */ jsx81(
+                StatuslinePicker,
                 {
-                  original: info.original,
-                  error: info.error,
-                  elapsedMs: info.elapsedMs,
-                  fallbackRef: info.fallbackRef,
-                  models: info.models,
-                  onDecision
+                  field: state.statuslinePicker.field,
+                  hiddenItems: state.statuslinePicker.hiddenItems,
+                  visibleChips: state.statuslinePicker.visibleChips,
+                  hint: state.statuslinePicker.hint
                 }
-              );
-            })() : null,
-            state.continueConfirm ? (() => {
-              const info = state.continueConfirm;
-              let resolved = false;
-              const onDecision = (decision) => {
-                if (resolved) return;
-                resolved = true;
-                info.resolve(decision);
-              };
-              return /* @__PURE__ */ jsx78(
-                ContinueConfirmPanel,
+              ) : null,
+              state.pluginPicker.open ? /* @__PURE__ */ jsx81(
+                PluginPicker,
                 {
-                  label: info.label,
-                  instruction: info.instruction,
-                  source: info.source,
-                  grounded: info.grounded,
-                  delayMs: CONTINUE_CONFIRM_DELAY_MS,
-                  onDecision
+                  items: state.pluginPicker.items,
+                  selected: state.pluginPicker.selected,
+                  busy: state.pluginPicker.busy,
+                  hint: state.pluginPicker.hint
                 }
-              );
-            })() : null,
-            /* @__PURE__ */ jsx78(AppStatusRegion, { host, runtime })
-          ] })
+              ) : null,
+              state.mcpPicker.open ? /* @__PURE__ */ jsx81(
+                McpPicker,
+                {
+                  items: state.mcpPicker.items,
+                  selected: state.mcpPicker.selected,
+                  busy: state.mcpPicker.busy,
+                  hint: state.mcpPicker.hint
+                }
+              ) : null,
+              state.toolsPicker.open ? /* @__PURE__ */ jsx81(
+                ToolsPicker,
+                {
+                  items: state.toolsPicker.items,
+                  selected: state.toolsPicker.selected,
+                  busy: state.toolsPicker.busy,
+                  hint: state.toolsPicker.hint,
+                  filter: state.toolsPicker.filter
+                }
+              ) : null,
+              state.brainPanel.open && !state.modelPicker.open ? /* @__PURE__ */ jsx81(BrainPanel, { ...state.brainPanel }) : null,
+              state.helpPanel.open ? /* @__PURE__ */ jsx81(
+                HelpPanel,
+                {
+                  entries: state.helpPanel.entries,
+                  filter: state.helpPanel.filter,
+                  selected: state.helpPanel.selected,
+                  hint: state.helpPanel.hint
+                }
+              ) : null,
+              state.shadowPanel.open ? /* @__PURE__ */ jsx81(ShadowPanel, { shadow: state.shadowPanel.shadow, hint: state.shadowPanel.hint }) : null,
+              state.authPanel.open ? /* @__PURE__ */ jsx81(AuthPanel, { panel: state.authPanel }) : null,
+              state.projectPicker.open ? /* @__PURE__ */ jsx81(
+                ProjectPicker,
+                {
+                  items: state.projectPicker.items,
+                  selected: state.projectPicker.selected,
+                  filter: state.projectPicker.filter,
+                  hint: state.projectPicker.hint
+                }
+              ) : null,
+              state.fKeyPicker.open ? /* @__PURE__ */ jsx81(FKeyPicker, { selected: state.fKeyPicker.selected }) : null,
+              state.coordinator.monitorOpen ? /* @__PURE__ */ jsx81(
+                CoordinatorPanel,
+                {
+                  coordinator: state.coordinator,
+                  nowTick,
+                  onClose: () => dispatch({ type: "toggleCoordinatorMonitor" })
+                }
+              ) : null,
+              state.auditPanelOpen ? /* @__PURE__ */ jsx81(
+                AuditPanel,
+                {
+                  sideEffects: agent.ctx.sideEffects ?? [],
+                  onClose: () => dispatch({ type: "toggleAuditPanel" })
+                }
+              ) : null,
+              state.connectionsPanelOpen ? /* @__PURE__ */ jsx81(
+                ConnectionsPanel,
+                {
+                  projectRoot: agent.ctx.projectRoot,
+                  onClose: () => dispatch({ type: "toggleConnectionsPanel" })
+                }
+              ) : null,
+              state.rewindOverlay ? (() => {
+                const overlay = state.rewindOverlay;
+                return /* @__PURE__ */ jsx81(
+                  CheckpointTimeline,
+                  {
+                    checkpoints: overlay.checkpoints,
+                    selected: overlay.selected,
+                    onSelect: (i) => dispatch({ type: "rewindOverlayMove", delta: i - overlay.selected }),
+                    onConfirm: (i) => {
+                      const checkpoint = overlay.checkpoints[i];
+                      if (checkpoint) handleRewindTo(checkpoint.promptIndex);
+                    },
+                    onClose: () => dispatch({ type: "rewindOverlayClose" })
+                  }
+                );
+              })() : null,
+              state.brainPrompt ? /* @__PURE__ */ jsx81(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx81(
+                BrainDecisionPrompt,
+                {
+                  ...state.brainPrompt,
+                  onAnswer: (answer) => {
+                    events.emit("brain.human_answered", { ...answer, at: Date.now() });
+                    dispatch({ type: "brainPromptClear" });
+                  }
+                }
+              ) }) : null,
+              state.shellCommandWarning ? (() => {
+                const info = state.shellCommandWarning;
+                let resolved = false;
+                const onDecision = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  info.resolve(decision);
+                  dispatch({ type: "shellCommandWarningClose" });
+                };
+                return /* @__PURE__ */ jsx81(ShellCommandWarning, { command: info.command, onDecision });
+              })() : null,
+              state.confirmQueue.length > 0 && (() => {
+                const head = expectDefined5(state.confirmQueue[0]);
+                let resolved = false;
+                const onDecision = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  head.resolve(decision);
+                  dispatch({ type: "confirmClose" });
+                };
+                const onEnableYolo = () => {
+                  if (resolved) return;
+                  onYolo?.(true);
+                  setYoloLive(true);
+                  const cur = getSettings?.();
+                  if (cur && saveSettings) {
+                    Promise.resolve(saveSettings({ ...cur, yolo: true })).catch(() => {
+                    });
+                  }
+                  resolved = true;
+                  head.resolve("yes");
+                  dispatch({ type: "confirmClose" });
+                };
+                return /* @__PURE__ */ jsx81(
+                  ConfirmPrompt,
+                  {
+                    toolName: head.toolName,
+                    input: head.input,
+                    suggestedPattern: head.suggestedPattern,
+                    onDecision,
+                    onEnableYolo,
+                    destructive: head.destructive,
+                    boundaryReason: head.boundaryReason
+                  }
+                );
+              })(),
+              state.clearConfirm ? /* @__PURE__ */ jsx81(
+                ClearConfirmPanel,
+                {
+                  leaderActive: state.clearConfirm.leaderActive,
+                  subagentCount: state.clearConfirm.subagentCount,
+                  value: state.clearConfirm.value
+                }
+              ) : null,
+              state.exitConfirm ? /* @__PURE__ */ jsx81(
+                ExitConfirmPanel,
+                {
+                  leaderActive: state.exitConfirm.leaderActive,
+                  subagentCount: state.exitConfirm.subagentCount,
+                  backgroundCount: state.exitConfirm.backgroundCount
+                }
+              ) : null,
+              state.slashConfirm ? /* @__PURE__ */ jsx81(
+                SlashConfirmPanel,
+                {
+                  question: state.slashConfirm.question,
+                  defaultYes: state.slashConfirm.defaultYes
+                }
+              ) : null,
+              state.escConfirm ? /* @__PURE__ */ jsx81(Box, { flexDirection: "column", marginY: 1, flexShrink: 0, children: /* @__PURE__ */ jsx81(
+                EscConfirmPrompt,
+                {
+                  runningTools: state.escConfirm.snapshot.runningTools,
+                  subagentCount: state.escConfirm.snapshot.subagentsTerminated,
+                  onConfirm: () => {
+                    const escConfirm = state.escConfirm;
+                    if (!escConfirm) return;
+                    const { snapshot } = escConfirm;
+                    activeCtrlRef.current?.abort("user interrupt (Esc)");
+                    clearPendingConfirms();
+                    dispatch({ type: "status", status: "aborting" });
+                    dispatch({ type: "steerStart", snapshot });
+                    const escConfirmDir = liveDirector();
+                    if (escConfirmDir && snapshot.subagentsTerminated > 0) {
+                      const cap = new Promise((resolve) => {
+                        const t = setTimeout(resolve, 1500);
+                        t.unref?.();
+                      });
+                      void Promise.race([escConfirmDir.terminateAll().catch(() => void 0), cap]);
+                    }
+                    const droppedCount = state.queue.length;
+                    if (droppedCount > 0) dispatch({ type: "queueClear" });
+                    const droppedTag = droppedCount > 0 ? ` \xB7 dropped ${droppedCount} queued` : "";
+                    const fleetTag = snapshot.subagentsTerminated > 0 ? ` \xB7 stopped ${snapshot.subagentsTerminated} subagent${snapshot.subagentsTerminated === 1 ? "" : "s"}` : "";
+                    dispatch({
+                      type: "addEntry",
+                      entry: {
+                        kind: "warn",
+                        text: `\u21AF Interrupted${droppedTag}${fleetTag}. Type your new direction.`
+                      }
+                    });
+                    dispatch({ type: "escConfirmClose" });
+                  },
+                  onCancel: () => {
+                    dismissedEscAtRef.current = Date.now();
+                    dispatch({ type: "escConfirmClose" });
+                  }
+                }
+              ) }) : null,
+              state.sendModePicker ? (() => {
+                const info = state.sendModePicker;
+                let resolved = false;
+                const finish = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  info.resolve(decision);
+                };
+                return /* @__PURE__ */ jsx81(
+                  SendModePicker,
+                  {
+                    selected: info.selected,
+                    messagePreview: info.displayText,
+                    onMove: (delta) => dispatch({ type: "sendModePickerMove", delta }),
+                    onSelect: finish
+                  }
+                );
+              })() : null,
+              state.refineCountdown ? (() => {
+                const info = state.refineCountdown;
+                let resolved = false;
+                const onDecision = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  info.resolve(decision);
+                };
+                return /* @__PURE__ */ jsx81(
+                  RefineCountdownPanel,
+                  {
+                    original: info.original,
+                    seconds: info.seconds,
+                    onDecision,
+                    providerId: refineProviderId ?? agent.ctx.provider?.id,
+                    model: refineModel ?? agent.ctx.model
+                  }
+                );
+              })() : null,
+              state.enhanceBusy && !state.enhance ? /* @__PURE__ */ jsx81(
+                RefiningPanel,
+                {
+                  original: enhanceOriginalRef.current,
+                  elapsedMs: enhanceStartedAt === null ? 0 : Math.max(0, Date.now() - enhanceStartedAt),
+                  pulseFrame: enhanceDots,
+                  providerId: refineProviderId ?? agent.ctx.provider?.id,
+                  model: refineModel ?? agent.ctx.model
+                }
+              ) : null,
+              state.enhance ? (() => {
+                const info = state.enhance;
+                let resolved = false;
+                const onDecision = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  setEnhanceCountdown(null);
+                  info.resolve(decision);
+                };
+                return /* @__PURE__ */ jsx81(
+                  EnhancePanel,
+                  {
+                    original: info.original,
+                    refined: info.refined,
+                    english: info.english,
+                    durationMs: enhanceDurationMs ?? 0,
+                    delayMs: enhanceDelayMs,
+                    enhanceLanguage: state.settingsPicker.enhanceLanguage,
+                    onDecision,
+                    onTick: (r) => setEnhanceCountdown(r > 0 ? r : null),
+                    providerId: refineProviderId ?? agent.ctx.provider?.id,
+                    model: refineModel ?? agent.ctx.model
+                  }
+                );
+              })() : null,
+              state.refineFailure ? (() => {
+                const info = state.refineFailure;
+                let resolved = false;
+                const onDecision = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  info.resolve(decision);
+                };
+                return /* @__PURE__ */ jsx81(
+                  RefineFailurePanel,
+                  {
+                    original: info.original,
+                    error: info.error,
+                    elapsedMs: info.elapsedMs,
+                    fallbackRef: info.fallbackRef,
+                    models: info.models,
+                    onDecision
+                  }
+                );
+              })() : null,
+              state.continueConfirm ? (() => {
+                const info = state.continueConfirm;
+                let resolved = false;
+                const onDecision = (decision) => {
+                  if (resolved) return;
+                  resolved = true;
+                  info.resolve(decision);
+                };
+                return /* @__PURE__ */ jsx81(
+                  ContinueConfirmPanel,
+                  {
+                    label: info.label,
+                    instruction: info.instruction,
+                    source: info.source,
+                    grounded: info.grounded,
+                    delayMs: CONTINUE_CONFIRM_DELAY_MS,
+                    onDecision
+                  }
+                );
+              })() : null,
+              /* @__PURE__ */ jsx81(AppStatusRegion, { host, runtime, mainColumnWidth })
+            ] })
+          ] }),
+          sidebarWidth > 0 ? /* @__PURE__ */ jsx81(RightSidebar, { width: sidebarWidth, maxHeight: runtime.termRows, focused: state.sidebarFocused, children: /* @__PURE__ */ jsx81(
+            SidebarContent,
+            {
+              contextWindow: statusbar.contextWindow,
+              entries: statusbar.entriesWithLeader,
+              fleetCounts: statusbar.fleetCounts,
+              provider: liveProvider,
+              model: liveModel,
+              width: sidebarWidth,
+              scrollOffset: state.sidebarScrollOffset,
+              focused: state.sidebarFocused,
+              todos: liveTodos,
+              showSwarmSection: state.settingsPicker.open ? state.settingsPicker.showAgentSwarmPanel === "sidebar" : (liveSettings?.showAgentSwarmPanel ?? "bottom") === "sidebar",
+              liveSessions: state.sessionsPanel.sessions,
+              resumeSessions: state.resumePicker.sessions,
+              currentSessionId: agent.ctx.session?.id
+            }
+          ) }) : null
         ] })
       }
     )
@@ -36854,7 +37398,7 @@ function routeSettingsOverlayKey(host, input, key, isEnter) {
     breakerEnabled: config.breakerEnabled ?? false,
     breakerAutoKillResetMs: config.breakerAutoKillResetMs ?? 6e4,
     showModelReasoning: config.showModelReasoning ?? true,
-    showAgentSwarmPanel: config.showAgentSwarmPanel ?? true,
+    showAgentSwarmPanel: coerceAgentSwarmMode(config.showAgentSwarmPanel),
     showSageMemoryInject: config.showSageMemoryInject ?? false,
     sageMemoryInjectThreshold: config.sageMemoryInjectThreshold ?? 0.85,
     readSymbols: config.readSymbols ?? false
@@ -37011,6 +37555,7 @@ function createAppKeyHandler(options) {
     termRows,
     terminalColumns,
     terminalRows,
+    mainColumnWidth,
     statusBarWrapRef,
     belowStatusBarRef,
     liveStatuslineMode,
@@ -37036,6 +37581,7 @@ function createAppKeyHandler(options) {
     onHistoryCopy
   } = options;
   const stdout = { columns: terminalColumns, rows: terminalRows };
+  const historyWidth = mainColumnWidth > 0 ? mainColumnWidth : stdout?.columns ?? 80;
   const handleKey = async (input, key) => {
     if (key.ctrl && (input === "c" || input === "C" || input === "")) {
       runInterruptLadder();
@@ -37064,6 +37610,9 @@ function createAppKeyHandler(options) {
       lastEscAtRef.current = now;
     }
     if (input) {
+      if (state.sidebarFocused) {
+        dispatch({ type: "toggleSidebarFocus" });
+      }
       const paste = feedPaste(pasteAccumRef.current, input);
       if (paste) {
         pasteAccumRef.current = paste.accum;
@@ -37202,6 +37751,27 @@ function createAppKeyHandler(options) {
     }
     if (routePanelEscapeKey(state, key, dispatch)) return;
     const overlayOpen = isLowerOverlayOpen(state);
+    if (key.tab && key.shift && draftRef.current.buffer === "" && !overlayOpen) {
+      dispatch({ type: "toggleSidebarFocus" });
+      return;
+    }
+    if (state.sidebarFocused && !overlayOpen) {
+      if (key.upArrow) {
+        dispatch({ type: "sidebarScroll", delta: -1, viewportHeight: termRows - 2 });
+        return;
+      }
+      if (key.downArrow) {
+        dispatch({ type: "sidebarScroll", delta: 1, viewportHeight: termRows - 2 });
+        return;
+      }
+      if (key.escape) {
+        dispatch({ type: "toggleSidebarFocus" });
+        return;
+      }
+      if (input) {
+        dispatch({ type: "toggleSidebarFocus" });
+      }
+    }
     if (input === "?" && !key.ctrl && !key.meta && draftRef.current.buffer === "" && !overlayOpen) {
       dispatch({ type: "toggleHelp" });
       return;
@@ -37223,11 +37793,11 @@ function createAppKeyHandler(options) {
     if (!overlayOpen) {
       if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "right") {
         const region = hitRegion(
-          { termRows, termCols: stdout?.columns ?? 80, viewportRows: state.viewportRows },
+          { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
           key.mouse.y
         );
-        if (region?.kind === "history" && key.mouse.x <= (stdout?.columns ?? 80) - SCROLLBAR_HIT_WIDTH) {
+        if (region?.kind === "history" && key.mouse.x <= historyWidth - SCROLLBAR_HIT_WIDTH) {
           void historyScrollRef.current?.commitSelection().then((copied) => {
             if (copied) onHistoryCopy?.(SELECTION_COPY_ID);
           });
@@ -37236,8 +37806,16 @@ function createAppKeyHandler(options) {
         historyScrollRef.current?.clearSelection();
       }
       if (key.mouse?.kind === "wheel" && key.mouse.wheel !== 0) {
+        if (historyWidth < (stdout?.columns ?? 80) && key.mouse.x > historyWidth && state.sidebarFocused) {
+          dispatch({
+            type: "sidebarScroll",
+            delta: key.mouse.wheel > 0 ? -1 : 1,
+            viewportHeight: termRows - 2
+          });
+          return;
+        }
         if (isHistoryScrollTarget(
-          { termRows, termCols: stdout?.columns ?? 80, viewportRows: state.viewportRows },
+          { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
           key.mouse.y
         )) {
@@ -37250,7 +37828,7 @@ function createAppKeyHandler(options) {
       }
       if ((key.mouse?.kind === "press" || mouseMode && key.mouse?.kind === "move") && key.mouse.button === "left") {
         const region = hitRegion(
-          { termRows, termCols: stdout?.columns ?? 80, viewportRows: state.viewportRows },
+          { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
           key.mouse.y
         );
@@ -37262,7 +37840,7 @@ function createAppKeyHandler(options) {
           }).catch(() => null);
           return;
         }
-        if (mouseMode && region?.kind === "history" && key.mouse.x <= (stdout?.columns ?? 80) - SCROLLBAR_HIT_WIDTH) {
+        if (mouseMode && region?.kind === "history" && key.mouse.x <= historyWidth - SCROLLBAR_HIT_WIDTH) {
           if (key.mouse.kind === "press") {
             historyScrollRef.current?.beginSelection(region.row, key.mouse.x - 1);
             return;
@@ -37419,7 +37997,7 @@ function createAppKeyHandler(options) {
 
 // src/app.tsx
 import { buildGoalPreamble as buildGoalPreamble2 } from "@wrongstack/core/execution";
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 function App(props) {
   const {
     agent,
@@ -38152,6 +38730,14 @@ function App(props) {
     termRows,
     terminalColumns: stdout?.columns ?? 80,
     terminalRows: stdout?.rows ?? 24,
+    mainColumnWidth: (() => {
+      const cols = stdout?.columns ?? 80;
+      const sw = computeSidebarWidth(cols);
+      if (sw === 0 || isPickerOverlayOpen(state) || state.coordinator.monitorOpen || state.auditPanelOpen || state.connectionsPanelOpen || state.helpOpen || state.agentsMonitorOpen || state.monitorOpen || state.contextPanelOpen || state.processListOpen || state.todosMonitorOpen || state.worktreeMonitorOpen || state.planPanelOpen || state.kanbanPanelOpen || state.queuePanelOpen || state.goalPanelOpen || state.goalKanbanPanelOpen || state.cronMonitorOpen) {
+        return cols;
+      }
+      return cols - sw;
+    })(),
     statusBarWrapRef,
     belowStatusBarRef,
     liveStatuslineMode,
@@ -38324,7 +38910,7 @@ function App(props) {
     fleetRunning: fleetCounts?.running ?? 0,
     liveAnimationStyle
   });
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx82(
     AppView,
     {
       host: props,