@wrongstack/tui 0.297.0 → 0.298.1

package/dist/index.js

@@ -1175,7 +1175,6 @@ function hasTokenDisplay(tokens) {
   return tokens.input > 0 || tokens.output > 0;
 }
 var RAIL_CAP = 1;
-var RAIL_PAD = 2;
 function statusBarModelSpan(opts) {
   const leading = [];
   if (opts.yolo) leading.push(opts.monochrome ? "YOLO" : `${glyphs.warning} YOLO`);
@@ -1192,9 +1191,9 @@ function statusBarModelSpan(opts) {
     const workingDir = truncateChip(opts.workingDir, 28);
     leading.push(opts.monochrome ? workingDir : `${glyphs.workingDirectory} ${workingDir}`);
   }
-  const transitionWidth = 3;
+  const sepWidth = 2;
   const precedingWidth = leading.reduce(
-    (total, text) => total + displayWidth(text) + RAIL_PAD + transitionWidth,
+    (total, text) => total + displayWidth(text) + sepWidth,
     0
   );
   const full = opts.provider ? `${opts.provider}/${opts.model}` : opts.model;
@@ -1205,8 +1204,8 @@ function statusBarAutonomySpan(opts) {
   let col = RAIL_CAP;
   if (opts.yolo) {
     const yolo = opts.monochrome ? "YOLO" : `${glyphs.warning} YOLO`;
-    const transitionWidth = 3;
-    col += displayWidth(yolo) + RAIL_PAD + transitionWidth;
+    const sepWidth = 2;
+    col += displayWidth(yolo) + sepWidth;
   }
   const label = opts.monochrome ? opts.autonomy.toUpperCase() : `\u221E ${opts.autonomy.toUpperCase()}`;
   return { start: col + 1, len: displayWidth(label) };
@@ -1253,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`;
@@ -1380,12 +1388,16 @@ var COMFORTABLE_THRESHOLD = 90;
 function chipColor(color, isNoColor) {
   return isNoColor ? void 0 : color;
 }
+var STACK_ORANGE = "#FD9F02";
 var LINE_BG_COLORS = [theme.surface, theme.surface, theme.surface, theme.surface];
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var SPINNER_INTERVAL_MS = 1e3;
 function StatusBar({
   model,
   provider,
+  version,
+  latestVersion,
+  updateAvailable,
   state,
   thinkingWord,
   thinkingAnimationStyle,
@@ -1414,11 +1426,15 @@ function StatusBar({
   memoryContextMonitor,
   contextStrategy,
   hiddenItems,
+  // Component-level fallback stays 'detailed' for back-compat with callers/tests
+  // that omit `mode`. The user-facing default is 'minimum' (DEFAULT_STATUSLINE_MODE),
+  // applied at the app/settings layer — not here.
   mode = "detailed",
   events,
   sessionId,
   eternalStage,
   goalSummary,
+  droppedTools,
   indexState,
   breakerCountdown,
   modeLabel,
@@ -1432,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";
@@ -1717,6 +1735,18 @@ function StatusBar({
     stateStatusChip,
     fleetWorkingTime != null && fleetWorkingTime > 0 && showChip("elapsed") ? /* @__PURE__ */ jsx5(Text, { dimColor: !isNoColor, children: isNoColor ? fmtElapsed(fleetWorkingTime) : `${STATUSLINE_ICONS.elapsed} ${fmtElapsed(fleetWorkingTime)}` }) : null
   ].filter((c) => c !== null);
+  const showUpdateNotice = Boolean(updateAvailable) && typeof latestVersion === "string" && latestVersion.length > 0 && latestVersion !== version;
+  const versionStatusChip = version ? /* @__PURE__ */ jsxs4(Text, { children: [
+    /* @__PURE__ */ jsxs4(Text, { color: isNoColor ? void 0 : theme.textSecondary, dimColor: !isNoColor, children: [
+      "v",
+      version
+    ] }),
+    showUpdateNotice ? /* @__PURE__ */ jsxs4(Text, { color: isNoColor ? void 0 : STACK_ORANGE, children: [
+      " \xB7 (update v",
+      latestVersion,
+      ")"
+    ] }) : null
+  ] }) : null;
   const minimumChips = [
     // State with animation
     showChip("state") && thinking ? /* @__PURE__ */ jsx5(
@@ -1774,10 +1804,6 @@ function StatusBar({
     ) : null,
     // Fleet working time
     fleetWorkingTime != null && fleetWorkingTime > 0 && showChip("elapsed") ? /* @__PURE__ */ jsx5(Text, { dimColor: !isNoColor, children: fmtElapsed(fleetWorkingTime) }) : null,
-    processMemory && showChip("memory") ? /* @__PURE__ */ jsxs4(Text, { color: chipColor(memoryColor, isNoColor), children: [
-      "RAM ",
-      fmtMemory(processMemory.rss)
-    ] }) : null,
     // Work summary (compact)
     ...minimalWorkParts.length > 0 ? [/* @__PURE__ */ jsx5(Text, { dimColor: !isNoColor, children: minimalWorkParts.slice(0, 2).join(" \xB7 ") })] : []
   ].filter((c) => c !== null);
@@ -1846,6 +1872,7 @@ function StatusBar({
       PowerlineRail,
       {
         segments: minimumChips,
+        rightAnchor: versionStatusChip,
         budget: Math.max(12, termWidth),
         monochrome: isNoColor,
         fillBg: LINE_BG_COLORS[0]
@@ -1857,6 +1884,7 @@ function StatusBar({
       PowerlineRail,
       {
         segments: isCompact ? modeChips.slice(0, 5) : modeChips,
+        rightAnchor: versionStatusChip,
         budget: Math.max(12, termWidth),
         monochrome: isNoColor,
         fillBg: LINE_BG_COLORS[0]
@@ -2007,6 +2035,7 @@ function StatusBar({
               children: isNoColor ? `auto in ${autoProceedCountdown}s` : `${STATUSLINE_ICONS.auto_proceed} auto in ${autoProceedCountdown}s`
             }
           ) : null,
+          droppedTools && droppedTools > 0 ? /* @__PURE__ */ jsx5(Text, { color: isNoColor ? void 0 : theme.warn, children: isNoColor ? `-${droppedTools} tools` : `${STATUSLINE_ICONS.tools} -${droppedTools}` }) : null,
           ...detailChips
         ].filter((c) => c !== null),
         budget: Math.max(12, termWidth),
@@ -3589,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" }
@@ -3639,6 +3668,7 @@ var CONTEXT_MODE_DESCS = {
   deep: "Larger context for complex tasks"
 };
 var STATUSLINE_MODES = ["minimum", "detailed", "no-color"];
+var DEFAULT_STATUSLINE_MODE = "minimum";
 var REASONING_MODES = ["auto", "on", "off"];
 var REASONING_EFFORTS = [
   "none",
@@ -3651,8 +3681,8 @@ var REASONING_EFFORTS = [
 ];
 var CACHE_TTLS = ["default", "5m", "1h"];
 var STATUSLINE_MODE_DESCS = {
-  minimum: "Single line with essential chips only",
-  detailed: "Full multi-line statusline (default)",
+  minimum: "Single line with essential chips only (default)",
+  detailed: "Full multi-line statusline",
   "no-color": "Multiline statusline without colors or icons"
 };
 var MAX_ITERATIONS_PRESETS = [100, 200, 500, 1e3, 0];
@@ -3817,7 +3847,7 @@ var SETTINGS_FIELD_LABELS = [
   // 38
   "Show model reasoning",
   // 39
-  "Show agent swarm panel",
+  "Agent swarm panel",
   // 40
   "Pre-refine countdown",
   // 41
@@ -3850,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"]
   ]);
@@ -3903,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;
@@ -4022,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"]
   ];
@@ -4044,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;
@@ -4168,7 +4200,7 @@ var SETTINGS_DEFAULTS = Object.freeze({
   enhanceEnabled: true,
   enhanceLanguage: "original",
   debugStream: false,
-  statuslineMode: "detailed",
+  statuslineMode: DEFAULT_STATUSLINE_MODE,
   reasoningMode: "auto",
   reasoningEffort: "high",
   reasoningPreserve: false,
@@ -4179,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
@@ -4594,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",
@@ -5932,7 +5964,7 @@ var F_KEY_PANEL_ENTRIES = [
     key: 12,
     label: "Kanban board panel",
     action: "toggleKanbanPanel",
-    helpKeys: "F12 or Ctrl+J",
+    helpKeys: "F12 or Ctrl+Y",
     helpDescription: "kanban board panel (also /kanban)"
   },
   {
@@ -6213,7 +6245,12 @@ function useAppPickerKeys({
           });
           return;
         }
-        dispatch({ type: "replaceHistory", entries: result.entries, nextId: result.nextId });
+        dispatch({
+          type: "replaceHistory",
+          entries: result.entries,
+          nextId: result.nextId,
+          contextSnapshot: result.contextSnapshot
+        });
         dispatch({ type: "resumePickerClose" });
         dispatch({
           type: "addEntry",
@@ -6239,7 +6276,12 @@ function useAppPickerKeys({
             dispatch({ type: "sessionsPanelBusy", on: false });
             return;
           }
-          dispatch({ type: "replaceHistory", entries: result.entries, nextId: result.nextId });
+          dispatch({
+            type: "replaceHistory",
+            entries: result.entries,
+            nextId: result.nextId,
+            contextSnapshot: result.contextSnapshot
+          });
           dispatch({ type: "toggleSessionsPanel" });
           dispatch({
             type: "addEntry",
@@ -8588,7 +8630,7 @@ async function handleMemoryWrite(store, sub, rest) {
     try {
       const existing = await Sage.getSage(id);
       if (!existing) return { message: `No memory with id \`${id}\`.` };
-      await Sage.deleteSage(id, reason);
+      await Sage.deleteSage(id, reason, { force: true });
       return { message: `Deleted \`${id}\`.` };
     } catch (err) {
       return { message: `Could not delete: ${memErr(err)}` };
@@ -9290,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 },
@@ -9836,8 +9879,8 @@ function handleCollabDone(event, dispatch, stateRef) {
 // src/hooks/use-file-search.ts
 import * as fs2 from "node:fs/promises";
 import * as path2 from "node:path";
-import { useEffect as useEffect14 } from "react";
 import { toErrorMessage as toErrorMessage4 } from "@wrongstack/core/utils";
+import { useEffect as useEffect14 } from "react";
 
 // src/file-search.ts
 import * as fs from "node:fs/promises";
@@ -10048,7 +10091,7 @@ var TOKEN_PREVIEWS_MAX_ENTRIES = 64;
 var TOKEN_PREVIEW_MAX_CHARS = 8 * 1024;
 var TOKEN_PREVIEW_MAX_LINES = 6;
 var TOKEN_PREVIEWS_MAX_CHARS = 256 * 1024;
-var TEXT_FILE_ATTACHMENT_MAX_BYTES = 1024 * 1024;
+var TEXT_FILE_ATTACHMENT_INLINE_MAX_BYTES = 1024 * 1024;
 var TRUNCATION_MARKER = "\u2026 [preview truncated]";
 var ATTACHMENT_WRAPPER_RE = /^<(?:pasted|file(?: path="[^"]*")?)>\n([\s\S]*)\n<\/(?:pasted|file)>$/;
 function createTokenPreview(value, maxChars = TOKEN_PREVIEW_MAX_CHARS, maxLines = TOKEN_PREVIEW_MAX_LINES) {
@@ -10226,17 +10269,13 @@ function useFileSearch(options) {
     const absPath = path2.isAbsolute(picked) ? picked : path2.join(projectRoot, picked);
     try {
       const stat3 = await fs2.stat(absPath);
-      if (stat3.size > TEXT_FILE_ATTACHMENT_MAX_BYTES) {
-        throw new Error(
-          `file exceeds ${(TEXT_FILE_ATTACHMENT_MAX_BYTES / (1024 * 1024)).toFixed(0)} MiB attachment limit (${stat3.size.toLocaleString()} bytes)`
-        );
-      }
-      const data = await fs2.readFile(absPath, "utf8");
-      const bytes = Buffer.byteLength(data, "utf8");
-      if (bytes > TEXT_FILE_ATTACHMENT_MAX_BYTES) {
-        throw new Error(
-          `file exceeds ${(TEXT_FILE_ATTACHMENT_MAX_BYTES / (1024 * 1024)).toFixed(0)} MiB attachment limit (${bytes.toLocaleString()} UTF-8 bytes)`
-        );
+      let data;
+      if (stat3.size > TEXT_FILE_ATTACHMENT_INLINE_MAX_BYTES) {
+        data = fileReadContract(picked, stat3.size);
+      } else {
+        const inline = await fs2.readFile(absPath, "utf8");
+        const bytes = Buffer.byteLength(inline, "utf8");
+        data = bytes > TEXT_FILE_ATTACHMENT_INLINE_MAX_BYTES ? fileReadContract(picked, bytes) : inline;
       }
       const token = await builder.registerFile({
         kind: "file",
@@ -10262,6 +10301,14 @@ function useFileSearch(options) {
   };
   return { onPickerEnter: acceptPickerSelection };
 }
+function fileReadContract(filePath, bytes) {
+  return [
+    "[File reference contract]",
+    `Referenced project file: ${JSON.stringify(filePath)} (${bytes.toLocaleString()} bytes; content not inlined).`,
+    "Before answering or modifying anything related to this reference, use the available file-reading tools to read the complete file.",
+    "If a read is paginated or chunked, continue from the same path until EOF. Do not treat a partial read or preview as the complete file."
+  ].join("\n");
+}
 
 // src/hooks/use-help-panel.ts
 import { useCallback as useCallback8 } from "react";
@@ -10541,14 +10588,20 @@ function replaySessionMessages(messages, events, startId) {
         push(ts, { kind: "thinking", text: block.thinking });
       }
     }
-    appendText(
-      message.role,
-      message.content.filter((block) => block.type === "text").map((block) => block.text).join(""),
-      ts,
-      !message.content.some((block) => block.type === "tool_use")
-    );
+    const final = !message.content.some((block) => block.type === "tool_use");
+    const textParts = [];
+    const flushText = () => {
+      const text = textParts.join("").trim();
+      if (text) appendText(message.role, text, ts, final);
+      textParts.length = 0;
+    };
     for (const block of message.content) {
+      if (block.type === "text") {
+        textParts.push(block.text);
+        continue;
+      }
       if (block.type === "tool_use") {
+        flushText();
         const end2 = toolEnds.get(block.id);
         const entry = push(ts, {
           kind: "tool",
@@ -10564,6 +10617,7 @@ function replaySessionMessages(messages, events, startId) {
         continue;
       }
       if (block.type !== "tool_result") continue;
+      flushText();
       const existing = toolEntries.get(block.tool_use_id);
       if (existing) {
         existing.output = toolOutputPreview(block.content);
@@ -10583,6 +10637,7 @@ function replaySessionMessages(messages, events, startId) {
         outputLines: end?.outputLines
       });
     }
+    flushText();
   }
   const dummyPending = /* @__PURE__ */ new Map();
   const dummyCompleted = /* @__PURE__ */ new Map();
@@ -11096,7 +11151,7 @@ function createInitialState(options) {
       enhanceEnabled: true,
       enhanceLanguage: "original",
       debugStream: false,
-      statuslineMode: "detailed",
+      statuslineMode: DEFAULT_STATUSLINE_MODE,
       reasoningMode: "auto",
       reasoningEffort: "high",
       reasoningPreserve: false,
@@ -11109,7 +11164,7 @@ function createInitialState(options) {
       breakerEnabled: false,
       breakerAutoKillResetMs: 6e4,
       showModelReasoning: true,
-      showAgentSwarmPanel: true,
+      showAgentSwarmPanel: "bottom",
       showSageMemoryInject: false,
       sageMemoryInjectThreshold: 0.85,
       readSymbols: false
@@ -11201,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,
@@ -12720,11 +12777,19 @@ function reduceComposer(state, action) {
       const maxBannerId = banners.length > 0 ? Math.max(...banners.map((b) => b.id)) : 0;
       const shifted = action.entries.map((e, i) => ({ ...e, id: maxBannerId + 1 + i }));
       const nextId = maxBannerId + 1 + shifted.length;
+      const snap = action.contextSnapshot;
+      const leaderWithSnap = snap && snap.tokens > 0 ? {
+        ...state.leader,
+        ctxTokens: snap.tokens,
+        ctxMaxTokens: snap.maxContext > 0 ? snap.maxContext : state.leader.ctxMaxTokens
+      } : state.leader;
       return {
         ...state,
         entries: retainTuiHistory([...banners, ...shifted]),
         nextId,
-        historyGen: state.historyGen + 1
+        historyGen: state.historyGen + 1,
+        leader: leaderWithSnap,
+        contextChipVersion: state.contextChipVersion + 1
       };
     }
     default:
@@ -13773,7 +13838,7 @@ function reduceSettingsValues(state, action) {
         };
       if (f === 34) {
         const i = STATUSLINE_MODES.indexOf(sp.statuslineMode);
-        const base = i < 0 ? STATUSLINE_MODES.indexOf("detailed") : i;
+        const base = i < 0 ? STATUSLINE_MODES.indexOf(DEFAULT_STATUSLINE_MODE) : i;
         const next = (base + action.delta + STATUSLINE_MODES.length) % STATUSLINE_MODES.length;
         return {
           ...state,
@@ -13833,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;
@@ -13859,7 +13930,11 @@ function reduceSettingsValues(state, action) {
       if (f === 43)
         return {
           ...state,
-          settingsPicker: { ...sp, showSageMemoryInject: !sp.showSageMemoryInject, hint: void 0 }
+          settingsPicker: {
+            ...sp,
+            showSageMemoryInject: !sp.showSageMemoryInject,
+            hint: void 0
+          }
         };
       if (f === 44) {
         const j = SAGE_THRESHOLD_PRESETS.indexOf(sp.sageMemoryInjectThreshold);
@@ -13948,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",
@@ -13959,6 +14070,9 @@ var workspacePanelActionTypes = [
   "toggleCronMonitor",
   "togglePlanPanel",
   "closeAllPanels",
+  "toggleSidebarFocus",
+  "sidebarScroll",
+  "sidebarScrollReset",
   "toggleKanbanPanel",
   "toggleGoalPanel",
   "toggleGoalKanbanPanel",
@@ -14025,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 };
@@ -14931,47 +15062,79 @@ import { useEffect as useEffect20, useRef as useRef13, useState as useState7 } f
 import { spawn } from "node:child_process";
 import { buildChildEnv } from "@wrongstack/core/utils";
 async function readGitInfo(cwd) {
+  let added = 0;
+  let deleted = 0;
+  let untracked = 0;
   const [branchRes, numstatRes, statusRes] = await Promise.all([
     runGit(cwd, ["branch", "--show-current"]),
-    runGit(cwd, ["diff", "HEAD", "--numstat"]),
-    runGit(cwd, ["status", "--porcelain"])
+    foldGit(cwd, ["diff", "HEAD", "--numstat"], (line) => {
+      if (!line) return;
+      const [a, d] = line.split("	");
+      if (a && a !== "-") added += Number.parseInt(a, 10) || 0;
+      if (d && d !== "-") deleted += Number.parseInt(d, 10) || 0;
+    }),
+    foldGit(cwd, ["status", "--porcelain"], (line) => {
+      if (line.startsWith("?? ")) untracked++;
+    })
   ]);
   if (!branchRes.ok || !numstatRes.ok || !statusRes.ok) return null;
   const branch = branchRes.stdout.trim();
   const branchLabel = branch || await detachedShortSha(cwd) || "detached";
-  let added = 0;
-  let deleted = 0;
-  for (const line of numstatRes.stdout.split("\n")) {
-    if (!line) continue;
-    const [a, d] = line.split("	");
-    if (a && a !== "-") added += Number.parseInt(a, 10) || 0;
-    if (d && d !== "-") deleted += Number.parseInt(d, 10) || 0;
-  }
-  let untracked = 0;
-  for (const line of statusRes.stdout.split("\n")) {
-    if (line.startsWith("?? ")) untracked++;
-  }
   return { branch: branchLabel, added, deleted, untracked };
 }
 async function detachedShortSha(cwd) {
   const res = await runGit(cwd, ["rev-parse", "--short", "HEAD"]);
   return res.ok ? res.stdout.trim() : null;
 }
+var MAX_RETAINED_STDOUT = 64 * 1024;
+var MAX_LINE_CHARS = 64 * 1024;
+function spawnGit(cwd, args) {
+  return spawn("git", args, {
+    cwd,
+    env: buildChildEnv(),
+    // Inherit stderr (silent) — we don't care about git's noise.
+    stdio: ["ignore", "pipe", "ignore"],
+    // Don't let a slow git hang the TUI.
+    timeout: 3e3,
+    windowsHide: true
+  });
+}
+function foldGit(cwd, args, onLine) {
+  return new Promise((resolve) => {
+    try {
+      const child = spawnGit(cwd, args);
+      let carry = "";
+      child.stdout?.setEncoding("utf8");
+      child.stdout?.on("data", (chunk) => {
+        carry += chunk;
+        let start = 0;
+        let nl = carry.indexOf("\n", start);
+        while (nl !== -1) {
+          onLine(carry.slice(start, nl));
+          start = nl + 1;
+          nl = carry.indexOf("\n", start);
+        }
+        if (start > 0) carry = carry.slice(start);
+        if (carry.length > MAX_LINE_CHARS) carry = carry.slice(0, MAX_LINE_CHARS);
+      });
+      child.on("error", () => resolve({ ok: false }));
+      child.on("close", (code) => {
+        if (carry) onLine(carry);
+        resolve({ ok: code === 0 });
+      });
+    } catch {
+      resolve({ ok: false });
+    }
+  });
+}
 function runGit(cwd, args) {
   return new Promise((resolve) => {
     let stdout = "";
     try {
-      const child = spawn("git", args, {
-        cwd,
-        env: buildChildEnv(),
-        // Inherit stderr (silent) — we don't care about git's noise.
-        stdio: ["ignore", "pipe", "ignore"],
-        // Don't let a slow git hang the TUI.
-        timeout: 3e3,
-        windowsHide: true
-      });
-      child.stdout.setEncoding("utf8");
-      child.stdout.on("data", (chunk) => {
+      const child = spawnGit(cwd, args);
+      child.stdout?.setEncoding("utf8");
+      child.stdout?.on("data", (chunk) => {
+        if (stdout.length >= MAX_RETAINED_STDOUT) return;
         stdout += chunk;
       });
       child.on("error", () => resolve({ ok: false, stdout: "" }));
@@ -15077,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)));
 }
@@ -15164,7 +15327,7 @@ function useLiveSettingsState({
   confirmExit
 }) {
   const liveSettings = getSettings?.();
-  const liveStatuslineMode = liveSettings?.statuslineMode ?? "detailed";
+  const liveStatuslineMode = liveSettings?.statuslineMode ?? DEFAULT_STATUSLINE_MODE;
   const liveAnimationStyle = liveSettings?.animationStyle ?? "rainbow";
   const liveThinkingWord = liveSettings?.thinkingWord ?? "thinking";
   const chimeRef = useRef17(chime);
@@ -15726,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;
@@ -15927,7 +16098,7 @@ function usePanelControllers({
       enhanceEnabled: s2.enhanceEnabled ?? true,
       enhanceLanguage: s2.enhanceLanguage ?? "original",
       debugStream: s2.debugStream ?? false,
-      statuslineMode: s2.statuslineMode ?? "detailed",
+      statuslineMode: s2.statuslineMode ?? DEFAULT_STATUSLINE_MODE,
       reasoningMode: s2.reasoningMode ?? "auto",
       reasoningEffort: s2.reasoningEffort ?? "high",
       reasoningPreserve: s2.reasoningPreserve ?? false,
@@ -15938,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
@@ -16403,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) {
@@ -16733,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 {
@@ -16895,19 +17056,33 @@ 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({
         type: "addEntry",
         entry: { kind: "warn", text: `SAGE stale: ${e.memoryId} \u2014 ${e.reason}` }
       });
     });
     const offMemoryContradicted = events.on("memory.contradicted", (e) => {
+      if (!memoryEventMatchesSession(e, agent.ctx.session.id)) return;
       dispatch({
         type: "addEntry",
         entry: { kind: "warn", text: `SAGE contradicted: ${e.memoryId}` }
       });
     });
     const offMemoryHygiene = events.on("memory.hygiene_completed", (e) => {
+      if (!memoryEventMatchesSession(e, agent.ctx.session.id)) return;
       dispatch({
         type: "addEntry",
         entry: {
@@ -16971,6 +17146,7 @@ function useProviderEventBridge({
       pendingSageStats.clear();
     });
     const offMemoryLifecycle = events.onPattern("memory.*", (event, payload) => {
+      if (!memoryEventMatchesSession(payload, agent.ctx.session.id)) return;
       const lifecycle = memoryLifecycleEntry(event, payload);
       if (!lifecycle) return;
       dispatch({ type: "addEntry", entry: { kind: "memory-lifecycle", ...lifecycle } });
@@ -16996,6 +17172,7 @@ function useProviderEventBridge({
       offTrustPersisted();
       offDelegateStart();
       offDelegateDone();
+      offChimeraReport();
       offMemoryStale();
       offMemoryContradicted();
       offMemoryHygiene();
@@ -17795,6 +17972,8 @@ function useStatusbarViewModel({
       clearInterval(id);
     };
   }, [taskPath]);
+  const providerMaxTools = agent.ctx.provider.maxToolsCount ?? 0;
+  const droppedTools = providerMaxTools > 0 ? Math.max(0, (agent.ctx.tools?.length ?? 0) - providerMaxTools) : 0;
   return {
     contextBreakdown,
     currentContextTokens,
@@ -17805,7 +17984,8 @@ function useStatusbarViewModel({
     hasVisibleFleetPanel,
     entriesWithLeader,
     planCounts,
-    taskCounts
+    taskCounts,
+    droppedTools
   };
 }
 
@@ -19111,9 +19291,7 @@ import {
   setDesignOverrides
 } from "@wrongstack/core/design";
 import { toErrorMessage as toErrorMessage8 } from "@wrongstack/core/utils";
-import {
-  useEffect as useEffect44
-} from "react";
+import { useEffect as useEffect44 } from "react";
 
 // src/components/autonomy-picker.tsx
 import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -19278,7 +19456,9 @@ function useTuiSlashCommands({
             motion: pairs["motion"]
           });
           if (Object.keys(patch).length === 0) {
-            return { message: 'Usage: /design tune radius=lg density=compact font="\u2026" motion=snappy' };
+            return {
+              message: 'Usage: /design tune radius=lg density=compact font="\u2026" motion=snappy'
+            };
           }
           const merged = await recordOverrides(projectRoot, patch, (/* @__PURE__ */ new Date()).toISOString());
           if (!merged) return { message: "No active kit. Pin one first: /design <kit-id>." };
@@ -19322,7 +19502,13 @@ ${menu}` };
           });
           const fsp = await import("node:fs/promises");
           const nodePath = await import("node:path");
-          const abs = nodePath.join(projectRoot, result.path);
+          const { resolveMaterializeTarget } = await import("@wrongstack/core/design");
+          let abs;
+          try {
+            abs = await resolveMaterializeTarget(result.path, projectRoot);
+          } catch (e) {
+            return { message: e.message };
+          }
           try {
             await fsp.mkdir(nodePath.dirname(abs), { recursive: true });
             await fsp.writeFile(abs, result.content);
@@ -20113,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);
@@ -20244,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);
@@ -21562,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();
@@ -22151,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 [
@@ -22679,7 +22875,7 @@ function KanbanPanel({
         /* @__PURE__ */ jsx24(Text, { dimColor: true, children: "|" }),
         /* @__PURE__ */ jsx24(Text, { children: board.title })
       ] }) : null,
-      /* @__PURE__ */ jsx24(Text, { dimColor: true, children: "| n/p board | Tab task | \u2190\u2192 move | c/a/d create/add/dup | C/T copy/transfer | Ctrl+J toggle | Esc close" })
+      /* @__PURE__ */ jsx24(Text, { dimColor: true, children: "| n/p board | Tab task | \u2190\u2192 move | c/a/d create/add/dup | C/T copy/transfer | Ctrl+Y toggle | Esc close" })
     ] }),
     prompt ? /* @__PURE__ */ jsx24(PromptLine, { prompt }) : null,
     notice && !prompt ? /* @__PURE__ */ jsx24(Text, { color: "green", wrap: "truncate", children: notice }) : null,
@@ -24781,14 +24977,13 @@ 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,
     appVersion,
+    latestVersion,
+    updateAvailable,
     director,
     events,
     fleetRoster,
@@ -24858,7 +25053,8 @@ function AppStatusRegion({ host, runtime }) {
     hasVisibleFleetPanel,
     entriesWithLeader,
     planCounts,
-    taskCounts
+    taskCounts,
+    droppedTools
   } = statusbar;
   const { mailboxStatus, mailboxPanelOpen, mailboxMessages, mailboxAgents } = mailbox;
   const { lowerFunctionPanelOpen } = viewState;
@@ -24870,6 +25066,8 @@ function AppStatusRegion({ host, runtime }) {
         provider: liveProvider,
         model: liveModel,
         version: appVersion,
+        latestVersion,
+        updateAvailable,
         state: state.status,
         thinkingWord: displayThinkingWord,
         thinkingAnimationStyle: (
@@ -24884,6 +25082,7 @@ function AppStatusRegion({ host, runtime }) {
         queueCount: state.queue.length,
         yolo: yoloLive,
         autonomy: autonomyLive,
+        droppedTools,
         startedAt,
         fleetWorkingTime: fleetWorkingTimeMs,
         todos,
@@ -24922,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(
@@ -25065,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,
@@ -25077,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(
@@ -25269,6 +25466,17 @@ var OAUTH_LABEL = {
   claude: { title: "Claude Pro/Max", detail: "\u2192 anthropic-oauth" },
   copilot: { title: "GitHub Copilot", detail: "\u2192 github-copilot" }
 };
+function formatExpiry(expiresAt) {
+  if (!expiresAt) return null;
+  const expiry = Date.parse(expiresAt);
+  if (!Number.isFinite(expiry)) return null;
+  const now = Date.now();
+  const msLeft = expiry - now;
+  if (msLeft <= 0) return { text: "expired", color: UI_COLORS.error };
+  if (msLeft < 60 * 6e4) return { text: `${Math.round(msLeft / 6e4)}m left`, color: UI_COLORS.error };
+  if (msLeft < 24 * 60 * 6e4) return { text: `${Math.round(msLeft / (60 * 6e4))}h left`, color: UI_COLORS.warning };
+  return { text: `${Math.round(msLeft / (24 * 60 * 6e4))}d left`, color: UI_COLORS.inactive };
+}
 function keySummary(keyRow) {
   const method = keyRow.authMethod === "oauth" ? " oauth" : "";
   const created = keyRow.createdAt ? ` ${keyRow.createdAt.slice(0, 10)}` : "";
@@ -25301,6 +25509,7 @@ function renderRow2(row, focused, i) {
     case "key": {
       const k = row.keyRow;
       const badge = badgeForKind(k.authMethod);
+      const expiry = formatExpiry(k.expiresAt);
       return /* @__PURE__ */ jsxs38(Text, { color: rowColor, wrap: "truncate-end", children: [
         marker,
         " ",
@@ -25309,7 +25518,11 @@ function renderRow2(row, focused, i) {
         k.label.padEnd(20),
         " ",
         badge ? /* @__PURE__ */ jsx39(Text, { color: badge.color, children: badge.label.padEnd(8) }) : null,
-        /* @__PURE__ */ jsx39(Text, { dimColor: true, children: keySummary(k) })
+        /* @__PURE__ */ jsx39(Text, { dimColor: true, children: keySummary(k) }),
+        expiry ? /* @__PURE__ */ jsxs38(Text, { color: expiry.color, children: [
+          " ",
+          expiry.text
+        ] }) : null
       ] }, `k-${k.label}`);
     }
     case "provider-action":
@@ -26008,7 +26221,7 @@ function ClearConfirmPanel({
 }
 
 // src/components/confirm-prompt.tsx
-import { writeOut as writeOut2 } from "@wrongstack/core/utils";
+import { unifiedDiff, writeOut as writeOut2 } from "@wrongstack/core/utils";
 import React6 from "react";
 
 // src/highlight.ts
@@ -26557,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;
 }
@@ -27479,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, "&");
@@ -27512,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) {
@@ -29020,10 +29210,21 @@ function stringifyInput(input) {
 function truncate2(s2, max) {
   return s2.length <= max ? s2 : `${s2.slice(0, max - 1)}\u2026`;
 }
-function hasDiff(input) {
-  return Boolean(
-    input && typeof input === "object" && "diff" in input
-  );
+function payloadDiff(input) {
+  if (!input || typeof input !== "object") return "";
+  const obj = input;
+  const filePath = typeof obj["path"] === "string" ? obj["path"] : "file";
+  if (typeof obj["diff"] === "string" && obj["diff"]) return obj["diff"];
+  const newString = obj["new_string"];
+  if (typeof newString === "string") {
+    const oldString = typeof obj["old_string"] === "string" ? obj["old_string"] : "";
+    return unifiedDiff(oldString, newString, { fromFile: filePath, toFile: filePath, context: 2 });
+  }
+  const content = obj["content"];
+  if (typeof content === "string" && content) {
+    return unifiedDiff("", content, { fromFile: "/dev/null", toFile: filePath, context: 0 });
+  }
+  return "";
 }
 var CONFIRM_DIFF_MAX_LINES = 20;
 function renderDiffLine(line) {
@@ -29083,9 +29284,8 @@ function ConfirmPrompt({
     }
   });
   const inputSummary = stringifyInput(input);
-  const showDiff = hasDiff(input);
   const inp = input;
-  const diff = typeof inp?.diff === "string" ? inp.diff : "";
+  const diff = payloadDiff(input);
   const diffPath = typeof inp?.path === "string" ? inp.path : void 0;
   return /* @__PURE__ */ jsxs46(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
     /* @__PURE__ */ jsxs46(Box, { flexDirection: "row", children: [
@@ -29098,7 +29298,7 @@ function ConfirmPrompt({
       "KANBAN BOUNDARY: ",
       boundaryReason
     ] }) : null,
-    showDiff && diff ? /* @__PURE__ */ jsx47(Box, { flexDirection: "column", marginY: 1, children: renderDiff(diff, diffPath) }) : null,
+    diff ? /* @__PURE__ */ jsx47(Box, { flexDirection: "column", marginY: 1, children: renderDiff(diff, diffPath) }) : null,
     /* @__PURE__ */ jsx47(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
     /* @__PURE__ */ jsx47(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx47(Text, { children: buttonLabels(suggestedPattern).map((l) => /* @__PURE__ */ jsxs46(React6.Fragment, { children: [
       /* @__PURE__ */ jsx47(Text, { bold: true, color: BUTTON_COLOR[l.decision], children: l.bracket }),
@@ -31057,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: [
@@ -31082,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` : "",
@@ -32221,6 +32421,39 @@ function parseInline(text) {
         continue;
       }
     }
+    if (ch === "[") {
+      const textEnd = text.indexOf("]", i + 1);
+      if (textEnd > i && text[textEnd + 1] === "(") {
+        const urlEnd = text.indexOf(")", textEnd + 2);
+        if (urlEnd > textEnd) {
+          flush();
+          const linkText = text.slice(i + 1, textEnd);
+          tokens.push({ text: linkText, link: true });
+          i = urlEnd + 1;
+          continue;
+        }
+      }
+    }
+    if (text.startsWith("http://", i) || text.startsWith("https://", i)) {
+      let urlEnd = i + 8;
+      while (urlEnd < text.length) {
+        const c = text[urlEnd];
+        if (c !== void 0 && c.match(/[a-zA-Z0-9._~:/?#@!$&+,;=%\-\[\]()'*]/)) {
+          urlEnd++;
+        } else {
+          break;
+        }
+      }
+      const trailing = text.slice(i, urlEnd);
+      const stripped = trailing.replace(/[.,;!?)]+$/, "");
+      urlEnd = i + stripped.length;
+      if (urlEnd > i + 8) {
+        flush();
+        tokens.push({ text: stripped, link: true });
+        i = urlEnd;
+        continue;
+      }
+    }
     plain += ch;
     i += 1;
   }
@@ -32238,7 +32471,7 @@ function InlineLine({ tokens, dim }) {
   return /* @__PURE__ */ jsx66(Text, { children: tokens.map((t, j) => /* @__PURE__ */ jsx66(
     Text,
     {
-      color: t.code ? theme.accent : "white",
+      color: t.code ? theme.accent : t.link ? theme.accent : "white",
       bold: Boolean(t.bold),
       italic: Boolean(t.italic),
       strikethrough: Boolean(t.strike),
@@ -32395,7 +32628,7 @@ var ASSISTANT_TAIL_HEIGHT = ASSISTANT_TAIL_MARGIN_Y + ASSISTANT_TAIL_HEADER_ROWS
 
 // src/components/history/banner.tsx
 import { Fragment as Fragment22, jsx as jsx68, jsxs as jsxs66 } from "react/jsx-runtime";
-var STACK_ORANGE = "#FD9F02";
+var STACK_ORANGE2 = "#FD9F02";
 var SIGNAL_PINK = "#FE2E5F";
 var BORDER = "#3B3C36";
 var MUTED = "#B6B2A8";
@@ -32429,7 +32662,7 @@ function BrandMark({ pinkRow = 1 }) {
       if (column === PINK_HOME && (row === pinkRow || row === pinkRow + 1)) {
         return SIGNAL_PINK;
       }
-      if (row < 2 && column !== PINK_HOME) return STACK_ORANGE;
+      if (row < 2 && column !== PINK_HOME) return STACK_ORANGE2;
       return null;
     })
   );
@@ -32480,7 +32713,7 @@ var WORDMARK_LINES = Object.freeze(
 );
 function bannerGradientColor(position, length) {
   const progress = length > 1 ? position / (length - 1) : 0.5;
-  return mixHex(STACK_ORANGE, SIGNAL_PINK, progress);
+  return mixHex(STACK_ORANGE2, SIGNAL_PINK, progress);
 }
 function GradientText({ text }) {
   return /* @__PURE__ */ jsx68(Text, { bold: true, children: [...text].map(
@@ -32505,7 +32738,7 @@ function InfoRow({
 }) {
   const labelWidth = compact ? 6 : 9;
   const valueWidth = Math.max(1, contentWidth - labelWidth - 3);
-  const color = accent ? STACK_ORANGE : MUTED;
+  const color = accent ? STACK_ORANGE2 : MUTED;
   return /* @__PURE__ */ jsxs66(Text, { children: [
     /* @__PURE__ */ jsx68(Text, { color, children: icon }),
     /* @__PURE__ */ jsx68(Text, { color, bold: true, children: ` ${trunc(label, labelWidth).padEnd(labelWidth)} ` }),
@@ -32542,11 +32775,11 @@ function ProfileRow({
   const profileSegment = segmentMatch?.[1] ?? "";
   const segIdx = profileSegment ? displayPath.lastIndexOf(profileSegment) : -1;
   return /* @__PURE__ */ jsxs66(Text, { children: [
-    /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE, children: icon }),
-    /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE, bold: true, children: ` ${trunc(label, labelWidth).padEnd(labelWidth)} ` }),
+    /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE2, children: icon }),
+    /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE2, bold: true, children: ` ${trunc(label, labelWidth).padEnd(labelWidth)} ` }),
     segIdx >= 0 && profileSegment ? /* @__PURE__ */ jsxs66(Fragment22, { children: [
       /* @__PURE__ */ jsx68(Text, { color: MUTED, children: displayPath.slice(0, segIdx) }),
-      /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE, bold: true, children: profileSegment }),
+      /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE2, bold: true, children: profileSegment }),
       /* @__PURE__ */ jsx68(Text, { color: MUTED, children: displayPath.slice(segIdx + profileSegment.length) })
     ] }) : /* @__PURE__ */ jsx68(Text, { color: MUTED, children: displayPath })
   ] });
@@ -32559,7 +32792,7 @@ function Footer({ contentWidth, compact }) {
     /* @__PURE__ */ jsx68(Text, { dimColor: true, children: OSC8_WRONGSTACK }),
     !compact || contentWidth >= 35 ? /* @__PURE__ */ jsxs66(Fragment22, { children: [
       /* @__PURE__ */ jsx68(Text, { dimColor: true, children: " \xB7 " }),
-      /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE, children: "\u2605 " }),
+      /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE2, children: "\u2605 " }),
       /* @__PURE__ */ jsx68(Text, { dimColor: true, children: OSC8_GITHUB })
     ] }) : null
   ] }) });
@@ -32585,7 +32818,7 @@ function AutonomyAgentsSection({
       if (!agent) return null;
       const online = agent.online;
       const indicator = online ? "\u25CF" : "\xB7";
-      const color = online ? STACK_ORANGE : MUTED;
+      const color = online ? STACK_ORANGE2 : MUTED;
       const detail = agent.detail;
       return /* @__PURE__ */ jsxs66(Box, { flexDirection: "row", marginRight: 2, children: [
         /* @__PURE__ */ jsx68(Text, { color, children: indicator }),
@@ -32632,9 +32865,9 @@ function Banner({
       Math.max(1, panelWidth - (unbordered ? 0 : 4))
     );
     if (unbordered) {
-      return /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE, bold: true, children: summary });
+      return /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE2, bold: true, children: summary });
     }
-    return /* @__PURE__ */ jsx68(Box, { width: panelWidth, borderStyle: "round", borderColor: BORDER, paddingX: 1, children: /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE, bold: true, children: summary }) });
+    return /* @__PURE__ */ jsx68(Box, { width: panelWidth, borderStyle: "round", borderColor: BORDER, paddingX: 1, children: /* @__PURE__ */ jsx68(Text, { color: STACK_ORANGE2, bold: true, children: summary }) });
   }
   return /* @__PURE__ */ jsxs66(
     Box,
@@ -32651,7 +32884,7 @@ function Banner({
             "v",
             version
           ] }),
-          entry.updateAvailable && entry.latestVersion ? /* @__PURE__ */ jsxs66(Text, { color: STACK_ORANGE, children: [
+          entry.updateAvailable && entry.latestVersion ? /* @__PURE__ */ jsxs66(Text, { color: STACK_ORANGE2, children: [
             " \xB7 (update available: v",
             entry.latestVersion,
             ")"
@@ -33597,9 +33830,9 @@ 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) {
   for (let i = hits.length - 1; i >= 0; i--) {
     const hit = hits[i];
@@ -33629,7 +33862,8 @@ function copyRegistryVisibleClip(opts) {
   return Math.max(0, opts.mountedRows + opts.tailRows - opts.viewportRows);
 }
 function liveToolStreamCopyHit(opts) {
-  const headerRow = opts.mountedRows - opts.visibleClip + 1;
+  const slack = opts.pinnedSlack ?? 0;
+  const headerRow = opts.mountedRows - opts.visibleClip + 1 + slack;
   if (!opts.visible || headerRow < 0 || headerRow >= opts.viewportRows) return null;
   return {
     entryId: LIVE_TOOL_STREAM_COPY_ID,
@@ -33638,7 +33872,104 @@ function liveToolStreamCopyHit(opts) {
     iconCol: opts.iconCol
   };
 }
-function buildCopyRegistry(opts) {
+
+// 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) };
+  return { topLeft, bottomRight, inProgress };
+}
+function isOutOfBand(col, termWidth) {
+  return col < 0 || col >= termWidth;
+}
+function selectionToSlices(opts) {
+  const { selection, cards, cardVisibleCols } = opts;
+  const maxCol = Math.max(0, cardVisibleCols - 1);
+  const result = [];
+  for (const card of cards) {
+    const visTop = Math.max(selection.topLeft.row, card.viewportStartRow);
+    const visBot = Math.min(selection.bottomRight.row, card.viewportEndRow - 1);
+    if (visTop > visBot) continue;
+    const entryStartRow = visTop - card.viewportStartRow;
+    const entryEndRow = visBot - card.viewportStartRow;
+    const startCol = entryStartRow === selection.topLeft.row - card.viewportStartRow ? Math.max(0, Math.min(maxCol, selection.topLeft.col)) : 0;
+    const endCol = entryEndRow === selection.bottomRight.row - card.viewportStartRow ? Math.max(startCol, Math.min(maxCol, selection.bottomRight.col)) : maxCol;
+    result.push({
+      entryId: card.entryId,
+      startRow: entryStartRow,
+      startCol,
+      endRow: entryEndRow,
+      endCol
+    });
+  }
+  return result;
+}
+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-geometry.ts
+function scrollbarThumb(rows, offset, total) {
+  const scrollable = total > rows;
+  if (!scrollable) return { top: 0, size: rows, scrollable: false };
+  const windowTop = Math.max(0, total - rows - offset);
+  const size = Math.max(1, Math.round(rows / total * rows));
+  const maxWindowTop = total - rows;
+  const top = Math.max(
+    0,
+    Math.min(rows - size, Math.round(windowTop / maxWindowTop * (rows - size)))
+  );
+  return { top, size, scrollable: true };
+}
+function buildMountedCardSpans(opts) {
   const mountedGroupRows = opts.renderGroups.reduce(
     (rows, group) => rows + (opts.heightCache.getHeight(renderGroupId(group)) ?? 0),
     0
@@ -33650,47 +33981,40 @@ function buildCopyRegistry(opts) {
     tailRows: opts.tailRows,
     viewportRows: opts.viewportRows
   });
-  const hits = [];
+  const spans = [];
   let offset = 0;
+  const pinnedSlack = !opts.scrolled ? Math.max(0, opts.viewportRows - mountedGroupRows - opts.tailRows) : 0;
   for (const group of opts.renderGroups) {
     const gid = renderGroupId(group);
     const groupHeight = opts.heightCache.getHeight(gid) ?? 0;
-    const startRow = offset - visibleClip;
+    const viewportStartRow = 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({
+    const entryIds = 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 = entryIds[0];
+    if (entryId === void 0) continue;
+    const viewportEndRow = viewportStartRow + groupHeight;
+    if (viewportEndRow <= 0 || viewportStartRow >= opts.viewportRows) continue;
+    spans.push({
       entryId,
-      ...groupEntryIds.length > 1 ? { entryIds: groupEntryIds } : {},
-      startRow,
-      endRow: startRow + 1,
-      iconCol: opts.iconCol
+      viewportStartRow,
+      viewportEndRow,
+      totalRows: groupHeight,
+      ...entryIds.length > 1 ? { entryIds } : {}
     });
   }
-  return {
-    hits,
-    liveHit: liveToolStreamCopyHit({
-      visible: opts.liveToolVisible,
-      mountedRows: mountedGroupRows,
-      visibleClip,
-      viewportRows: opts.viewportRows,
-      iconCol: opts.iconCol
-    })
-  };
+  return spans;
 }
-function scrollbarThumb(rows, offset, total) {
-  const scrollable = total > rows;
-  if (!scrollable) return { top: 0, size: rows, scrollable: false };
-  const windowTop = Math.max(0, total - rows - offset);
-  const size = Math.max(1, Math.round(rows / total * rows));
-  const maxWindowTop = total - rows;
-  const top = Math.max(
-    0,
-    Math.min(rows - size, Math.round(windowTop / maxWindowTop * (rows - size)))
-  );
-  return { top, size, scrollable: true };
+function selectionHitAt(row, spans) {
+  for (const span of spans) {
+    if (row >= span.viewportStartRow && row < span.viewportEndRow) {
+      return { entryId: span.entryId, ...span.entryIds ? { entryIds: span.entryIds } : {} };
+    }
+  }
+  return null;
 }
+
+// src/components/history/scrollbar-rail.tsx
+import { jsx as jsx72, jsxs as jsxs70 } from "react/jsx-runtime";
 function Scrollbar({
   rows,
   offset,
@@ -33715,6 +34039,7 @@ function Scrollbar({
           children: copyHit ? COPY_ICON : " "
         }
       ),
+      /* @__PURE__ */ jsx72(Text, { children: " " }),
       /* @__PURE__ */ jsx72(
         Text,
         {
@@ -33726,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({
@@ -33759,6 +34130,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
     const handleResize = () => {
       setViewportWidth(resolveViewportWidth());
     };
+    handleResize();
     stdout?.on("resize", handleResize);
     return () => {
       stdout?.off("resize", handleResize);
@@ -33776,6 +34148,9 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
   const measuredGroupIdsRef = useRef37(/* @__PURE__ */ new Set());
   const copyHitsRef = useRef37([]);
   const liveToolCopyHitRef = useRef37(null);
+  const mountedGroupSpansRef = useRef37([]);
+  const spansSignatureRef = useRef37("");
+  const selectionRef = useRef37({ anchor: null, head: null, inProgress: false });
   const toolStreamRef = useRef37(toolStream);
   toolStreamRef.current = toolStream;
   const entriesByIdRef = useRef37(/* @__PURE__ */ new Map());
@@ -33891,6 +34266,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
     const ids = groupIdsRef.current;
     const nextId = next ? ids[next.index] : void 0;
     const normalized = next && nextId !== void 0 ? { index: next.index, clip: Math.max(0, next.clip) } : null;
+    selectionRef.current = { anchor: null, head: null, inProgress: false };
     effectiveAnchorRef.current = normalized;
     setAnchor(normalized && nextId !== void 0 ? { id: nextId, clip: normalized.clip } : null);
     setMountBump(0);
@@ -33936,9 +34312,77 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
         );
         if (payload === null) return null;
         return await writeClipboardText(payload.text) ? payload.entryId : null;
+      },
+      beginSelection: (row, col) => {
+        if (isOutOfBand(col, termWidth)) {
+          selectionRef.current = { anchor: null, head: null, inProgress: false };
+          return;
+        }
+        const cardHit = selectionHitAt(row, mountedGroupSpansRef.current);
+        if (cardHit === null) {
+          selectionRef.current = { anchor: null, head: null, inProgress: false };
+          return;
+        }
+        selectionRef.current = {
+          anchor: { row, col },
+          head: { row, col },
+          inProgress: true
+        };
+      },
+      extendSelection: (row, col) => {
+        const cur = selectionRef.current;
+        if (cur.anchor === null) return;
+        if (cur.inProgress === false) return;
+        if (isOutOfBand(col, termWidth) || row < 0 || row >= vp) {
+          selectionRef.current = { anchor: null, head: null, inProgress: false };
+          return;
+        }
+        selectionRef.current = { ...cur, head: { row, col } };
+      },
+      endSelection: () => {
+        const cur = selectionRef.current;
+        if (cur.anchor === null) return;
+        selectionRef.current = { ...cur, inProgress: false };
+      },
+      clearSelection: () => {
+        const cur = selectionRef.current;
+        if (cur.anchor === null && cur.head === null) return;
+        selectionRef.current = { anchor: null, head: null, inProgress: false };
+      },
+      commitSelection: async () => {
+        const cur = selectionRef.current;
+        if (cur.anchor === null || cur.head === null) return false;
+        if (cur.anchor.row === cur.head.row && cur.anchor.col === cur.head.col) {
+          selectionRef.current = { anchor: null, head: null, inProgress: false };
+          return false;
+        }
+        const rect = normalizeSelection(cur.anchor, cur.head, cur.inProgress);
+        const slices = selectionToSlices({
+          selection: rect,
+          cards: mountedGroupSpansRef.current,
+          cardVisibleCols: termWidth
+        });
+        const toolGroupsByHeadId = /* @__PURE__ */ new Map();
+        for (const span of mountedGroupSpansRef.current) {
+          if (span.entryIds && span.entryIds.length > 1) {
+            toolGroupsByHeadId.set(span.entryId, span.entryIds);
+          }
+        }
+        const text = assembleSelectionText({
+          slices,
+          entriesById: entriesByIdRef.current,
+          ...toolGroupsByHeadId.size > 0 ? { toolGroupsByHeadId } : {}
+        });
+        selectionRef.current = { anchor: null, head: null, inProgress: false };
+        if (text.length === 0) return false;
+        try {
+          return await writeClipboardText(text);
+        } catch {
+          return false;
+        }
       }
     }),
-    [applyAnchor]
+    [applyAnchor, termWidth, vp]
   );
   useEffect67(() => {
     if (!controllerRef) return void 0;
@@ -33993,6 +34437,23 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
   copyHitsRef.current = copyRegistry.hits;
   liveToolCopyHitRef.current = copyRegistry.liveHit;
   const copyRailHits = copyRegistry.liveHit ? [...copyRegistry.hits, copyRegistry.liveHit] : copyRegistry.hits;
+  const nextSpans = buildMountedCardSpans({
+    renderGroups,
+    heightCache,
+    scrolled,
+    clip: clip2,
+    tailRows: plan.mountTail ? toolTailHeight : 0,
+    viewportRows: vp,
+    showModelReasoning
+  });
+  const nextSignature = nextSpans.map((s2) => `${s2.entryId}:${s2.viewportStartRow}:${s2.viewportEndRow}`).join("|");
+  if (nextSignature !== spansSignatureRef.current) {
+    if (selectionRef.current.anchor !== null && !selectionRef.current.inProgress) {
+      selectionRef.current = { anchor: null, head: null, inProgress: false };
+    }
+    spansSignatureRef.current = nextSignature;
+  }
+  mountedGroupSpansRef.current = nextSpans;
   useLayoutEffect2(() => {
     let changed = false;
     for (const group of renderGroups) {
@@ -34057,11 +34518,13 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
     }
     if (planStartIdxRef.current > 0) {
       requestOlderFiredRef.current = false;
+    } else if (!scrolled) {
+      requestOlderFiredRef.current = false;
     }
     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",
@@ -34069,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) => {
@@ -34077,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,
@@ -34101,7 +34564,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
                 )
               }
             );
-            return /* @__PURE__ */ jsx72(
+            return /* @__PURE__ */ jsx73(
               Box,
               {
                 ref: setNode,
@@ -34112,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,
@@ -34124,7 +34587,7 @@ var ScrollableHistory = memo3(function ScrollableHistory2({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       Scrollbar,
       {
         rows: vp,
@@ -34137,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`;
 }
@@ -34188,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;
@@ -34225,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}` : "/";
@@ -34265,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) {
@@ -34348,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";
@@ -34457,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,
@@ -34479,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),
@@ -34491,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
                 ] })
@@ -34501,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 }) {
@@ -34534,6 +35431,7 @@ function AppView({ host, runtime }) {
     dispatch,
     activity,
     environment,
+    statusbar,
     viewState,
     historyScrollRef,
     onScrollInfo,
@@ -34553,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
@@ -34571,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,
+        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,
               {
-                modes: state.modePicker.modes,
-                selected: state.modePicker.selected,
-                hint: state.modePicker.hint
-              }
-            ) : null,
-            state.designPicker.open ? /* @__PURE__ */ jsx78(
-              DesignPicker,
-              {
-                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
         ] })
       }
     )
@@ -36461,7 +37387,7 @@ function routeSettingsOverlayKey(host, input, key, isEnter) {
     enhanceEnabled: config.enhanceEnabled ?? true,
     enhanceLanguage: config.enhanceLanguage ?? "original",
     debugStream: config.debugStream ?? false,
-    statuslineMode: config.statuslineMode ?? "detailed",
+    statuslineMode: config.statuslineMode ?? DEFAULT_STATUSLINE_MODE,
     reasoningMode: config.reasoningMode ?? "auto",
     reasoningEffort: config.reasoningEffort ?? "high",
     reasoningPreserve: config.reasoningPreserve ?? false,
@@ -36472,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
@@ -36629,6 +37555,7 @@ function createAppKeyHandler(options) {
     termRows,
     terminalColumns,
     terminalRows,
+    mainColumnWidth,
     statusBarWrapRef,
     belowStatusBarRef,
     liveStatuslineMode,
@@ -36654,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();
@@ -36682,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;
@@ -36738,7 +37669,7 @@ function createAppKeyHandler(options) {
       dispatch({ type: "toggleSddBoardMonitor" });
       return;
     }
-    if (key.ctrl && input === "j") {
+    if (key.ctrl && input === "y") {
       dispatch({ type: "toggleKanbanPanel" });
       return;
     }
@@ -36778,7 +37709,7 @@ function createAppKeyHandler(options) {
         }
       }
     }
-    if (state.sddBoard?.monitorOpen && !key.ctrl && !key.meta) {
+    if (state.sddBoard?.monitorOpen && !key.ctrl && !key.meta && draftRef.current.buffer === "") {
       if (key.rightArrow) {
         dispatch({ type: "sddBoardFocusNext" });
         return;
@@ -36820,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;
@@ -36839,36 +37791,74 @@ function createAppKeyHandler(options) {
       return;
     }
     if (!overlayOpen) {
+      if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "right") {
+        const region = hitRegion(
+          { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
+          key.mouse.x,
+          key.mouse.y
+        );
+        if (region?.kind === "history" && key.mouse.x <= historyWidth - SCROLLBAR_HIT_WIDTH) {
+          void historyScrollRef.current?.commitSelection().then((copied) => {
+            if (copied) onHistoryCopy?.(SELECTION_COPY_ID);
+          });
+          return;
+        }
+        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
         )) {
           if (key.mouse.shift)
             historyScrollRef.current?.scrollPage(key.mouse.wheel > 0 ? "up" : "down");
           else historyScrollRef.current?.scrollBy(key.mouse.wheel > 0 ? 1 : -1);
+          historyScrollRef.current?.clearSelection();
           return;
         }
       }
       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
         );
         const copyRow = region?.kind === "history" ? region.row : region?.kind === "scrollbar" ? region.cell : null;
         if (copyRow !== null && key.mouse.kind === "press" && historyScrollRef.current?.hasCopyTargetAt(copyRow, key.mouse.x - 1)) {
+          historyScrollRef.current?.clearSelection();
           void historyScrollRef.current.copyAtViewportCell(copyRow, key.mouse.x - 1).then((entryId) => {
             if (entryId !== null) onHistoryCopy?.(entryId);
           }).catch(() => null);
           return;
         }
+        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;
+          }
+          if (key.mouse.kind === "move") {
+            historyScrollRef.current?.extendSelection(region.row, key.mouse.x - 1);
+            return;
+          }
+        }
         if (region?.kind === "scrollbar") {
+          historyScrollRef.current?.clearSelection();
           historyScrollRef.current?.scrollToTrackCell(region.cell);
           return;
         }
       }
+      if (mouseMode && key.mouse?.kind === "release" && key.mouse.button === "left") {
+        historyScrollRef.current?.endSelection();
+      }
       if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "left" && statusBarWrapRef.current) {
         const sbHeight = measureElement(statusBarWrapRef.current).height;
         const belowHeight = belowStatusBarRef.current ? measureElement(belowStatusBarRef.current).height : 0;
@@ -37007,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,
@@ -37740,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,
@@ -37912,7 +38910,7 @@ function App(props) {
     fleetRunning: fleetCounts?.running ?? 0,
     liveAnimationStyle
   });
-  return /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx82(
     AppView,
     {
       host: props,
@@ -38343,6 +39341,7 @@ var origConsoleInfo = console.info;
 var origConsoleTable = console.table;
 var origConsoleTrace = console.trace;
 var origStderrWrite = process.stderr.write.bind(process.stderr);
+var origStdoutWrite = process.stdout.write.bind(process.stdout);
 var consoleNoop = (..._args) => {
 };
 var stderrNoop = ((_chunk, _encodingOrCb, _cb) => {
@@ -38372,6 +39371,7 @@ function unsilenceTerminal() {
   console.table = origConsoleTable;
   console.trace = origConsoleTrace;
   process.stderr.write = origStderrWrite;
+  process.stdout.write = origStdoutWrite;
   process.off("warning", warningNoop);
 }
 
@@ -38389,6 +39389,10 @@ async function runTui(opts) {
   const capability = detectTerminal({ stdin, stdout });
   const mouseEnabled = opts.mouse ?? opts.getSettings?.().mouseMode ?? process.env.WRONGSTACK_MOUSE === "1";
   silenceTerminal();
+  const provider = opts.agent.ctx.provider;
+  if (provider?.suppressMaxToolsWarning) {
+    provider.suppressMaxToolsWarning();
+  }
   const inkStdin = stdin;
   const {
     controller: titleController,