@wrongstack/tui 0.310.1 → 0.313.1

package/dist/index.js

@@ -1238,6 +1238,342 @@ var themePresets = Object.freeze({
     diffAddBg: "#1c1c1c",
     diffDelBg: "#262626",
     monitor: { fleet: "#cccccc", agents: "#d0d0d0", worktree: "#a8a8a8", phase: "#bcbcbc" }
+  }),
+  matrix: Object.freeze({
+    ...baseTheme,
+    textPrimary: "#a3e635",
+    textSecondary: "#65a30d",
+    textMuted: "#3f6212",
+    brandPrimary: "#4ade80",
+    brandAccent: "#22c55e",
+    surface: "#050a05",
+    surfaceRaised: "#0d190d",
+    accent: "#22c55e",
+    user: "#86efac",
+    assistant: "#22c55e",
+    tool: "#4ade80",
+    success: "#22c55e",
+    warn: "#a3e635",
+    error: "#ef4444",
+    borderDefault: "#1a331a",
+    borderSubtle: "#0f200f",
+    borderActive: "#22c55e",
+    brand: "#16a34a",
+    diffAddBg: "#0b2612",
+    diffDelBg: "#2a0e14",
+    monitor: { fleet: "#4ade80", agents: "#22c55e", worktree: "#86efac", phase: "#16a34a" }
+  }),
+  amber: Object.freeze({
+    ...baseTheme,
+    textPrimary: "#ffc83b",
+    textSecondary: "#d9981e",
+    textMuted: "#8c5e0d",
+    brandPrimary: "#ffb000",
+    brandAccent: "#ff8c00",
+    surface: "#0f0a03",
+    surfaceRaised: "#1a1205",
+    accent: "#ffb000",
+    user: "#ffd700",
+    assistant: "#ffb000",
+    tool: "#ffa000",
+    success: "#73c936",
+    warn: "#ffb000",
+    error: "#ff5555",
+    borderDefault: "#3d2806",
+    borderSubtle: "#261803",
+    borderActive: "#ffb000",
+    brand: "#ff9000",
+    diffAddBg: "#1a2608",
+    diffDelBg: "#2b0e0a",
+    monitor: { fleet: "#ffb000", agents: "#ff8c00", worktree: "#ffd700", phase: "#ffa000" }
+  }),
+  "cyber-noir": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#f1f5f9",
+    textSecondary: "#cbd5e1",
+    textMuted: "#64748b",
+    brandPrimary: "#94a3b8",
+    brandAccent: "#e2e8f0",
+    surface: "#08090a",
+    surfaceRaised: "#121417",
+    accent: "#e2e8f0",
+    user: "#f8fafc",
+    assistant: "#e2e8f0",
+    tool: "#cbd5e1",
+    success: "#86efac",
+    warn: "#fde047",
+    error: "#f87171",
+    borderDefault: "#334155",
+    borderSubtle: "#1e293b",
+    borderActive: "#f8fafc",
+    brand: "#cbd5e1",
+    diffAddBg: "#0f291e",
+    diffDelBg: "#2d1217",
+    monitor: { fleet: "#e2e8f0", agents: "#cbd5e1", worktree: "#86efac", phase: "#94a3b8" }
+  }),
+  "cobalt-mono": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#bae6fd",
+    textSecondary: "#7dd3fc",
+    textMuted: "#0369a1",
+    brandPrimary: "#38bdf8",
+    brandAccent: "#0ea5e9",
+    surface: "#040d1a",
+    surfaceRaised: "#08172e",
+    accent: "#38bdf8",
+    user: "#7dd3fc",
+    assistant: "#38bdf8",
+    tool: "#0ea5e9",
+    success: "#4ade80",
+    warn: "#facc15",
+    error: "#f87171",
+    borderDefault: "#0c4a6e",
+    borderSubtle: "#082f49",
+    borderActive: "#38bdf8",
+    brand: "#0284c7",
+    diffAddBg: "#06281e",
+    diffDelBg: "#2a0e18",
+    monitor: { fleet: "#38bdf8", agents: "#0ea5e9", worktree: "#7dd3fc", phase: "#0284c7" }
+  }),
+  "blood-moon": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#fecaca",
+    textSecondary: "#f87171",
+    textMuted: "#991b1b",
+    brandPrimary: "#ef4444",
+    brandAccent: "#dc2626",
+    surface: "#0f0507",
+    surfaceRaised: "#1a0a0e",
+    accent: "#f87171",
+    user: "#fca5a5",
+    assistant: "#f87171",
+    tool: "#ef4444",
+    success: "#4ade80",
+    warn: "#fbbf24",
+    error: "#f87171",
+    borderDefault: "#450a0a",
+    borderSubtle: "#2d0606",
+    borderActive: "#ef4444",
+    brand: "#dc2626",
+    diffAddBg: "#122614",
+    diffDelBg: "#2e080d",
+    monitor: { fleet: "#f87171", agents: "#dc2626", worktree: "#fca5a5", phase: "#ef4444" }
+  }),
+  cobalt2: Object.freeze({
+    ...baseTheme,
+    textPrimary: "#ffffff",
+    textSecondary: "#a5b4fc",
+    textMuted: "#6272a4",
+    brandPrimary: "#ffc600",
+    brandAccent: "#0088ff",
+    surface: "#15232d",
+    surfaceRaised: "#193549",
+    accent: "#0088ff",
+    user: "#ffc600",
+    assistant: "#3ad900",
+    tool: "#0088ff",
+    success: "#3ad900",
+    warn: "#ff9d00",
+    error: "#ff0055",
+    borderDefault: "#264a66",
+    borderSubtle: "#193549",
+    borderActive: "#ffc600",
+    brand: "#ffc600",
+    diffAddBg: "#103822",
+    diffDelBg: "#3d0e20",
+    monitor: { fleet: "#0088ff", agents: "#ffc600", worktree: "#3ad900", phase: "#ff9d00" }
+  }),
+  "shades-of-purple": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#ffffff",
+    textSecondary: "#d1b3ff",
+    textMuted: "#7869a8",
+    brandPrimary: "#fad000",
+    brandAccent: "#ff62d3",
+    surface: "#181734",
+    surfaceRaised: "#222244",
+    accent: "#9effff",
+    user: "#fad000",
+    assistant: "#9effff",
+    tool: "#b362ff",
+    success: "#a5ff90",
+    warn: "#fad000",
+    error: "#ff3366",
+    borderDefault: "#443c7a",
+    borderSubtle: "#2d2757",
+    borderActive: "#fad000",
+    brand: "#b362ff",
+    diffAddBg: "#163628",
+    diffDelBg: "#3b162a",
+    monitor: { fleet: "#9effff", agents: "#b362ff", worktree: "#a5ff90", phase: "#ff62d3" }
+  }),
+  "flexoki-dark": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#cecdc3",
+    textSecondary: "#b7b5ac",
+    textMuted: "#66645e",
+    brandPrimary: "#da702c",
+    brandAccent: "#ce5d97",
+    surface: "#100f0f",
+    surfaceRaised: "#1c1b1a",
+    accent: "#4385be",
+    user: "#d0a215",
+    assistant: "#24837b",
+    tool: "#4385be",
+    success: "#879a39",
+    warn: "#da702c",
+    error: "#d14d41",
+    borderDefault: "#343331",
+    borderSubtle: "#282726",
+    borderActive: "#da702c",
+    brand: "#ce5d97",
+    diffAddBg: "#192b1a",
+    diffDelBg: "#321919",
+    monitor: { fleet: "#4385be", agents: "#ce5d97", worktree: "#879a39", phase: "#24837b" }
+  }),
+  laserwave: Object.freeze({
+    ...baseTheme,
+    textPrimary: "#ffffff",
+    textSecondary: "#d0bfe6",
+    textMuted: "#716485",
+    brandPrimary: "#eb64b9",
+    brandAccent: "#b381c5",
+    surface: "#161320",
+    surfaceRaised: "#1f1a2e",
+    accent: "#40b4c4",
+    user: "#ffe261",
+    assistant: "#40b4c4",
+    tool: "#eb64b9",
+    success: "#74dfc4",
+    warn: "#ffe261",
+    error: "#e95678",
+    borderDefault: "#44385f",
+    borderSubtle: "#2b233e",
+    borderActive: "#eb64b9",
+    brand: "#b381c5",
+    diffAddBg: "#143830",
+    diffDelBg: "#3a1728",
+    monitor: { fleet: "#40b4c4", agents: "#b381c5", worktree: "#74dfc4", phase: "#eb64b9" }
+  }),
+  andromeda: Object.freeze({
+    ...baseTheme,
+    textPrimary: "#f7f7f8",
+    textSecondary: "#d5ced9",
+    textMuted: "#746f77",
+    brandPrimary: "#f92672",
+    brandAccent: "#c74ded",
+    surface: "#1b1d23",
+    surfaceRaised: "#23262e",
+    accent: "#00e8c6",
+    user: "#ffe66d",
+    assistant: "#00e8c6",
+    tool: "#c74ded",
+    success: "#96e072",
+    warn: "#ffe66d",
+    error: "#f92672",
+    borderDefault: "#3e4451",
+    borderSubtle: "#2b2f38",
+    borderActive: "#00e8c6",
+    brand: "#c74ded",
+    diffAddBg: "#163827",
+    diffDelBg: "#3b172a",
+    monitor: { fleet: "#00e8c6", agents: "#c74ded", worktree: "#96e072", phase: "#ffe66d" }
+  }),
+  "github-dark-dimmed": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#cdd9e5",
+    textSecondary: "#adbac7",
+    textMuted: "#636e7b",
+    brandPrimary: "#539bf5",
+    brandAccent: "#dcbdfb",
+    surface: "#1c2128",
+    surfaceRaised: "#22272e",
+    accent: "#6cb6ff",
+    user: "#daaa3f",
+    assistant: "#6cb6ff",
+    tool: "#539bf5",
+    success: "#57ab5a",
+    warn: "#daaa3f",
+    error: "#f47067",
+    borderDefault: "#444c56",
+    borderSubtle: "#313944",
+    borderActive: "#539bf5",
+    brand: "#dcbdfb",
+    diffAddBg: "#1b3824",
+    diffDelBg: "#3d1c20",
+    monitor: { fleet: "#6cb6ff", agents: "#dcbdfb", worktree: "#57ab5a", phase: "#539bf5" }
+  }),
+  snazzy: Object.freeze({
+    ...baseTheme,
+    textPrimary: "#eff0eb",
+    textSecondary: "#d8dee9",
+    textMuted: "#686f7a",
+    brandPrimary: "#ff5c57",
+    brandAccent: "#ff6ac1",
+    surface: "#1e2029",
+    surfaceRaised: "#282a36",
+    accent: "#57c7ff",
+    user: "#f3f99d",
+    assistant: "#57c7ff",
+    tool: "#ff6ac1",
+    success: "#5af78e",
+    warn: "#f3f99d",
+    error: "#ff5c57",
+    borderDefault: "#414558",
+    borderSubtle: "#2f3241",
+    borderActive: "#57c7ff",
+    brand: "#ff6ac1",
+    diffAddBg: "#153826",
+    diffDelBg: "#3b1820",
+    monitor: { fleet: "#57c7ff", agents: "#ff6ac1", worktree: "#5af78e", phase: "#f3f99d" }
+  }),
+  "tokyo-night-moon": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#c8d3f5",
+    textSecondary: "#a5b6cf",
+    textMuted: "#636e8d",
+    brandPrimary: "#ff966c",
+    brandAccent: "#c099ff",
+    surface: "#1e2030",
+    surfaceRaised: "#222436",
+    accent: "#82aaff",
+    user: "#ffc777",
+    assistant: "#82aaff",
+    tool: "#c099ff",
+    success: "#c3e88d",
+    warn: "#ffc777",
+    error: "#ff757f",
+    borderDefault: "#3b4261",
+    borderSubtle: "#2f334d",
+    borderActive: "#82aaff",
+    brand: "#c099ff",
+    diffAddBg: "#1d3627",
+    diffDelBg: "#3d1e28",
+    monitor: { fleet: "#82aaff", agents: "#c099ff", worktree: "#c3e88d", phase: "#ff966c" }
+  }),
+  "gruvbox-dark-hard": Object.freeze({
+    ...baseTheme,
+    textPrimary: "#ebdbb2",
+    textSecondary: "#d5c4a1",
+    textMuted: "#665c54",
+    brandPrimary: "#fe8019",
+    brandAccent: "#d3869b",
+    surface: "#141617",
+    surfaceRaised: "#1d2021",
+    accent: "#83a598",
+    user: "#fabd2f",
+    assistant: "#83a598",
+    tool: "#8ec07c",
+    success: "#b8bb26",
+    warn: "#fabd2f",
+    error: "#fb4934",
+    borderDefault: "#504945",
+    borderSubtle: "#32302f",
+    borderActive: "#fe8019",
+    brand: "#d3869b",
+    diffAddBg: "#1a331a",
+    diffDelBg: "#351a1a",
+    monitor: { fleet: "#83a598", agents: "#d3869b", worktree: "#b8bb26", phase: "#8ec07c" }
   })
 });
 var THEME_OPTIONS = [
@@ -1412,6 +1748,76 @@ var THEME_OPTIONS = [
     id: "monochrome",
     name: "Monochrome",
     description: "Pure grayscale \u2014 no hue, only luminance"
+  },
+  {
+    id: "matrix",
+    name: "Matrix Green",
+    description: "Phosphor green CRT terminal \u2014 digital rain aesthetic"
+  },
+  {
+    id: "amber",
+    name: "Amber CRT",
+    description: "Warm phosphor CRT terminal \u2014 glowing vintage amber"
+  },
+  {
+    id: "cyber-noir",
+    name: "Cyber Noir",
+    description: "Stark white and slate on jet black \u2014 minimalist high contrast"
+  },
+  {
+    id: "cobalt-mono",
+    name: "Cobalt Monochrome",
+    description: "Luminous cyan on deep abyss blue \u2014 oceanic blueprint"
+  },
+  {
+    id: "blood-moon",
+    name: "Blood Moon",
+    description: "Crimson & scarlet on obsidian \u2014 brooding dark mode"
+  },
+  {
+    id: "cobalt2",
+    name: "Cobalt2",
+    description: "Wes Bos' signature theme \u2014 deep navy with golden yellow & cyan"
+  },
+  {
+    id: "shades-of-purple",
+    name: "Shades of Purple",
+    description: "Ahmad Awais' bold purple palette with neon yellow & magenta"
+  },
+  {
+    id: "flexoki-dark",
+    name: "Flexoki Dark",
+    description: "Steph Ango's inky warm paper palette \u2014 natural earthy accents"
+  },
+  {
+    id: "laserwave",
+    name: "LaserWave",
+    description: "80s retrowave \u2014 neon flamingo and turquoise on violet"
+  },
+  {
+    id: "andromeda",
+    name: "Andromeda",
+    description: "Deep interstellar dark with vibrant neon teal and pink"
+  },
+  {
+    id: "github-dark-dimmed",
+    name: "GitHub Dark Dimmed",
+    description: "GitHub's softer slate dark theme \u2014 gentle blues and pastels"
+  },
+  {
+    id: "snazzy",
+    name: "Hyper Snazzy",
+    description: "Sindre Sorhus' elegant saturated terminal palette"
+  },
+  {
+    id: "tokyo-night-moon",
+    name: "Tokyo Night Moon",
+    description: "Tokyo Night on balanced deep indigo \u2014 vibrant accents"
+  },
+  {
+    id: "gruvbox-dark-hard",
+    name: "Gruvbox Dark Hard",
+    description: "Maximum contrast Gruvbox on deep pitch charcoal"
   }
 ];
 
@@ -1936,7 +2342,7 @@ var PANEL_IDS = Object.freeze([
   "connections"
   // Ctrl+N
 ]);
-var TOTAL_SETTINGS_FIELD_COUNT = PANEL_POSITION_FIELD_START + PANEL_IDS.length + 2;
+var TOTAL_SETTINGS_FIELD_COUNT = PANEL_POSITION_FIELD_START + PANEL_IDS.length + 3;
 var DEFAULT_PANEL_POSITIONS = Object.freeze({
   projectPicker: "bottom",
   fleet: "bottom",
@@ -2009,6 +2415,16 @@ function effectiveAgentSwarmPanelMode(state, liveSettings) {
     liveSettings?.showAgentSwarmPanel
   );
 }
+function resolveShowSidebarVisibility(settingsOpen, pickerValue, persistedValue) {
+  return settingsOpen ? pickerValue : persistedValue ?? true;
+}
+function effectiveShowSidebar(state, liveSettings) {
+  return resolveShowSidebarVisibility(
+    state.settingsPicker.open,
+    state.settingsPicker.showSidebar,
+    liveSettings?.showSidebar
+  );
+}
 function buildSidebarOpenFlags(state, liveSettings) {
   return {
     projectPicker: state.projectPicker.open,
@@ -2033,15 +2449,16 @@ function resolveAppSidebarLayout(state, termCols, liveSettings, mailboxPanelOpen
     effectivePanelPositionsInput(state, liveSettings),
     mailboxPanelOpen,
     buildSidebarOpenFlags(state, liveSettings),
-    effectiveAgentSwarmPanelMode(state, liveSettings) === "sidebar"
+    effectiveAgentSwarmPanelMode(state, liveSettings) === "sidebar",
+    effectiveShowSidebar(state, liveSettings)
   );
 }
-function resolveSidebarLayout(state, termCols, panelPositionsInput, mailboxPanelOpen, sidebarOpenFlags, legacySwarmOnSidebar) {
+function resolveSidebarLayout(state, termCols, panelPositionsInput, mailboxPanelOpen, sidebarOpenFlags, legacySwarmOnSidebar, showSidebar) {
   const panelPositions = coercePanelPositionMap(panelPositionsInput);
   const routedToSidebar = (id) => panelPositions[id] === "sidebar";
   const overlayOpen = isPickerOverlayOpen(state) || state.coordinator.monitorOpen && !routedToSidebar("coordinator") || state.auditPanelOpen || state.connectionsPanelOpen && !routedToSidebar("connections") || state.helpOpen || state.agentsMonitorOpen && !routedToSidebar("agents") || state.monitorOpen && !routedToSidebar("fleet") || state.contextPanelOpen || state.processListOpen && !routedToSidebar("processList") || state.todosMonitorOpen && !routedToSidebar("todos") || state.worktreeMonitorOpen && !routedToSidebar("worktree") || state.planPanelOpen && !routedToSidebar("plan") || state.kanbanPanelOpen && !routedToSidebar("kanban") || state.queuePanelOpen && !routedToSidebar("queue") || state.goalPanelOpen && !routedToSidebar("goal") || state.sessionsPanelOpen && !routedToSidebar("sessions") || state.projectPicker.open && !routedToSidebar("projectPicker") || state.goalKanbanPanelOpen || state.cronMonitorOpen || state.rewindOverlay != null || state.fallbackOverlay != 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.topicCheckBusy || state.refineCountdown != null || state.refineFailure != null || state.continueConfirm != null || state.brainPrompt != null || mailboxPanelOpen || (state.goalRun?.monitorOpen ?? false) && !routedToSidebar("coordinator") || (state.sddBoard?.monitorOpen ?? false);
-  const sidebarWidth = overlayOpen ? 0 : computeSidebarWidth(termCols);
-  const effectiveSwarmOnSidebar = panelPositions.fleet === "sidebar" || (legacySwarmOnSidebar ?? false);
+  const sidebarWidth = overlayOpen || showSidebar === false ? 0 : computeSidebarWidth(termCols);
+  const effectiveSwarmOnSidebar = showSidebar !== false && (panelPositions.fleet === "sidebar" || (legacySwarmOnSidebar ?? false));
   let sidebarTwinRowCount = 0;
   if (sidebarOpenFlags) {
     sidebarTwinRowCount = sumSidebarTwinRowCount(
@@ -2601,20 +3018,23 @@ var ACCENT = "#fab387";
 var DIM = "#313244";
 var BREATHE_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var DOTS_FRAMES = ["", ".", "..", "...", "..", "."];
-var ANIMATION_STYLES = ["rainbow", "wave", "pulse", "dots", "breathe"];
+var ANIMATION_STYLES = ["rainbow", "wave", "pulse", "dots", "breathe", "static"];
 var ANIMATION_STYLE_DESCS = {
   rainbow: "Per-glyph hue cycle (default)",
   wave: "Single-color brightness sweep",
   pulse: "Whole-text brightness pulse",
   dots: "Trailing dots ellipsis (. .. ... .. .)",
-  breathe: "Spinning braille glyph prefix, flat text"
+  breathe: "Spinning braille glyph prefix, flat text",
+  static: "No animation \u2014 flat working indicator"
 };
 var CYCLE_INTERVAL_SECONDS = 12;
 var COLOR_TICK_MS = 120;
 function colorPhaseFromTime(elapsedMs) {
   return Math.floor(Math.max(0, elapsedMs) / COLOR_TICK_MS);
 }
-var CYCLE_ORDER = ["wave", "pulse", "dots", "breathe"];
+var CYCLE_ORDER = ANIMATION_STYLES.filter(
+  (style) => style !== "rainbow"
+);
 function styleForCycleTick(tick) {
   const idx = Math.max(0, Math.floor(tick / CYCLE_INTERVAL_SECONDS));
   const i = idx % CYCLE_ORDER.length;
@@ -2747,9 +3167,10 @@ function ThinkingChip({
   phase,
   cycleTick
 }) {
-  const { time: colorTime } = useAnimation({ interval: COLOR_TICK_MS, isActive: true });
-  const colorPhase = colorPhaseFromTime(colorTime);
   const live = style === "cycle" ? styleForCycleTick(cycleTick) : style;
+  const animateColor = live === "rainbow" || live === "wave" || live === "pulse";
+  const { time: colorTime } = useAnimation({ interval: COLOR_TICK_MS, isActive: animateColor });
+  const colorPhase = colorPhaseFromTime(animateColor ? colorTime : 0);
   if (live === "rainbow") {
     const chars = Array.from(text);
     return /* @__PURE__ */ jsx5(Text, { bold: true, children: chars.map((ch, i) => /* @__PURE__ */ jsx5(Text, { color: rainbowColor(i, colorPhase), children: ch }, i)) });
@@ -2761,6 +3182,9 @@ function ThinkingChip({
   if (live === "pulse") {
     return /* @__PURE__ */ jsx5(Text, { bold: true, color: pulseColor(colorPhase), children: text });
   }
+  if (live === "static") {
+    return /* @__PURE__ */ jsx5(Text, { bold: true, color: "green", children: text });
+  }
   if (live === "dots") {
     const stripped = stripTrailingDots(text);
     const idx2 = phase % DOTS_FRAMES.length;
@@ -3827,7 +4251,7 @@ function StatusBar({
     fleet?.running ?? 0,
     thinkingWord
   );
-  const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : spinner;
+  const statePrefix = state === "idle" || state === "aborting" ? "\u25CF" : animationStyle === "static" ? "\u25CF" : spinner;
   const thinking = state === "running" || state === "streaming";
   const hasAutoProceed = autoProceedCountdown != null && autoProceedCountdown > 0;
   const fleetHasActivity = fleet && (fleet.running > 0 || fleet.idle > 0 || fleet.pending > 0 || fleet.completed > 0) || subagentCount > 0;
@@ -17866,8 +18290,10 @@ var SETTINGS_FIELD_LABELS = [
   // WS `prefs.update` pipeline; the picker is just the user surface.
   "WrongProxy / WrongTrace",
   // 59
-  "WrongProxy URL"
+  "WrongProxy URL",
   // 60
+  "Right sidebar"
+  // 61
 ];
 function resolveSettingsFieldValue(field, input) {
   const raw = input.trim().toLowerCase();
@@ -17897,7 +18323,9 @@ function resolveSettingsFieldValue(field, input) {
     [45, "nextStepsTool"],
     // WrongProxy / WrongTrace master switch (field 59). The companion
     // URL field (60) is text-typed, see resolveSettingsFieldValue.
-    [59, "wrongProxyEnabled"]
+    [59, "wrongProxyEnabled"],
+    // Right sidebar master switch (field 61).
+    [61, "showSidebar"]
   ]);
   const boolKey = BOOL_FIELDS.get(field);
   if (boolKey) {
@@ -18112,7 +18540,9 @@ function getSettingsFieldValue(values, field) {
     [45, "nextStepsTool"],
     // WrongProxy / WrongTrace master switch (field 59). The companion
     // URL field (60) is text-typed, see getSettingsFieldValue.
-    [59, "wrongProxyEnabled"]
+    [59, "wrongProxyEnabled"],
+    // Right sidebar master switch (field 61).
+    [61, "showSidebar"]
   ];
   for (const [f, key] of BOOL_KEYS) {
     if (field !== f) continue;
@@ -18214,7 +18644,7 @@ var SETTINGS_SECTIONS = [
   },
   {
     name: "Display",
-    fields: [39, 40, 41, 43, 44]
+    fields: [39, 40, 41, 43, 44, 61]
   },
   {
     name: "Panels",
@@ -18301,12 +18731,13 @@ var SETTINGS_DEFAULTS = Object.freeze({
   nextStepsTool: false,
   // WrongProxy / WrongTrace. Defaults mirror the WebUI `LocalPrefs`
   // DEFAULTS in `packages/webui/src/stores/local-prefs.ts` (master
-  // switch off, URL 'http://localhost:8000'). Required keys here
+  // switch off, URL 'http://localhost:3444'). Required keys here
   // because `SettingsPickerValues` (mapped from `SettingsPickerPatch`)
   // makes every key mandatory — omitting them here breaks the type
   // contract for the entire TUI settings module. See Chimera review.
   wrongProxyEnabled: false,
-  wrongProxyUrl: "http://localhost:8000"
+  wrongProxyUrl: "http://localhost:3444",
+  showSidebar: true
 });
 function resetSettingsFieldValue(field) {
   const result = getSettingsFieldValue(SETTINGS_DEFAULTS, field);
@@ -18369,7 +18800,11 @@ function buildResetPatch(field) {
     // and `ToolsConfig.wrongProxy?: WrongProxyToolConfig` for the
     // canonical persistence shape.
     [59, "wrongProxyEnabled"],
-    [60, "wrongProxyUrl"]
+    [60, "wrongProxyUrl"],
+    // Right sidebar master switch (field 61). Without this entry,
+    // `/settings reset sidebar` returns null and the field is
+    // unresettable even though BOOL_FIELDS accepts on/off for it.
+    [61, "showSidebar"]
   ];
   for (const [f, key] of KEY_MAP) {
     if (f === field) {
@@ -18519,6 +18954,7 @@ function SettingsPicker({
   breakerAutoKillResetMs,
   showModelReasoning,
   showAgentSwarmPanel,
+  showSidebar,
   showSageMemoryInject,
   sageMemoryInjectThreshold,
   nextStepsTool,
@@ -18812,12 +19248,17 @@ function SettingsPicker({
     {
       label: "WrongProxy / WrongTrace",
       value: boolVal(wrongProxyEnabled),
-      detail: "Route base URLs through the local proxy (default http://localhost:8000). openai-codex is excluded."
+      detail: "Route base URLs through the local proxy (default http://localhost:3444). openai-codex is excluded."
     },
     {
       label: "WrongProxy URL",
       value: wrongProxyUrlEditing ? `${wrongProxyUrlDraft ?? ""}\u258F` : wrongProxyUrl,
       detail: wrongProxyUrlEditing ? "type a URL \xB7 Enter \u2713 \xB7 Esc \u2717 (http://host:port or https://host:port)" : "Where the local proxy daemon listens. Probed at <url>/api/health every 30s."
+    },
+    {
+      label: "Right sidebar",
+      value: boolVal(showSidebar ?? true),
+      detail: "Show or hide the right sidebar in the TUI (chat history takes full width when off)"
     }
   ];
   const fieldRowIndex = [];
@@ -20157,6 +20598,7 @@ function AppViewPickers({
         breakerAutoKillResetMs: state.settingsPicker.breakerAutoKillResetMs,
         showModelReasoning: state.settingsPicker.showModelReasoning,
         showAgentSwarmPanel: state.settingsPicker.showAgentSwarmPanel,
+        showSidebar: state.settingsPicker.showSidebar,
         showSageMemoryInject: state.settingsPicker.showSageMemoryInject,
         sageMemoryInjectThreshold: state.settingsPicker.sageMemoryInjectThreshold,
         nextStepsTool: state.settingsPicker.nextStepsTool,
@@ -22610,6 +23052,10 @@ function WrongProxyPanelSidebar({
   const showLatency = inner >= METRIC_MIN_BODY_WIDTH;
   const latencyLabel = proxy?.latencyMs !== void 0 ? `${proxy.latencyMs}ms` : "";
   const urlLabel = proxy?.url ?? "\u2014";
+  const ipcLabel = `${glyphs.dividerDot} ipc`;
+  const ipcValue = proxy?.socketPath ? trunc(proxy.socketPath, Math.max(4, bodyWidth - displayWidth(ipcLabel) - 3)) : null;
+  const daemonLabel = `${glyphs.dividerDot} daemon`;
+  const daemonValue = proxy?.version ? trunc(proxy.version, Math.max(4, bodyWidth - displayWidth(daemonLabel) - 3)) : null;
   return /* @__PURE__ */ jsxs80(
     SidebarPanelFrame,
     {
@@ -22626,15 +23072,6 @@ function WrongProxyPanelSidebar({
         visual.pill
       ] }) : void 0,
       children: [
-        /* @__PURE__ */ jsx81(
-          SidebarSectionHeader,
-          {
-            glyph: glyphs.link,
-            label: "ENDPOINT",
-            color: visual.color,
-            innerWidth: bodyWidth
-          }
-        ),
         /* @__PURE__ */ jsxs80(Box, { flexDirection: "row", width: bodyWidth, children: [
           /* @__PURE__ */ jsx81(Text, { color: visual.color, children: visual.glyph }),
           /* @__PURE__ */ jsxs80(Text, { color: theme.textPrimary, bold: true, wrap: "truncate", children: [
@@ -22657,16 +23094,25 @@ function WrongProxyPanelSidebar({
           " ",
           trunc(proxy.detail, bodyWidth - 2)
         ] }) : null,
-        /* @__PURE__ */ jsx81(
+        ipcValue ? /* @__PURE__ */ jsx81(
           SidebarStatRow,
           {
-            label: `${glyphs.dividerDot} mode`,
-            value: "routing",
+            label: ipcLabel,
+            value: ipcValue,
             color: theme.textMuted,
+            innerWidth: bodyWidth,
+            valueMuted: true
+          }
+        ) : null,
+        daemonValue ? /* @__PURE__ */ jsx81(
+          SidebarStatRow,
+          {
+            label: daemonLabel,
+            value: daemonValue,
+            color: theme.textPrimary,
             innerWidth: bodyWidth
           }
-        ),
-        /* @__PURE__ */ jsx81(Text, { color: theme.textMuted, wrap: "truncate", dimColor: true, children: trunc("openai-codex excluded by spec", bodyWidth) })
+        ) : null
       ]
     }
   );
@@ -23151,6 +23597,13 @@ function renderWorking(word, style, spinner, phase, colorPhase, maxWidth) {
       width: displayWidth(text2)
     };
   }
+  if (style === "static") {
+    const text2 = truncateDisplay(word, maxWidth);
+    return {
+      node: /* @__PURE__ */ jsx83(Text, { bold: true, color: "green", children: text2 }),
+      width: displayWidth(text2)
+    };
+  }
   if (style === "breathe") {
     const text2 = truncateDisplay(`${spinner} ${word}`, maxWidth);
     return {
@@ -23223,6 +23676,7 @@ function ComposerTopRail({
 }) {
   const available = Math.max(0, width - 2);
   const icon = glyphs.brand;
+  const staticMode = animationStyle === "static";
   const requestedStatusWidth = composerStatusReservedWidth(status);
   const statusWidth = Math.min(requestedStatusWidth, Math.max(0, available - 3));
   const statusSectionW = statusWidth > 0 ? statusWidth + 3 : 0;
@@ -23237,7 +23691,7 @@ function ComposerTopRail({
     "\u256D",
     title ? /* @__PURE__ */ jsxs83(Fragment29, { children: [
       /* @__PURE__ */ jsx84(Text, { children: "\u2500 " }),
-      /* @__PURE__ */ jsx84(ComposerActivityIcon, { status, idleGlyph: glyphs.brand, disabled }),
+      staticMode ? /* @__PURE__ */ jsx84(Text, { bold: true, children: glyphs.brand }) : /* @__PURE__ */ jsx84(ComposerActivityIcon, { status, idleGlyph: glyphs.brand, disabled }),
       /* @__PURE__ */ jsx84(Text, { children: ` ${title}` }),
       workingTimeChip ? /* @__PURE__ */ jsx84(Text, { dimColor: true, children: workingTimeChip }) : null,
       /* @__PURE__ */ jsx84(Text, { children: " " })
@@ -24623,7 +25077,7 @@ import { memo as memo6, useRef as useRef8 } from "react";
 
 // src/components/history/entry.tsx
 import { hasOpenTodos } from "@wrongstack/core/utils";
-import { parseNextSteps } from "@wrongstack/tools/next-steps";
+import { parseNextSteps as parseNextSteps2 } from "@wrongstack/tools/next-steps";
 import React8, { useEffect as useEffect23, useMemo as useMemo8 } from "react";
 
 // src/history-entry.ts
@@ -25939,6 +26393,63 @@ function ToolEntry({
   ] });
 }
 
+// src/components/history/wrap-geometry.ts
+import { parseNextSteps } from "@wrongstack/tools/next-steps";
+import stringWidth2 from "string-width";
+import wrapAnsi from "wrap-ansi";
+var USER_LABEL = "\u{1F464} USER  ";
+var INFO_PREFIX = "\u2139 ";
+function hasWrapMap(entry) {
+  return entry.kind === "assistant" || entry.kind === "thinking" || entry.kind === "user" || entry.kind === "info";
+}
+function textContentWidth(termWidth) {
+  return Math.max(1, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
+}
+function infoContentWidth(termWidth) {
+  return Math.max(1, termWidth);
+}
+function buildBodyRowMap(kind, rawText, termWidth) {
+  const prefix = kind === "user" ? USER_LABEL : kind === "info" ? INFO_PREFIX : "";
+  const prefixChars = prefix.length;
+  const prefixWidth = stringWidth2(prefix);
+  const base = sanitizeTerminalText(
+    kind === "assistant" ? parseNextSteps(rawText, true).stripped : rawText
+  );
+  const width = kind === "info" ? infoContentWidth(termWidth) : textContentWidth(termWidth);
+  const rows = [];
+  const lines = base.split("\n");
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i] ?? "";
+    if (line.length === 0) {
+      rows.push({ line: i, start: 0, end: 0 });
+      continue;
+    }
+    const sub = i === 0 ? prefixChars : 0;
+    const wrapped = i === 0 && prefixChars > 0 ? prefix + line : line;
+    const segments = wrapAnsi(wrapped, width, { trim: false, hard: true }).split("\n");
+    let offset = 0;
+    for (const seg of segments) {
+      rows.push({
+        line: i,
+        start: Math.max(0, offset - sub),
+        end: Math.max(0, offset + seg.length - sub)
+      });
+      offset += seg.length;
+    }
+  }
+  return { rows, text: base, prefixWidth };
+}
+function resolveRowCol(map, row, col, atEnd) {
+  const last = map.rows.length - 1;
+  if (last < 0) return { line: 0, offset: 0 };
+  const idx = Math.max(0, Math.min(row, last));
+  const span = map.rows[idx] ?? { line: 0, start: 0, end: 0 };
+  const textCol = idx === 0 && map.prefixWidth > 0 ? Math.max(0, col - map.prefixWidth) : col;
+  const segLen = span.end - span.start;
+  const within = atEnd ? Math.max(0, Math.min(textCol + 1, segLen)) : Math.max(0, Math.min(textCol, segLen));
+  return { line: span.line, offset: span.start + within };
+}
+
 // src/components/history/entry.tsx
 import { Fragment as Fragment33, jsx as jsx94, jsxs as jsxs91 } from "react/jsx-runtime";
 var Entry = React8.memo(function Entry2({
@@ -25956,7 +26467,7 @@ var Entry = React8.memo(function Entry2({
   const isFinalTurnEntry = entry.kind === "assistant" && entry.final === true;
   const nextSteps = useMemo8(() => {
     if (entry.kind !== "assistant") return { steps: [], stripped: "" };
-    return parseNextSteps(entry.text, true);
+    return parseNextSteps2(entry.text, true);
   }, [entry.kind, entry.text]);
   useEffect23(() => {
     if (!setSuggestions) return;
@@ -25964,7 +26475,7 @@ var Entry = React8.memo(function Entry2({
     if (openTodos) return;
     if (!isFinalTurnEntry) return;
     const text = entry.text ?? "";
-    const { texts } = parseNextSteps(text, true);
+    const { texts } = parseNextSteps2(text, true);
     if (texts.length > 0) setSuggestions(texts);
   }, [
     entry.kind,
@@ -25986,7 +26497,7 @@ var Entry = React8.memo(function Entry2({
           borderColor: theme.user,
           paddingLeft: 1,
           children: /* @__PURE__ */ jsxs91(Text, { children: [
-            /* @__PURE__ */ jsx94(Text, { bold: true, color: theme.user, children: "\u{1F464} USER  " }),
+            /* @__PURE__ */ jsx94(Text, { bold: true, color: theme.user, children: USER_LABEL }),
             /* @__PURE__ */ jsx94(Text, { color: "white", children: sanitizeTerminalText(entry.text) }),
             entry.queued ? /* @__PURE__ */ jsx94(Text, { dimColor: true, children: " (queued)" }) : null,
             entry.pasteContent ? /* @__PURE__ */ jsxs91(Fragment33, { children: [
@@ -26133,7 +26644,7 @@ var Entry = React8.memo(function Entry2({
     }
     case "info": {
       return /* @__PURE__ */ jsxs91(Text, { dimColor: true, children: [
-        /* @__PURE__ */ jsx94(Text, { children: "\u2139 " }),
+        /* @__PURE__ */ jsx94(Text, { children: INFO_PREFIX }),
         sanitizeTerminalText(entry.text)
       ] });
     }
@@ -26382,7 +26893,7 @@ var History = memo6(function History2({
 });
 
 // src/components/history/use-history-controller.ts
-import { useMemo as useMemo9, useRef as useRef9, useCallback as useCallback5, useEffect as useEffect24 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect24, useMemo as useMemo9, useRef as useRef9 } from "react";
 
 // src/clipboard.ts
 import {
@@ -26448,6 +26959,38 @@ function selectionHitAt(row, spans) {
   return null;
 }
 
+// src/components/history/selection-band-store.ts
+function sameBand(a, b) {
+  if (a === b) return true;
+  if (a === null || b === null) return false;
+  return a.topRow === b.topRow && a.bottomRow === b.bottomRow && a.headRow === b.headRow;
+}
+function bandFromSelection(anchor, head) {
+  return {
+    topRow: Math.min(anchor.row, head.row),
+    bottomRow: Math.max(anchor.row, head.row),
+    headRow: head.row
+  };
+}
+function createSelectionBandStore() {
+  let snapshot = null;
+  const listeners = /* @__PURE__ */ new Set();
+  return {
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot: () => snapshot,
+    publish(next) {
+      if (sameBand(snapshot, next)) return;
+      snapshot = next;
+      for (const listener of listeners) listener();
+    }
+  };
+}
+
 // 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) };
@@ -26480,7 +27023,7 @@ function selectionToSlices(opts) {
   return result;
 }
 function assembleSelectionText(opts) {
-  const { slices, entriesById, toolGroupsByHeadId } = opts;
+  const { slices, entriesById, toolGroupsByHeadId, termWidth } = opts;
   if (slices.length === 0) return "";
   const byEntry = /* @__PURE__ */ new Map();
   for (const slice of slices) {
@@ -26503,6 +27046,36 @@ function assembleSelectionText(opts) {
       segments.push(fullText);
       continue;
     }
+    const single = entries[0];
+    const map = termWidth !== void 0 && hasWrapMap(single) && !(single.kind === "user" && (single.pasteContent || single.queued)) ? buildBodyRowMap(single.kind, single.text, termWidth) : null;
+    if (map !== null && map.text.length > 0) {
+      const lines = map.text.split("\n");
+      for (const slice of entrySlices) {
+        const a = resolveRowCol(map, slice.startRow, slice.startCol, false);
+        const b = resolveRowCol(map, slice.endRow, slice.endCol, true);
+        if (b.line < a.line) continue;
+        const collected = [];
+        for (let ln = a.line; ln <= b.line && ln < lines.length; ln++) {
+          const line = lines[ln] ?? "";
+          if (ln === a.line && ln === b.line) {
+            const start = Math.max(0, Math.min(line.length, a.offset));
+            const end = Math.max(start, Math.min(line.length, b.offset));
+            if (end > start) collected.push(line.slice(start, end));
+          } else if (ln === a.line) {
+            const start = Math.max(0, Math.min(line.length, a.offset));
+            if (start < line.length) collected.push(line.slice(start));
+          } else if (ln === b.line) {
+            const end = Math.max(0, Math.min(line.length, b.offset));
+            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);
+      }
+      continue;
+    }
     for (const slice of entrySlices) {
       const rows = fullText.split("\n");
       const collected = [];
@@ -26545,6 +27118,7 @@ function useHistoryController(opts) {
     selectionRef,
     entriesByIdRef,
     toolStreamRef,
+    selectionBandStore,
     setAnchor,
     setMountBump,
     controllerRef
@@ -26555,15 +27129,36 @@ function useHistoryController(opts) {
   effectiveAnchorRef.current = effectiveAnchor;
   const groupIdsRef = useRef9(groupIds);
   groupIdsRef.current = groupIds;
-  const applyAnchor = useCallback5((next) => {
-    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);
-  }, [selectionRef, setAnchor, setMountBump]);
+  const publishBand = useCallback5(() => {
+    const cur = selectionRef.current;
+    selectionBandStore?.publish(
+      cur.anchor !== null && cur.head !== null && cur.inProgress ? bandFromSelection(cur.anchor, cur.head) : null
+    );
+  }, [selectionBandStore, selectionRef]);
+  const gutterWidthForEntry = (entryId) => {
+    if (entryId === void 0) return 0;
+    const entry = entriesByIdRef.current.get(entryId);
+    if (!entry) return 0;
+    return entry.kind === "assistant" || entry.kind === "thinking" || entry.kind === "user" ? MESSAGE_PANEL_CHROME_WIDTH : 0;
+  };
+  const toBodyLocalCol = (row, col) => {
+    const hit = selectionHitAt(row, mountedGroupSpansRef.current);
+    const gutter = gutterWidthForEntry(hit?.entryId);
+    return gutter === 0 ? col : Math.max(0, col - gutter);
+  };
+  const applyAnchor = useCallback5(
+    (next) => {
+      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 };
+      publishBand();
+      effectiveAnchorRef.current = normalized;
+      setAnchor(normalized && nextId !== void 0 ? { id: nextId, clip: normalized.clip } : null);
+      setMountBump(0);
+    },
+    [selectionRef, publishBand, setAnchor, setMountBump]
+  );
   const controller = useMemo9(
     () => ({
       scrollBy: (deltaUp) => {
@@ -26609,18 +27204,22 @@ function useHistoryController(opts) {
       beginSelection: (row, col) => {
         if (isOutOfBand(col, termWidth)) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return;
         }
         const cardHit = selectionHitAt(row, mountedGroupSpansRef.current);
         if (cardHit === null) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return;
         }
+        const bodyCol = toBodyLocalCol(row, col);
         selectionRef.current = {
-          anchor: { row, col },
-          head: { row, col },
+          anchor: { row, col: bodyCol },
+          head: { row, col: bodyCol },
           inProgress: true
         };
+        publishBand();
       },
       extendSelection: (row, col) => {
         const cur = selectionRef.current;
@@ -26628,25 +27227,31 @@ function useHistoryController(opts) {
         if (cur.inProgress === false) return;
         if (isOutOfBand(col, termWidth) || row < 0 || row >= vp) {
           selectionRef.current = { anchor: null, head: null, inProgress: false };
+          publishBand();
           return;
         }
-        selectionRef.current = { ...cur, head: { row, col } };
+        selectionRef.current = { ...cur, head: { row, col: toBodyLocalCol(row, col) } };
+        publishBand();
       },
       endSelection: () => {
         const cur = selectionRef.current;
         if (cur.anchor === null) return;
         selectionRef.current = { ...cur, inProgress: false };
+        publishBand();
       },
+      hasSelection: () => selectionRef.current.anchor !== null,
       clearSelection: () => {
         const cur = selectionRef.current;
         if (cur.anchor === null && cur.head === null) return;
         selectionRef.current = { anchor: null, head: null, inProgress: false };
+        publishBand();
       },
       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 };
+          publishBand();
           return false;
         }
         const rect = normalizeSelection(cur.anchor, cur.head, cur.inProgress);
@@ -26664,9 +27269,13 @@ function useHistoryController(opts) {
         const text = assembleSelectionText({
           slices,
           entriesById: entriesByIdRef.current,
+          // Wrap-aware row→line translation (v1.1 M4): termWidth is the same
+          // render width the card geometry was built with.
+          termWidth,
           ...toolGroupsByHeadId.size > 0 ? { toolGroupsByHeadId } : {}
         });
         selectionRef.current = { anchor: null, head: null, inProgress: false };
+        publishBand();
         if (text.length === 0) return false;
         try {
           return await writeClipboardText(text);
@@ -26675,7 +27284,18 @@ function useHistoryController(opts) {
         }
       }
     }),
-    [applyAnchor, termWidth, vp, copyHitsRef, liveToolCopyHitRef, mountedGroupSpansRef, selectionRef, entriesByIdRef, toolStreamRef]
+    [
+      applyAnchor,
+      publishBand,
+      termWidth,
+      vp,
+      copyHitsRef,
+      liveToolCopyHitRef,
+      mountedGroupSpansRef,
+      selectionRef,
+      entriesByIdRef,
+      toolStreamRef
+    ]
   );
   useEffect24(() => {
     if (!controllerRef) return void 0;
@@ -26694,14 +27314,18 @@ function useHistoryController(opts) {
 }
 
 // src/components/history/scrollbar-rail.tsx
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { jsx as jsx96, jsxs as jsxs93 } from "react/jsx-runtime";
+var NO_BAND = createSelectionBandStore();
 function Scrollbar({
   rows,
   offset,
   total,
   copyHits,
-  copiedEntryId
+  copiedEntryId,
+  selectionBandStore = NO_BAND
 }) {
+  const band = useSyncExternalStore2(selectionBandStore.subscribe, selectionBandStore.getSnapshot);
   const { top: thumbTop, size: thumbSize, scrollable } = scrollbarThumb(rows, offset, total);
   const cells = [];
   for (let i = 0; i < rows; i++) {
@@ -26711,6 +27335,8 @@ function Scrollbar({
   for (const hit of copyHits) copyByRow.set(hit.startRow, hit);
   return /* @__PURE__ */ jsx96(Box, { flexDirection: "column", flexShrink: 0, children: cells.map((cell, row) => {
     const copyHit = copyByRow.get(row);
+    const inBand = band !== null && row >= band.topRow && row <= band.bottomRow && row < rows;
+    const isHead = band !== null && row === band.headRow && row < rows;
     return /* @__PURE__ */ jsxs93(Box, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx96(
         Text,
@@ -26719,7 +27345,7 @@ function Scrollbar({
           children: copyHit ? COPY_ICON : " "
         }
       ),
-      /* @__PURE__ */ jsx96(Text, { children: " " }),
+      /* @__PURE__ */ jsx96(Text, { ...inBand ? { color: theme.accent } : {}, children: isHead ? "\u2588" : inBand ? "\u258C" : " " }),
       /* @__PURE__ */ jsx96(
         Text,
         {
@@ -26781,6 +27407,11 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
   const heightCacheRef = useRef10(null);
   if (heightCacheRef.current === null) heightCacheRef.current = new EntryHeightCache();
   const heightCache = heightCacheRef.current;
+  const selectionBandStoreRef = useRef10(null);
+  if (selectionBandStoreRef.current === null) {
+    selectionBandStoreRef.current = createSelectionBandStore();
+  }
+  const selectionBandStore = selectionBandStoreRef.current;
   const entryNodeRefs = useRef10(/* @__PURE__ */ new Map());
   const measuredGroupIdsRef = useRef10(/* @__PURE__ */ new Set());
   const copyHitsRef = useRef10([]);
@@ -26905,6 +27536,7 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
     selectionRef,
     entriesByIdRef,
     toolStreamRef,
+    selectionBandStore,
     setAnchor,
     setMountBump,
     controllerRef
@@ -27113,7 +27745,8 @@ var ScrollableHistory = memo7(function ScrollableHistory2({
         offset: offsetFromBottom,
         total: totalRows,
         copyHits: copyRailHits,
-        copiedEntryId
+        copiedEntryId,
+        selectionBandStore
       }
     )
   ] });
@@ -27188,18 +27821,38 @@ function useSidebarWrongProxy(url, enabled = true) {
         const res = await fetch(healthUrl, {
           method: "GET",
           // 2s budget — matches the runtime probe in proxy-probe.ts so a
-          // hung localhost:8000 cannot stall the render loop. The TUI
+          // hung localhost:3444 cannot stall the render loop. The TUI
           // never sees AbortError unless the caller tears us down.
           signal: AbortSignal.timeout(2e3),
           headers: { accept: "application/json" }
         });
         if (cancelled) return;
         const ok = res.ok && res.status >= 200 && res.status < 300;
+        let socketPath;
+        let version;
+        if (ok) {
+          try {
+            const body = await res.json();
+            if (body != null && typeof body === "object") {
+              const { socket_path, version: reported } = body;
+              if (typeof socket_path === "string" && socket_path.length > 0) {
+                socketPath = socket_path;
+              }
+              if (typeof reported === "string" && reported.length > 0) {
+                version = reported;
+              }
+            }
+          } catch {
+          }
+        }
+        if (cancelled) return;
         setData({
           url: trimmed,
           status: ok ? "ok" : "warn",
           latencyMs: Date.now() - startedAt,
-          detail: ok ? void 0 : `HTTP ${res.status}`
+          detail: ok ? void 0 : `HTTP ${res.status}`,
+          socketPath,
+          version
         });
       } catch (error) {
         if (cancelled) return;
@@ -27998,7 +28651,7 @@ function routeSettingsOverlayKey(host, input, key, isEnter) {
     // adapter owns the read/write — see LiveSettingsInput + the
     // tui-settings-adapter.ts branch tree).
     wrongProxyEnabled: config.wrongProxyEnabled ?? false,
-    wrongProxyUrl: config.wrongProxyUrl ?? "http://localhost:8000"
+    wrongProxyUrl: config.wrongProxyUrl ?? "http://localhost:3444"
   });
   return true;
 }
@@ -28593,7 +29246,7 @@ function createAppKeyHandler(options) {
       return;
     }
     if (!overlayOpen) {
-      if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "right") {
+      if (key.mouse?.kind === "press" && key.mouse.button === "right") {
         const region = hitRegion(
           { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
@@ -28633,7 +29286,7 @@ function createAppKeyHandler(options) {
           return;
         }
       }
-      if ((key.mouse?.kind === "press" || mouseMode && key.mouse?.kind === "move") && key.mouse.button === "left") {
+      if ((key.mouse?.kind === "press" || key.mouse?.kind === "move") && key.mouse.button === "left") {
         const region = hitRegion(
           { termRows, termCols: historyWidth, viewportRows: state.viewportRows },
           key.mouse.x,
@@ -28647,7 +29300,7 @@ function createAppKeyHandler(options) {
           }).catch(() => null);
           return;
         }
-        if (mouseMode && region?.kind === "history" && key.mouse.x <= historyWidth - SCROLLBAR_HIT_WIDTH) {
+        if (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;
@@ -28663,8 +29316,15 @@ function createAppKeyHandler(options) {
           return;
         }
       }
-      if (mouseMode && key.mouse?.kind === "release" && key.mouse.button === "left") {
-        historyScrollRef.current?.endSelection();
+      if (key.mouse?.kind === "release" && key.mouse.button === "left") {
+        if (historyScrollRef.current?.hasSelection()) {
+          detach(
+            historyScrollRef.current?.commitSelection().then((copied) => {
+              if (copied) onHistoryCopy?.(SELECTION_COPY_ID);
+            }),
+            "Copy"
+          );
+        }
       }
       if (mouseMode && key.mouse?.kind === "press" && key.mouse.button === "left" && statusBarWrapRef.current) {
         const sbHeight = measureElement(statusBarWrapRef.current).height;
@@ -29439,6 +30099,19 @@ import {
 } from "@wrongstack/core/execution";
 
 // src/submit-controller.ts
+async function waitForIdleSettle(isIdle, deadlineMs, opts = {}) {
+  const maxPollMs = opts.maxPollMs ?? 150;
+  const start = Date.now();
+  let pollMs = 20;
+  while (!isIdle()) {
+    const remaining = deadlineMs - (Date.now() - start);
+    if (remaining <= 0) return false;
+    const wait = Math.min(Math.max(pollMs, 1), maxPollMs, remaining);
+    await new Promise((resolve) => setTimeout(resolve, wait));
+    pollMs = Math.min(pollMs * 2, maxPollMs);
+  }
+  return true;
+}
 var topicAdvisorByAgent = /* @__PURE__ */ new WeakMap();
 function topicAdvisorFor(agent) {
   let advisor = topicAdvisorByAgent.get(agent);
@@ -29692,10 +30365,10 @@ function createSubmitController(host) {
           if (b) {
             b.appendText(res.runText);
             const blocks2 = await b.submit();
-            const start = Date.now();
-            while (stateRef.current.status !== "idle" && Date.now() - start < 1500) {
-              await new Promise((r) => setTimeout(r, 25));
-            }
+            await waitForIdleSettle(
+              () => stateRef.current.status === "idle",
+              1500
+            );
             try {
               await runBlocks(blocks2);
             } finally {
@@ -29932,10 +30605,10 @@ User message:
         if (b) {
           b.appendText(preamble);
           const steerBlocks = await b.submit();
-          const start = Date.now();
-          while (stateRef.current.status !== "idle" && Date.now() - start < 1500) {
-            await new Promise((r) => setTimeout(r, 25));
-          }
+          await waitForIdleSettle(
+            () => stateRef.current.status === "idle",
+            1500
+          );
           try {
             stampJournalMarker();
             await runBlocks(steerBlocks);
@@ -32450,6 +33123,7 @@ function createInitialState(options) {
       breakerAutoKillResetMs: 6e4,
       showModelReasoning: true,
       showAgentSwarmPanel: "bottom",
+      showSidebar: true,
       panelPositions: DEFAULT_PANEL_POSITIONS,
       // Default on: compact one-line chip (see SageMemoryBlock). Full bordered
       // panel remains available when operators expand inject visibility later.
@@ -32458,12 +33132,12 @@ function createInitialState(options) {
       nextStepsTool: false,
       readSymbols: false,
       // WrongProxy / WrongTrace. Defaults match the WebUI LocalPrefs
-      // (master switch off; URL 'http://localhost:8000'). The runtime
+      // (master switch off; URL 'http://localhost:3444'). The runtime
       // probe in `packages/cli/src/wiring/proxy-probe.ts` reacts via
       // the WS `prefs.update` pipeline — these initial values only
       // cover the slice before the first `settingsOpen` action lands.
       wrongProxyEnabled: false,
-      wrongProxyUrl: "http://localhost:8000",
+      wrongProxyUrl: "http://localhost:3444",
       // WrongProxy URL text-edit state (field 60). The reducer quartet
       // at `reducers/settings-values.ts:733-801` seeds the draft from
       // `wrongProxyUrl` on Start and clears it on Commit/Cancel.
@@ -32539,7 +33213,11 @@ function createInitialState(options) {
       currentTool: void 0,
       startedAt: Date.now(),
       lastEventAt: Date.now(),
-      iterating: false
+      iterating: false,
+      ...options.initialContextSnapshot && options.initialContextSnapshot.tokens > 0 ? {
+        ctxTokens: options.initialContextSnapshot.tokens,
+        ctxMaxTokens: options.initialContextSnapshot.maxContext > 0 ? options.initialContextSnapshot.maxContext : void 0
+      } : {}
     },
     fleetCost: 0,
     fleetTokens: { input: 0, output: 0 },
@@ -34857,6 +35535,7 @@ function reduceSettingsPanel(state, action) {
           breakerAutoKillResetMs: action.breakerAutoKillResetMs,
           showModelReasoning: action.showModelReasoning,
           showAgentSwarmPanel: action.showAgentSwarmPanel,
+          showSidebar: action.showSidebar ?? true,
           panelPositions: coercePanelPositionMap(action.panelPositions),
           showSageMemoryInject: action.showSageMemoryInject,
           sageMemoryInjectThreshold: action.sageMemoryInjectThreshold,
@@ -35388,6 +36067,11 @@ function reduceSettingsValues(state, action) {
           ...state,
           settingsPicker: { ...sp, wrongProxyEnabled: !sp.wrongProxyEnabled, hint: void 0 }
         };
+      if (f === 61)
+        return {
+          ...state,
+          settingsPicker: { ...sp, showSidebar: !sp.showSidebar, hint: void 0 }
+        };
       if (f >= PANEL_POSITION_FIELD_START && f - PANEL_POSITION_FIELD_START < PANEL_IDS.length) {
         const PANEL_POSITION_CYCLE = ["bottom", "sidebar"];
         const panelId = PANEL_IDS[f - PANEL_POSITION_FIELD_START];
@@ -36154,6 +36838,14 @@ function useAppSessionState(options) {
     () => buildRestoredCheckpoints(options.restoredEvents),
     [options.restoredEvents]
   );
+  const initialContextSnapshot = useMemo11(() => {
+    const lastReq = options.agent?.ctx?.lastRequestTokens;
+    const reqTokens = options.agent?.ctx?.tokenCounter?.currentRequestTokens?.();
+    const sumReqTokens = (typeof reqTokens === "number" ? reqTokens : 0) + (typeof reqTokens?.input === "number" ? reqTokens.input : 0) + (typeof reqTokens?.cacheRead === "number" ? reqTokens.cacheRead : 0) + (typeof reqTokens?.cacheWrite === "number" ? reqTokens.cacheWrite : 0);
+    const tokens = sumReqTokens > 0 ? sumReqTokens : typeof lastReq === "number" ? lastReq : 0;
+    const maxContext = options.agent?.ctx?.provider?.capabilities?.maxContext ?? 0;
+    return tokens > 0 ? { tokens, maxContext } : void 0;
+  }, [options.agent?.ctx]);
   const [state, dispatch] = useReducer(
     reducer,
     createInitialState({
@@ -36170,6 +36862,7 @@ function useAppSessionState(options) {
       autonomyAgents: options.autonomyAgents,
       restoredEntries,
       restoredCheckpoints,
+      initialContextSnapshot,
       enhanceEnabled: options.enhanceEnabled,
       initialAgentsMonitorOpen: options.initialAgentsMonitorOpen,
       initialFleetChat: options.initialFleetChat
@@ -36602,6 +37295,10 @@ import {
   useEffect as useEffect31,
   useRef as useRef15
 } from "react";
+var BETWEEN_ITERATION_YIELD_MS = 200;
+function yieldBetweenIterations(ms = BETWEEN_ITERATION_YIELD_MS) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
 function useAutonomyDrivers({
   getEternalEngine,
   getParallelEngine,
@@ -36648,7 +37345,7 @@ function useAutonomyDrivers({
         }
         if (!mountedRef.current) break;
         dispatch({ type: "status", status: "idle" });
-        await new Promise((r) => setTimeout(r, 200));
+        await yieldBetweenIterations();
       }
     } finally {
       eternalLoopRunningRef.current = false;
@@ -36691,7 +37388,7 @@ function useAutonomyDrivers({
         }
         if (!mountedRef.current) break;
         dispatch({ type: "status", status: "idle" });
-        await new Promise((r) => setTimeout(r, 200));
+        await yieldBetweenIterations();
       }
     } finally {
       parallelLoopRunningRef.current = false;
@@ -41164,7 +41861,7 @@ function useMouseTracking(input) {
     native: nativeMouse,
     protocol
   });
-  const mouseTrackingSequence = mouseTrackingOn ? mouseMode ? MOUSE_DRAG_ON : MOUSE_CLICK_ON : MOUSE_OFF;
+  const mouseTrackingSequence = mouseTrackingOn ? MOUSE_DRAG_ON : MOUSE_OFF;
   const mouseWrittenRef = useRef30(null);
   useEffect49(() => {
     if (mouseWrittenRef.current === mouseTrackingSequence) return;
@@ -41768,7 +42465,7 @@ function usePanelControllers({
       // Same defaults as the WebUI LocalPrefs and the CLI adapter's
       // branch tree — see tui-settings-adapter.ts.
       wrongProxyEnabled: s2.wrongProxyEnabled ?? false,
-      wrongProxyUrl: s2.wrongProxyUrl ?? "http://localhost:8000"
+      wrongProxyUrl: s2.wrongProxyUrl ?? "http://localhost:3444"
     });
   }, [getSettings]);
   const refreshPluginPicker = React11.useCallback(() => {
@@ -42395,6 +43092,17 @@ function useProviderEventBridge({
         }
       });
     });
+    const offModelSwitched = events.on("provider.model_switched", (e) => {
+      const from = e.from ? `${e.from.providerId}/${e.from.model}` : "";
+      const to = `${e.to.providerId}/${e.to.model}`;
+      dispatch({
+        type: "addEntry",
+        entry: {
+          kind: "info",
+          text: from ? `\u{1F504} Model changed: ${from} \u2192 ${to}` : `\u{1F504} Model set to ${to}`
+        }
+      });
+    });
     const offFallbackPending = events.on("provider.fallback_pending", (e) => {
       const eventSessionId = e.sessionId;
       if (typeof eventSessionId === "string" && eventSessionId !== agent.ctx.session.id) return;
@@ -42613,6 +43321,7 @@ function useProviderEventBridge({
       offRetry();
       offProvErr();
       offFallback();
+      offModelSwitched();
       offFallbackPending();
       offProvResp();
       offConfirmNeeded();
@@ -42741,36 +43450,9 @@ function useQueueManager({
   midRunSendPickerRef
 }) {
   const persistState = useRef34({ running: false, pending: null });
-  useEffect53(() => {
-    if (!queueStore) return;
-    let cancelled = false;
-    queueStore.read().then((items) => {
-      if (cancelled || items.length === 0) return;
-      for (const item of items) {
-        dispatch({
-          type: "enqueue",
-          item: {
-            displayText: item.displayText,
-            blocks: item.blocks,
-            ...item.shouldRefine !== void 0 ? { shouldRefine: item.shouldRefine } : {},
-            ...item.journalRaw !== void 0 ? { journalRaw: item.journalRaw } : {}
-          }
-        });
-      }
-      dispatch({
-        type: "addEntry",
-        entry: {
-          kind: "info",
-          text: `Restored ${items.length} queued message${items.length === 1 ? "" : "s"} from a previous run.`
-        }
-      });
-    }).catch(() => void 0);
-    return () => {
-      cancelled = true;
-    };
-  }, [queueStore]);
-  useEffect53(() => {
-    if (!queueStore) return;
+  const hydrated = useRef34(!queueStore);
+  const pendingBeforeHydration = useRef34(false);
+  const writeQueue = (store) => {
     const raw = stateRef.current.queue.map(
       ({
         displayText,
@@ -42785,7 +43467,7 @@ function useQueueManager({
       })
     );
     const persistence = persistState.current;
-    persistence.pending = { store: queueStore, items: raw };
+    persistence.pending = { store, items: raw };
     if (persistence.running) return;
     persistence.running = true;
     void (async () => {
@@ -42799,6 +43481,49 @@ function useQueueManager({
         persistence.running = false;
       }
     })();
+  };
+  useEffect53(() => {
+    if (!queueStore) return;
+    let cancelled = false;
+    queueStore.read().then((items) => {
+      if (cancelled) return;
+      hydrated.current = true;
+      for (const item of items) {
+        dispatch({
+          type: "enqueue",
+          item: {
+            displayText: item.displayText,
+            blocks: item.blocks,
+            ...item.shouldRefine !== void 0 ? { shouldRefine: item.shouldRefine } : {},
+            ...item.journalRaw !== void 0 ? { journalRaw: item.journalRaw } : {}
+          }
+        });
+      }
+      if (items.length > 0) {
+        dispatch({
+          type: "addEntry",
+          entry: {
+            kind: "info",
+            text: `Restored ${items.length} queued message${items.length === 1 ? "" : "s"} from a previous run.`
+          }
+        });
+      }
+      if (pendingBeforeHydration.current && items.length === 0) {
+        pendingBeforeHydration.current = false;
+        writeQueue(queueStore);
+      }
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [queueStore]);
+  useEffect53(() => {
+    if (!queueStore) return;
+    if (!hydrated.current) {
+      pendingBeforeHydration.current = true;
+      return;
+    }
+    writeQueue(queueStore);
   }, [stateRef.current.queue, queueStore, stateRef]);
   useEffect53(() => {
     onQueueChange?.(stateRef.current.queue.map((q) => q.displayText));
@@ -43096,6 +43821,7 @@ function useSettingsAutoSave(state, saveSettings, dispatch) {
         breakerAutoKillResetMs: sp.breakerAutoKillResetMs,
         showModelReasoning: sp.showModelReasoning,
         showAgentSwarmPanel: sp.showAgentSwarmPanel,
+        showSidebar: sp.showSidebar,
         panelPositions: sp.panelPositions,
         showSageMemoryInject: sp.showSageMemoryInject,
         sageMemoryInjectThreshold: sp.sageMemoryInjectThreshold,
@@ -43106,7 +43832,7 @@ function useSettingsAutoSave(state, saveSettings, dispatch) {
         // and the tui-settings-adapter.ts branch tree). Optional with
         // `??` fallback — older persisted configs may not have the keys.
         wrongProxyEnabled: sp.wrongProxyEnabled ?? false,
-        wrongProxyUrl: sp.wrongProxyUrl ?? "http://localhost:8000"
+        wrongProxyUrl: sp.wrongProxyUrl ?? "http://localhost:3444"
       })
     ).then((err) => {
       if (err) dispatch({ type: "settingsHint", text: err });
@@ -43155,6 +43881,7 @@ function useSettingsAutoSave(state, saveSettings, dispatch) {
     state.settingsPicker.breakerAutoKillResetMs,
     state.settingsPicker.showModelReasoning,
     state.settingsPicker.showAgentSwarmPanel,
+    state.settingsPicker.showSidebar,
     state.settingsPicker.panelPositions,
     state.settingsPicker.showSageMemoryInject,
     state.settingsPicker.sageMemoryInjectThreshold,
@@ -45367,6 +46094,51 @@ Available chords:
       official: true
     });
   }, [slashRegistry, openStatuslinePicker, setHiddenItems]);
+  useEffect68(() => {
+    if (!getSettings || !saveSettings) return;
+    const applyLayoutPreset = async (statuslineMode, showSidebar) => {
+      const patch = { statuslineMode, showSidebar };
+      dispatch({ type: "settingsValueSet", patch });
+      const cur = getSettings();
+      if (cur) {
+        try {
+          const err = await saveSettings({ ...cur, ...patch });
+          if (err) dispatch({ type: "settingsHint", text: err });
+        } catch {
+          dispatch({ type: "settingsHint", text: "Could not save settings." });
+        }
+      }
+      return showSidebar ? `\u2713 Full layout: statusline detailed, sidebar on.` : `\u2713 Lite layout: statusline minimum, sidebar off.`;
+    };
+    const liteCmd = {
+      name: "lite",
+      description: "Minimal chrome: statusline density \u2192 minimum and the right sidebar hidden.",
+      help: "Switch to the lite layout.\n\n  statusline density \u2192 minimum (single rail)\n  right sidebar \u2192 hidden (full-width history)\n\nReverse with /full.",
+      async run() {
+        return { message: await applyLayoutPreset("minimum", false) };
+      }
+    };
+    const fullCmd = {
+      name: "full",
+      description: "Full chrome: statusline density \u2192 detailed and the right sidebar visible.",
+      help: "Switch to the full layout.\n\n  statusline density \u2192 detailed (multi-line bar)\n  right sidebar \u2192 visible\n\nReverse with /lite.",
+      async run() {
+        return { message: await applyLayoutPreset("detailed", true) };
+      }
+    };
+    const teardownLite = registerSlashCommandLifecycle(slashRegistry, liteCmd, {
+      owner: "tui",
+      official: true
+    });
+    const teardownFull = registerSlashCommandLifecycle(slashRegistry, fullCmd, {
+      owner: "tui",
+      official: true
+    });
+    return () => {
+      teardownLite();
+      teardownFull();
+    };
+  }, [slashRegistry, getSettings, saveSettings, dispatch]);
   useEffect68(() => {
     const cmd = {
       name: "mailbox",
@@ -46429,7 +47201,7 @@ function App(props) {
 
 // src/components/suggestions.ts
 import {
-  parseNextSteps as parseNextSteps2,
+  parseNextSteps as parseNextSteps3,
   stripNextStepsBlock as stripNextStepsBlock2
 } from "@wrongstack/tools/next-steps";
 
@@ -47298,7 +48070,7 @@ async function runTui(opts) {
 export {
   buildGoalPreamble2 as buildGoalPreamble,
   parseInline,
-  parseNextSteps2 as parseNextSteps,
+  parseNextSteps3 as parseNextSteps,
   replaySessionMessages,
   runTui
 };