@wrongstack/tui 0.313.0 → 0.313.1

package/dist/app-action-type.d.ts

@@ -323,6 +323,7 @@ export type Action = {
     breakerAutoKillResetMs: number;
     showModelReasoning: boolean;
     showAgentSwarmPanel: import('./app-settings-type.js').AgentSwarmPanelMode;
+    showSidebar?: boolean | undefined;
     panelPositions: import('./ui-contracts.js').PanelPositionMap;
     readSymbols: boolean;
     showSageMemoryInject: boolean;

package/dist/app-initial-state.d.ts

@@ -55,6 +55,11 @@ export interface CreateInitialStateOptions {
     restoredEntries: State['entries'];
     /** Checkpoints rebuilt from a resumed session's events. Empty for a fresh session. */
     restoredCheckpoints?: State['checkpoints'] | undefined;
+    /** Initial context-window snapshot for resumed sessions. */
+    initialContextSnapshot?: {
+        tokens: number;
+        maxContext: number;
+    } | undefined;
     enhanceEnabled: boolean;
     initialAgentsMonitorOpen?: boolean | undefined;
     /** Boot-time fleet-chat verbosity (from persisted config). Default 'off'. */

package/dist/app-settings-type.d.ts

@@ -76,6 +76,8 @@ export type Settings = {
      *  sidebar, vertical), or 'off' (hidden). Default: 'bottom'.
      *  Backward-compat: old boolean configs are coerced — true→'bottom', false→'off'. */
     showAgentSwarmPanel: AgentSwarmPanelMode;
+    /** Right sidebar visibility: when false, the right sidebar is completely hidden. Default: true. */
+    showSidebar: boolean;
     /**
      * Per-panel position map. Each F-key panel can be set to 'bottom' (F-key
      * behavior, the default) or 'sidebar' (rendered in the right sidebar).

package/dist/app-state.d.ts

@@ -299,6 +299,8 @@ export type State = {
         showModelReasoning: boolean;
         /** Agent swarm panel placement: 'bottom' (lower region), 'sidebar' (right sidebar), or 'off'. Default: 'bottom'. */
         showAgentSwarmPanel: import('./app-settings-type.js').AgentSwarmPanelMode;
+        /** Right sidebar visibility (mirrors Settings.showSidebar). Default: true. */
+        showSidebar: boolean;
         /**
          * Per-panel position map mirrored from the persisted Settings shape.
          * Each F-key panel can be set to 'bottom' (F-key behavior, the default)

package/dist/app-ui-state.d.ts

@@ -23,6 +23,15 @@ export declare function effectivePanelPositions(state: State, liveSettings: Sett
 export declare function resolveAgentSwarmPanelVisibility(settingsOpen: boolean, pickerValue: AgentSwarmPanelMode, persistedValue: AgentSwarmPanelMode | undefined): AgentSwarmPanelMode;
 /** {@link resolveAgentSwarmPanelVisibility} bound to app state + live settings. */
 export declare function effectiveAgentSwarmPanelMode(state: State, liveSettings: Settings | undefined): AgentSwarmPanelMode;
+/**
+ * Pure dual-source read for the right-sidebar master switch: the picker
+ * draft wins while the settings picker is open, the persisted value
+ * (defaulting to true) otherwise. Boolean mirror of {@link
+ * resolveAgentSwarmPanelVisibility}.
+ */
+export declare function resolveShowSidebarVisibility(settingsOpen: boolean, pickerValue: boolean, persistedValue: boolean | undefined): boolean;
+/** {@link resolveShowSidebarVisibility} bound to app state + live settings. */
+export declare function effectiveShowSidebar(state: State, liveSettings: Settings | undefined): boolean;
 /**
  * Open flags for each routable panel — which twins are candidates for a
  * sidebar slot. Shared by the dispatcher and the renderer so the

package/dist/components/settings-picker.d.ts

@@ -70,6 +70,8 @@ export interface SettingsPickerProps {
      * this toggle controls only the sidebar mission queue. Default: 'bottom'.
      */
     showAgentSwarmPanel: import('../app-settings-type.js').AgentSwarmPanelMode;
+    /** Right sidebar master toggle. */
+    showSidebar?: boolean | undefined;
     /** Show SAGE Memory Inject blocks in tool results. Default: false. */
     showSageMemoryInject: boolean;
     /** Minimum relation strength for SAGE memory injection. Default: 0.85. */
@@ -133,5 +135,5 @@ export interface SettingsPickerProps {
         fieldRowIndex: readonly number[];
     }) => void) | undefined;
 }
-export declare function SettingsPicker({ field, filter, mode, delayMs, titleAnimation, yolo, fleetChat, chime, confirmExit, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, tokenSavingTier, allowOutsideProjectRoot, maxIterations, autoProceedMaxIterations, enhanceDelayMs, enhanceEnabled, enhanceLanguage, preRefineSeconds, indexOnStart, multiDiffSummaryThreshold, thinkingWord, thinkingWordEditing, thinkingWordDraft, wrongProxyUrlEditing, wrongProxyUrlDraft, reasoningMode, reasoningEffort, reasoningPreserve, cacheTtl, contextAutoCompact, contextStrategy, contextMode, maxConcurrent, logLevel, auditLevel, debugStream, statuslineMode, configScope, profileConfigPath, animationStyle, breakerEnabled, breakerAutoKillResetMs, showModelReasoning, showAgentSwarmPanel, showSageMemoryInject, sageMemoryInjectThreshold, nextStepsTool, readSymbols, panelPositions, wrongProxyEnabled, wrongProxyUrl, inputHeight, hint, onLayoutComputed, }: SettingsPickerProps): React.ReactElement;
+export declare function SettingsPicker({ field, filter, mode, delayMs, titleAnimation, yolo, fleetChat, chime, confirmExit, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, tokenSavingTier, allowOutsideProjectRoot, maxIterations, autoProceedMaxIterations, enhanceDelayMs, enhanceEnabled, enhanceLanguage, preRefineSeconds, indexOnStart, multiDiffSummaryThreshold, thinkingWord, thinkingWordEditing, thinkingWordDraft, wrongProxyUrlEditing, wrongProxyUrlDraft, reasoningMode, reasoningEffort, reasoningPreserve, cacheTtl, contextAutoCompact, contextStrategy, contextMode, maxConcurrent, logLevel, auditLevel, debugStream, statuslineMode, configScope, profileConfigPath, animationStyle, breakerEnabled, breakerAutoKillResetMs, showModelReasoning, showAgentSwarmPanel, showSidebar, showSageMemoryInject, sageMemoryInjectThreshold, nextStepsTool, readSymbols, panelPositions, wrongProxyEnabled, wrongProxyUrl, inputHeight, hint, onLayoutComputed, }: SettingsPickerProps): React.ReactElement;
 //# sourceMappingURL=settings-picker.d.ts.map

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(
@@ -17873,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();
@@ -17904,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) {
@@ -18119,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;
@@ -18221,7 +18644,7 @@ var SETTINGS_SECTIONS = [
   },
   {
     name: "Display",
-    fields: [39, 40, 41, 43, 44]
+    fields: [39, 40, 41, 43, 44, 61]
   },
   {
     name: "Panels",
@@ -18313,7 +18736,8 @@ var SETTINGS_DEFAULTS = Object.freeze({
   // 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:3444"
+  wrongProxyUrl: "http://localhost:3444",
+  showSidebar: true
 });
 function resetSettingsFieldValue(field) {
   const result = getSettingsFieldValue(SETTINGS_DEFAULTS, field);
@@ -18376,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) {
@@ -18526,6 +18954,7 @@ function SettingsPicker({
   breakerAutoKillResetMs,
   showModelReasoning,
   showAgentSwarmPanel,
+  showSidebar,
   showSageMemoryInject,
   sageMemoryInjectThreshold,
   nextStepsTool,
@@ -18825,6 +19254,11 @@ function SettingsPicker({
       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 = [];
@@ -20164,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,
@@ -32688,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.
@@ -32777,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 },
@@ -35095,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,
@@ -35626,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];
@@ -36392,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({
@@ -36408,6 +36862,7 @@ function useAppSessionState(options) {
       autonomyAgents: options.autonomyAgents,
       restoredEntries,
       restoredCheckpoints,
+      initialContextSnapshot,
       enhanceEnabled: options.enhanceEnabled,
       initialAgentsMonitorOpen: options.initialAgentsMonitorOpen,
       initialFleetChat: options.initialFleetChat
@@ -42637,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;
@@ -42855,6 +43321,7 @@ function useProviderEventBridge({
       offRetry();
       offProvErr();
       offFallback();
+      offModelSwitched();
       offFallbackPending();
       offProvResp();
       offConfirmNeeded();
@@ -43354,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,
@@ -43413,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,
@@ -45625,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",

package/dist/settings-contracts.d.ts

@@ -65,6 +65,7 @@ export type SettingsPickerPatch = Partial<{
     breakerAutoKillResetMs: number;
     showModelReasoning: boolean;
     showAgentSwarmPanel: AgentSwarmPanelMode;
+    showSidebar: boolean;
     /**
      * Per-panel position map (one entry per F-key panel id). Each value is
      * 'bottom' (F-key behavior) or 'sidebar' (right-sidebar twin). Callers

package/dist/ui-contracts.d.ts

@@ -72,8 +72,8 @@ export type PanelPosition = 'bottom' | 'sidebar';
 export declare const PANEL_IDS: readonly ["projectPicker", "fleet", "agents", "worktree", "plan", "todos", "queue", "processList", "goal", "sessions", "coordinator", "kanban", "connections"];
 export type PanelId = (typeof PANEL_IDS)[number];
 /** Total field count = legacy 46 + per-panel positions + the two
- *  WrongProxy / WrongTrace fields (master switch + URL). Derived at
- *  runtime from `PANEL_IDS.length` + 2 to keep the surface in sync. */
+ *  WrongProxy / WrongTrace fields (master switch + URL) + showSidebar.
+ *  Derived at runtime from `PANEL_IDS.length` + 3 to keep the surface in sync. */
 export declare const TOTAL_SETTINGS_FIELD_COUNT: number;
 /** Map of every tracked panel → its current placement. */
 export type PanelPositionMap = Readonly<Record<PanelId, PanelPosition>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrongstack/tui",
-  "version": "0.313.0",
+  "version": "0.313.1",
   "license": "MIT",
   "description": "WrongStack terminal UI: Ink-based interactive renderer with history, pickers, and slash menus.",
   "repository": {
@@ -30,12 +30,12 @@
     "react": "^19.2.8",
     "string-width": "8.2.2",
     "wrap-ansi": "^10.0.1",
-    "@wrongstack/sage": "0.313.0",
-    "@wrongstack/core": "0.313.0",
-    "@wrongstack/runtime": "0.313.0",
-    "@wrongstack/tools": "0.313.0",
-    "@wrongstack/kanban": "0.313.0",
-    "@wrongstack/sdd": "0.313.0"
+    "@wrongstack/kanban": "0.313.1",
+    "@wrongstack/sage": "0.313.1",
+    "@wrongstack/core": "0.313.1",
+    "@wrongstack/runtime": "0.313.1",
+    "@wrongstack/tools": "0.313.1",
+    "@wrongstack/sdd": "0.313.1"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",