mixdog 0.9.4 → 0.9.6

package/src/tui/App.jsx

@@ -218,6 +218,7 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   const [tuiReady, setTuiReady] = useState(false);
   const exitRequestedRef = useRef(false);
   const [resizeState, setResizeState] = useState(() => ({ ...terminalSize(stdout), epoch: 0 }));
+  const [panelTransitionEpoch, setPanelTransitionEpoch] = useState(0);
   // Windows Terminal/conhost scrolls the alt-screen (auto-wrap/DECAWM) when the
   // bottom-right cell is written. WT_SESSION is also set when the UI runs under
   // a Unix-ish shell hosted by Windows Terminal, where process.platform is not
@@ -477,6 +478,11 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   const [slashIndex, setSlashIndex] = useState(0);
   const [slashDismissedFor, setSlashDismissedFor] = useState('');
   const slashPaletteRef = useRef({ open: false, count: 0 });
+  // Holding Tab can generate key-repeat faster than a workflow switch can
+  // settle. Without a prompt-local guard every repeat starts (or rejects) an
+  // async switch and pushes a toast, producing a rapid bottom-layout repaint
+  // storm that can visually tear the prompt box in Windows Terminal.
+  const workflowTabCycleRef = useRef({ pending: false, lastAt: 0 });
   const scrollFocusRef = useRef({});
   const onboardingStartedRef = useRef(false);
   const onboardingRef = useRef({ defaultRoute: null, searchRoute: null, agentRoutes: {}, agents: [], providerModels: [] });
@@ -671,6 +677,7 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   // extendSelection). Null ⇔ ordinary char-drag selection.
   const dragRef = useRef({ anchor: null, anchorScroll: 0, last: null, active: false, rect: null, region: null, anchorSpan: null });
   const transcriptViewportRef = useRef({ top: 0, bottom: 0 });
+  const panelTransitionRef = useRef({ signature: '', reserve: 0, clearRows: 0, guardRows: 0, epoch: 0 });
   // [mixdog] Latest terminal row count + the statusline band (bottom rows),
   // refreshed each render. The mouse handler uses these to (a) clip a status-bar
   // grid selection to the statusline rows and (b) route a press to the right
@@ -1249,10 +1256,22 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
       toggleExpand();
       return;
     }
+    const rawShiftUp = input === '\x1b[1;2A' || input === '\x1b[a' || input === '[1;2A';
+    const rawShiftDown = input === '\x1b[1;2B' || input === '\x1b[b' || input === '[1;2B';
+    const rawShiftRight = input === '\x1b[1;2C' || input === '\x1b[c' || input === '[1;2C';
+    const rawShiftLeft = input === '\x1b[1;2D' || input === '\x1b[d' || input === '[1;2D';
+    const rawCtrlShiftUp = input === '\x1b[1;6A' || input === '[1;6A';
+    const rawCtrlShiftDown = input === '\x1b[1;6B' || input === '[1;6B';
+    const rawCtrlShiftRight = input === '\x1b[1;6C' || input === '[1;6C';
+    const rawCtrlShiftLeft = input === '\x1b[1;6D' || input === '[1;6D';
+    const rawModifiedShiftArrow = rawShiftUp || rawShiftDown || rawShiftLeft || rawShiftRight
+      || rawCtrlShiftUp || rawCtrlShiftDown || rawCtrlShiftLeft || rawCtrlShiftRight;
     if (
       !picker
-      && key.shift
-      && (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow || key.home || key.end)
+      && (
+        (key.shift && (key.leftArrow || key.rightArrow || key.upArrow || key.downArrow || key.home || key.end))
+        || rawModifiedShiftArrow
+      )
     ) {
       // Consume the chord whenever a transcript/status ink-grid selection is
       // live — even if the focus clamps at an edge (moveSelectionFocus returns
@@ -1260,10 +1279,10 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
       // shared gridSelectionActiveRef predicate, so there is no double-handling.
       // When no grid selection is live, fall through to PromptInput.
       let move = null;
-      if (key.leftArrow) move = 'left';
-      else if (key.rightArrow) move = 'right';
-      else if (key.upArrow) move = 'up';
-      else if (key.downArrow) move = 'down';
+      if (key.leftArrow || rawShiftLeft || rawCtrlShiftLeft) move = 'left';
+      else if (key.rightArrow || rawShiftRight || rawCtrlShiftRight) move = 'right';
+      else if (key.upArrow || rawShiftUp || rawCtrlShiftUp) move = 'up';
+      else if (key.downArrow || rawShiftDown || rawCtrlShiftDown) move = 'down';
       else if (key.home) move = 'lineStart';
       else if (key.end) move = 'lineEnd';
       if (move && gridSelectionActiveRef.current()) {
@@ -1733,21 +1752,13 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
         }
         const parts = commandText.split('|').map((part) => part.trim());
         if (channelPrompt.kind === 'channel-add') {
-          // ID-only input: everything else defaults to the main interactive
-          // channel. Legacy `name | id | mode | main` pipe input still parses
-          // so nothing breaks, but the UI only asks for the ID.
-          const [first, pipeId, mode, mainFlag] = parts;
+          // Single-channel: the UI asks only for the channel id. Legacy
+          // `name | id | ...` pipe input still parses (the id is the second
+          // field) so old muscle memory does not break.
           const isPipe = parts.length > 1;
-          const name = isPipe ? first : 'main';
-          const channelId = isPipe ? pipeId : first;
-          const main = !isPipe
-            || String(mainFlag || '').toLowerCase() === 'main'
-            || String(name || '').toLowerCase() === 'main';
-          store.saveChannel({
-            name,
+          const channelId = isPipe ? parts[1] : parts[0];
+          store.setChannel({
             channelId,
-            mode: isPipe ? mode : 'interactive',
-            main,
             backend: channelPrompt.backend,
           });
           resumeAfterChannelPrompt(channelPrompt);
@@ -1876,6 +1887,25 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
           void openSettingsPicker();
           return true;
         }
+        if (settingsPrompt.kind === 'autoclear-provider') {
+          const provider = String(settingsPrompt.provider || '').trim();
+          if (!provider) {
+            store.pushNotice('auto-clear provider is missing', 'warn');
+            return false;
+          }
+          const text = String(commandText || '').trim();
+          try {
+            if (text) store.setAutoClear?.({ provider, duration: text });
+            else store.setAutoClear?.({ provider, resetProvider: true });
+            store.pushNotice(text ? `Auto-clear ${provider} default set to ${text}` : `Auto-clear ${provider} default reset`, 'info');
+          } catch (e) {
+            store.pushNotice(`autoclear failed: ${e?.message || e}`, 'error');
+            return false;
+          }
+          setSettingsPrompt(null);
+          openAutoClearPicker({ advanced: true, returnTo: settingsPrompt.returnTo });
+          return true;
+        }
         if (settingsPrompt.kind === 'profile-title') {
           try {
             store.setProfile?.({ title: commandText });
@@ -2165,6 +2195,8 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
       openProjectPicker();
     } else if (kind === 'core-add' || kind === 'core-edit' || kind === 'core-delete-confirm') {
       openMemoryCorePicker();
+    } else if (kind === 'autoclear-provider') {
+      openAutoClearPicker({ advanced: true, returnTo: settingsPrompt?.returnTo });
     }
   }, [settingsPrompt, showPromptHint]);
 
@@ -2345,6 +2377,7 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   const hasTextEntryPrompt = !!textEntryPrompt;
   const hasFloatingPanel = !!(toolApproval || picker || contextPanel || usagePanel || slashPaletteOpen || hasTextEntryPrompt);
   const expandedOptionPanel = !!(toolApproval || picker || contextPanel || usagePanel || hasTextEntryPrompt);
+  const bootSettling = !tuiReady && state.items.length === 0 && !hasFloatingPanel;
   // Project selection (initial-entry experience) keeps the welcome banner
   // visible above the picker / path-entry prompt, unlike other floating panels.
   const projectSelectionActive = picker?.kind === 'project'
@@ -2353,10 +2386,15 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
     || settingsPrompt?.kind === 'project-rename';
   // Slash search floats above the normal prompt. Actual option panels own the
   // prompt/status area, so they hide those rows and expand into that space.
-  const inputBoxHidden = expandedOptionPanel;
+  const inputBoxHidden = expandedOptionPanel || bootSettling;
   const showWelcomeBanner = (state.items.length === 0 && !hasFloatingPanel) || projectSelectionActive || onboardingActive;
   const WELCOME_ROWS = showWelcomeBanner ? 11 : 0;
   const liveSpinner = state.spinner?.active ? state.spinner : (state.commandStatus?.active ? state.commandStatus : null);
+  // Command-status spinner (auto-clear/compact/etc.) is NOT part of the
+  // spinner → TurnDone handoff: it typically starts while the transcript tail
+  // is already a done row (idle session), so the done-at-tail suppression
+  // below must never hide it — that read as a frozen UI during auto-clear.
+  const liveSpinnerIsCommand = !state.spinner?.active && !!state.commandStatus?.active;
   const latestToast = state.toasts?.length ? state.toasts[state.toasts.length - 1] : null;
   const toastHint = latestToast ? latestToast.text : '';
   const progressHint = state.progressHint || null;
@@ -2464,14 +2502,48 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   const pickerVisibleRows = picker
     ? Math.max(1, floatingPanelRows - PICKER_CHROME_ROWS)
     : PANEL_MAX_VISIBLE;
-  const bottomReserve = baseReserve + floatingPanelRows;
+  const rawBottomReserve = baseReserve + floatingPanelRows;
+  const bottomClusterRows = INPUT_BOX_ROWS + STATUSLINE_ROWS + queuedRows + floatingPanelRows;
+  const panelLayoutSignature = [
+    toolApproval ? 'tool' : '',
+    picker ? `picker:${picker.kind || ''}:${picker.fillAvailable ? 'fill' : 'fit'}` : '',
+    contextPanel ? 'context' : '',
+    usagePanel ? 'usage' : '',
+    slashPaletteOpen ? 'slash' : '',
+    hasTextEntryPrompt ? `text:${textEntryPrompt?.kind || ''}` : '',
+    inputBoxHidden ? 'input-hidden' : 'input-visible',
+    floatingPanelRows,
+    promptBoxRows,
+    promptMetaRows,
+    queuedRows,
+    WELCOME_ROWS,
+  ].join('|');
+  const panelTransition = panelTransitionRef.current;
+  const panelLayoutChanged = Boolean(panelTransition.signature && panelTransition.signature !== panelLayoutSignature);
+  let panelTransitionClearRows = 0;
+  let panelTransitionGuardRows = 0;
+  if (panelLayoutChanged) {
+    // When a tall floating panel closes, Ink may expand the transcript into rows
+    // that still contain panel ink from the previous frame. Keep those rows blank
+    // for exactly one commit, then let the transcript claim them on the next tick.
+    panelTransitionClearRows = Math.max(0, panelTransition.reserve - bottomClusterRows);
+    panelTransitionGuardRows = panelTransitionClearRows > 0 ? 1 : 0;
+    panelTransition.clearRows = panelTransitionClearRows;
+    panelTransition.guardRows = panelTransitionGuardRows;
+    panelTransition.epoch = panelTransitionEpoch;
+  } else if (panelTransition.epoch === panelTransitionEpoch) {
+    panelTransitionClearRows = panelTransition.clearRows || 0;
+    panelTransitionGuardRows = panelTransition.guardRows || 0;
+  }
+  const bottomReserve = rawBottomReserve + panelTransitionClearRows;
   const viewportHeight = Math.max(1, resizeState.rows - bottomReserve);
   // Keep one physical row between the transcript clip and the bottom cluster
   // even when pinned to the live tail. Windows Terminal/conhost can still
   // surface one clipped/off-by-one transcript row below the statusline during
   // rapid tool-card updates; a permanent guard row makes that row blank instead
   // of a tool header/detail.
-  const baseGuardRows = viewportHeight > 1 ? 1 : 0;
+  const guardCapacityRows = Math.max(0, viewportHeight - 1);
+  const baseGuardRows = guardCapacityRows > 0 ? 1 : 0;
   // ── Scroll-time overprint guard ───────────────────────────────────────────
   // Wheel/manual scroll pushes the transcript column DOWN via a negative
   // marginBottom (see the viewport render). Under conhost/Windows Terminal the
@@ -2483,7 +2555,7 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   // viewport is genuinely scrolled up. The extra blank row absorbs the stray
   // paint instead of the statusline. Requires a viewport tall enough to spare
   // the row, and never shrinks below the base guard.
-  const transcriptGuardRows = baseGuardRows;
+  const transcriptGuardRows = Math.min(guardCapacityRows, baseGuardRows + panelTransitionGuardRows);
   const transcriptContentHeight = Math.max(1, viewportHeight - transcriptGuardRows);
   // Bottom-follow / pin semantics must NOT widen with the scroll-time guard, or
   // the "pinned to tail" threshold would drift and streaming could freeze a row
@@ -2538,6 +2610,17 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
     && !inputHint
   );
   welcomePromptHintVisibleRef.current = welcomePromptHintVisible;
+  useEffect(() => {
+    const transition = panelTransitionRef.current;
+    const hadTransitionClearance = panelTransitionClearRows > 0 || panelTransitionGuardRows > 0;
+    transition.signature = panelLayoutSignature;
+    transition.reserve = bottomClusterRows;
+    transition.clearRows = 0;
+    transition.guardRows = 0;
+    if (!hadTransitionClearance) return undefined;
+    const timer = setTimeout(() => setPanelTransitionEpoch((epoch) => epoch + 1), 0);
+    return () => clearTimeout(timer);
+  }, [panelLayoutSignature, bottomClusterRows, panelTransitionClearRows, panelTransitionGuardRows]);
   // Row-index/window memo chain + measured-height harvest + anchor lock:
   // extracted to app/use-transcript-window.mjs.
   const {
@@ -2578,6 +2661,14 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
   });
   const cycleWorkflowFromPrompt = useCallback(() => {
     if (slashPaletteOpen || toolApproval || picker || settingsPrompt || providerPrompt || channelPrompt || hookPrompt || contextPanel || usagePanel) return true;
+    const repeatGuardMs = 300;
+    const cycleGuard = workflowTabCycleRef.current;
+    const now = Date.now();
+    if (state.commandBusy || cycleGuard.pending || now - cycleGuard.lastAt < repeatGuardMs) {
+      cycleGuard.lastAt = now;
+      return true;
+    }
+    cycleGuard.lastAt = now;
     let workflows = [];
     try {
       workflows = store.listWorkflows?.() || [];
@@ -2597,17 +2688,22 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
     const activeIndex = workflows.findIndex((item) => item.active);
     const currentIndex = activeIndex >= 0 ? activeIndex : Math.max(0, workflows.findIndex((item) => item.id === workflow.id));
     const next = workflows[(currentIndex + 1 + workflows.length) % workflows.length];
-    void store.setWorkflow?.(next.id)
+    cycleGuard.pending = true;
+    void Promise.resolve()
+      .then(() => store.setWorkflow?.(next.id))
       .then((result) => {
         if (!result) {
-          store.pushNotice('Workflow switch is already running.', 'warn');
           return;
         }
-        store.pushNotice(workflowSwitchNotice(result), 'info');
+        store.pushNotice(workflowSwitchNotice(result), 'info', { ttlMs: 1200 });
       })
-      .catch((e) => store.pushNotice(`Couldn’t switch workflow: ${e?.message || e}`, 'error'));
+      .catch((e) => store.pushNotice(`Couldn’t switch workflow: ${e?.message || e}`, 'error'))
+      .finally(() => {
+        cycleGuard.pending = false;
+        cycleGuard.lastAt = Date.now();
+      });
     return true;
-  }, [slashPaletteOpen, toolApproval, picker, settingsPrompt, providerPrompt, channelPrompt, hookPrompt, contextPanel, usagePanel, state.workflow, store]);
+  }, [slashPaletteOpen, toolApproval, picker, settingsPrompt, providerPrompt, channelPrompt, hookPrompt, contextPanel, usagePanel, state.commandBusy, state.workflow, store]);
   // The hardware/IME caret is parked by PromptInput from its OWN measured box
   // position (ink useCursor + useBoxMetrics) — correct now that the transcript
   // is a live column, so the live-frame line count ink relies on is accurate.
@@ -2783,6 +2879,9 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
           can move; overflow is clipped from the top while the panel remains
           bottom-aligned against the prompt. */}
       <Box flexDirection="column" flexShrink={0} width="100%" backgroundColor={surfaceBackground()}>
+        {panelTransitionClearRows > 0 ? (
+          <Box height={panelTransitionClearRows} flexShrink={0} width="100%" overflow="hidden" backgroundColor={surfaceBackground()} />
+        ) : null}
         {floatingPanelRows > 0 ? (
           <Box flexDirection="column" flexShrink={0} height={floatingPanelRows} overflow="hidden" justifyContent="flex-end" backgroundColor={surfaceBackground()}>
             {toolApproval ? (
@@ -2948,6 +3047,8 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
                 initialValue={settingsPrompt.initialValue || ''}
                 actionLabel={settingsPrompt.kind === 'skill-use'
                   ? 'run'
+                  : settingsPrompt.kind === 'autoclear-provider'
+                    ? 'save'
                   : settingsPrompt.kind === 'project-new'
                     ? 'open'
                     : settingsPrompt.kind === 'project-create-confirm'
@@ -2963,6 +3064,8 @@ export function App({ store, initialStatusLine = '', forceOnboarding = false })
                         : 'save'}
                 promptLabel={settingsPrompt.kind === 'skill-use'
                   ? 'Command > '
+                  : settingsPrompt.kind === 'autoclear-provider'
+                    ? 'Duration > '
                   : settingsPrompt.kind === 'project-new'
                     ? 'Path > '
                     : settingsPrompt.kind === 'project-create-confirm'

package/src/tui/app/app-format.mjs

@@ -45,11 +45,11 @@ export function workflowDisplayName(workflow = {}) {
 }
 
 export function workflowSwitchNotice(workflow = {}) {
-  return 'Workflow updated · new sessions';
+  return 'Workflow saved · new sessions';
 }
 
 export function modelSwitchNotice() {
-  return 'Model updated · new sessions';
+  return 'Model saved · new sessions';
 }
 
 export function compactJson(value, max = 180) {
@@ -122,13 +122,20 @@ export function formatSessionMessageCount(count) {
 export function fitLine(value, columns, reserve = 4) {
   const text = String(value || '');
   const width = Math.max(1, Number(columns || 80) - reserve);
-  return text.length > width ? `${text.slice(0, Math.max(1, width - 1))}…` : text;
+  if (stringWidth(text) <= width) return text;
+  if (width <= 1) return '…'.repeat(Math.max(0, width));
+  let out = '';
+  for (const ch of text) {
+    if (stringWidth(`${out}${ch}…`) > width) break;
+    out += ch;
+  }
+  return `${out}…`;
 }
 
 export function centerLine(value, columns, reserve = 0) {
   const text = fitLine(value, columns, reserve);
   const width = Math.max(1, Number(columns || 80) - reserve);
-  const pad = Math.max(0, Math.floor((width - text.length) / 2));
+  const pad = Math.max(0, Math.floor((width - stringWidth(text)) / 2));
   return `${' '.repeat(pad)}${text}`;
 }
 

package/src/tui/app/channel-pickers.mjs

@@ -40,8 +40,7 @@ export function createChannelPickers({
     const tokenDescription = isTelegram
       ? `${setup.telegram?.status ?? 'Off'}${setup.telegram?.problem ? ' · Invalid' : ''}`
       : `${setup.discord.status}${setup.discord.problem ? ' · Invalid' : ''}`;
-    const mainEntry = (setup.channels || []).find((ch) => ch.main)
-      || (setup.channels || []).find((ch) => ch.name === 'main');
+    const mainEntry = setup.channel || {};
     const mainTarget = isTelegram
       ? (mainEntry?.telegramChatId || (activeBackend === 'telegram' ? mainEntry?.channelId : ''))
       : (mainEntry?.discordChannelId || (activeBackend === 'discord' ? mainEntry?.channelId : ''));
@@ -133,8 +132,7 @@ export function createChannelPickers({
       return;
     }
     const activeBackend = setup.backend || 'discord';
-    const mainEntry = (setup.channels || []).find((ch) => ch.main)
-      || (setup.channels || []).find((ch) => ch.name === 'main');
+    const mainEntry = setup.channel || {};
     const typeDescription = (backend) => {
       const selected = activeBackend === backend;
       const hasToken = backend === 'telegram'

package/src/tui/app/maintenance-pickers.mjs

@@ -140,14 +140,13 @@ export function createMaintenancePickers({
     // Lead BP4 messages cache TTL follows autoClear (cache-strategy.mjs
     // resolveLeadMessagesTtl): off or idle>=1h -> 1h, shorter idle -> 5m.
     const HOUR_MS = 60 * 60 * 1000;
-    const IDLE_WINDOWS = [
-      { value: '5m', label: '5m', ms: 5 * 60 * 1000 },
-      { value: '10m', label: '10m', ms: 10 * 60 * 1000 },
-      { value: '30m', label: '30m', ms: 30 * 60 * 1000 },
-      { value: '1h', label: '1h', ms: HOUR_MS },
-      { value: '6h', label: '6h', ms: 6 * HOUR_MS },
-      { value: '24h', label: '24h', ms: 24 * HOUR_MS },
-    ];
+    const formatDurationInput = (ms) => {
+      const value = Math.max(0, Math.round(Number(ms) || 0));
+      if (value > 0 && value % HOUR_MS === 0) return `${value / HOUR_MS}h`;
+      if (value > 0 && value % 60_000 === 0) return `${value / 60_000}m`;
+      if (value > 0 && value % 1000 === 0) return `${value / 1000}s`;
+      return `${value}ms`;
+    };
     const readCurrent = () => {
       try { return store.getAutoClear?.() || null; } catch { return null; }
     };
@@ -164,6 +163,49 @@ export function createMaintenancePickers({
       }
       render();
     };
+    const openProviderDurationEditor = (entry) => {
+      if (!entry?.provider) return;
+      setPicker(null);
+      setSettingsPrompt({
+        kind: 'autoclear-provider',
+        label: `Auto-clear · ${entry.provider}`,
+        hint: `Type a duration like 10m, 1h, or 24h. Empty resets to built-in ${formatDurationInput(entry.builtInMs)}.`,
+        initialValue: formatDurationInput(entry.idleMs),
+        provider: entry.provider,
+        builtInMs: entry.builtInMs,
+        returnTo,
+      });
+    };
+    const renderAdvanced = () => {
+      const current = readCurrent();
+      const provider = current?.provider || 'default';
+      const providerDefaults = Array.isArray(current?.providerDefaults) ? current.providerDefaults : [];
+      const items = providerDefaults.map((entry) => ({
+        value: `provider:${entry.provider}`,
+        label: entry.provider,
+        marker: entry.provider === provider ? '✓' : '',
+        markerColor: theme.success,
+        meta: `${formatDuration(entry.idleMs)}${entry.custom ? ' custom' : ''}`,
+        description: `Default idle window for ${entry.provider}. Enter to edit as text.`,
+        _action: 'provider-default',
+        _entry: entry,
+      }));
+      setPicker({
+        title: 'Auto-clear · Advanced',
+        description: 'Provider default idle windows. Enter edits the duration text.',
+        help: '↑/↓ Select · Enter Edit · Esc Back',
+        indexMode: 'always',
+        labelWidth: 18,
+        metaWidth: 18,
+        items,
+        onSelect: (_value, item) => {
+          if (item?._action === 'provider-default') openProviderDurationEditor(item._entry);
+        },
+        onCancel: () => {
+          render();
+        },
+      });
+    };
     const render = () => {
       const current = readCurrent();
       const enabled = current?.enabled !== false;
@@ -182,28 +224,19 @@ export function createMaintenancePickers({
           _action: 'toggle',
         },
         {
-          value: 'default',
-          label: 'Default',
+          value: 'advanced',
+          label: 'Advanced',
           marker: !custom ? '✓' : '',
           markerColor: theme.success,
-          meta: `Provider default · ${formatDuration(providerDefault)}`,
-          description: `Uses the ${current?.provider || 'current'} provider default idle window.`,
-          _action: 'default',
+          meta: `${current?.provider || 'current'} · ${formatDuration(providerDefault)}`,
+          description: 'Edit provider-paired default idle windows as text.',
+          _action: 'advanced',
         },
-        ...IDLE_WINDOWS.map((win) => ({
-          value: win.value,
-          label: win.label,
-          marker: custom && idleMs === win.ms ? '✓' : '',
-          markerColor: theme.success,
-          description: `Clear idle sessions after ${win.label}.`,
-          _action: 'window',
-          _idleMs: win.ms,
-        })),
       ];
       setPicker({
         title: 'Auto-clear',
         description: `Clear idle context after ${enabled ? formatDuration(idleMs) : 'never'} · lead cache TTL ${cacheTtlLabel}.`,
-        help: '↑/↓ Select · ←/→ Toggle On/Off · Enter Apply · Esc Close',
+        help: '↑/↓ Select · ←/→ Toggle On/Off · Enter Open/Toggle · Esc Close',
         indexMode: 'always',
         labelWidth: 10,
         items,
@@ -216,10 +249,8 @@ export function createMaintenancePickers({
         onSelect: (_value, item) => {
           if (item?._action === 'toggle') {
             applyAutoClear({ enabled: !enabled });
-          } else if (item?._action === 'default') {
-            applyAutoClear({ reset: true });
-          } else if (item?._action === 'window') {
-            applyAutoClear({ enabled: true, idleMs: item._idleMs });
+          } else if (item?._action === 'advanced') {
+            renderAdvanced();
           }
         },
         onCancel: () => {
@@ -234,7 +265,8 @@ export function createMaintenancePickers({
     setSettingsPrompt(null);
     setContextPanel(null);
     closeUsagePanel();
-    render();
+    if (options.advanced === true) renderAdvanced();
+    else render();
   };
 
   const openProfilePicker = (options = {}) => {

package/src/tui/app/model-options.mjs

@@ -90,6 +90,7 @@ export const modelFamily = (m) => {
 export const modelContextWindow = (m) => {
   const raw = Number(m?.contextWindow);
   const n = Number.isFinite(raw) && raw > 0 ? raw : 0;
+  if (n > 0) return n;
   const provider = String(m?.provider || '').toLowerCase();
   const id = String(m?.id || '').toLowerCase();
   const version = parsedModelVersion(id);
@@ -105,7 +106,10 @@ export const formatContextWindow = (tokens) => {
   if (!Number.isFinite(n) || n <= 0) return '';
   if (n >= 1_000_000) {
     const m = n / 1_000_000;
-    return `${Number.isInteger(m) ? m.toFixed(0) : m.toFixed(1)}M Context`;
+    const label = Number.isInteger(m)
+      ? m.toFixed(0)
+      : m.toFixed(3).replace(/0+$/, '').replace(/\.$/, '');
+    return `${label}M Context`;
   }
   return `${Math.round(n / 1000)}k Context`;
 };

package/src/tui/app/settings-picker.mjs

@@ -441,7 +441,6 @@ export function createSettingsPicker({
         else if (item?._action === 'workflow') cycleWorkflow(1);
       },
       onSelect: (_value, item) => {
-        setPicker(null);
         if (item._action === 'autoclear') openAutoClearPicker({ returnTo: openSettingsPicker });
         else if (item._action === 'profile') openProfilePicker({ returnTo: openSettingsPicker });
         else if (item._action === 'autocompact') applyCompaction({ auto: !(compaction.auto !== false) });

package/src/tui/app/transcript-window.mjs

@@ -562,14 +562,20 @@ function estimateTranscriptItemRowsCached(item, columns, toolOutputExpanded) {
   return rows;
 }
 
-export function buildTranscriptRowIndex(items, { columns = 80, toolOutputExpanded = false } = {}) {
+export function buildTranscriptRowIndex(items, {
+  columns = 80,
+  toolOutputExpanded = false,
+  suppressMeasuredRowHeights = false,
+} = {}) {
   const allItems = Array.isArray(items) ? items : [];
   const rows = new Array(allItems.length);
   const prefixRows = new Array(allItems.length + 1);
   prefixRows[0] = 0;
   for (let i = 0; i < allItems.length; i++) {
     const item = allItems[i];
-    const measured = measuredTranscriptRows(item, columns, toolOutputExpanded);
+    const measured = suppressMeasuredRowHeights
+      ? null
+      : measuredTranscriptRows(item, columns, toolOutputExpanded);
     const rowCount = measured != null
       ? measured
       : estimateTranscriptItemRowsCached(item, columns, toolOutputExpanded);

package/src/tui/app/use-transcript-scroll.mjs

@@ -430,7 +430,9 @@ export function useTranscriptScroll({
           // top edge, App.jsx ~3060) instead of clamping the selection in
           // place, then extend the focus onto the newly revealed top row.
           const beforeTarget = scrollTargetRef.current;
-          scrollTranscriptRows(1);
+          const slack = Math.max(0, Number(transcriptBottomSlackRowsRef.current) || 0);
+          const deltaRows = beforeTarget <= slack ? (slack + 1 - beforeTarget) : 1;
+          scrollTranscriptRows(deltaRows);
           if (scrollTargetRef.current !== beforeTarget) {
             scrolledEdge = true;
             // scrollTranscriptRows REPLACES dragRef.current with a shifted

package/src/tui/app/use-transcript-window.mjs

@@ -122,11 +122,27 @@ export function useTranscriptWindow({
     () => transcriptStructureSignature(items, frameColumns, toolOutputExpanded),
     [items, frameColumns, toolOutputExpanded],
   );
+  const transcriptStreamingActive = (items || []).some(
+    (item) => item?.kind === 'assistant' && item?.streaming,
+  );
+  const scrolledUpRowsForPin = Math.max(0, Number(scrollTargetRef.current) || 0);
+  const transcriptPinnedForStreaming = followingRef.current
+    || scrolledUpRowsForPin <= transcriptBottomSlackRows;
+  const scrolledUpForStreamingMeasure = scrolledUpRowsForPin > transcriptBottomSlackRows;
+  const prevEstimateGeometry = transcriptGeomRef.current?.suppressMeasuredRowHeights === true;
+  const hasStreamingReadingAnchor = !!transcriptAnchorRef.current
+    || transcriptAnchorDirtyRef.current;
+  const suppressMeasuredRowHeights = transcriptStreamingActive && (
+    transcriptPinnedForStreaming
+    || (scrolledUpForStreamingMeasure && hasStreamingReadingAnchor)
+    || (scrolledUpForStreamingMeasure && prevEstimateGeometry && !transcriptPinnedForStreaming)
+  );
   const transcriptRowIndex = useMemo(() => buildTranscriptRowIndex(items, {
     columns: frameColumns,
     toolOutputExpanded,
+    suppressMeasuredRowHeights,
   // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: sig captures the relevant item changes; measuredRowsVersion folds in app-level measured height corrections
-  }), [transcriptStructureSig, measuredRowsVersion]);
+  }), [transcriptStructureSig, measuredRowsVersion, suppressMeasuredRowHeights]);
   // ── Same-frame anchor lock ───────────────────────────────────────────────
   // While the user reads older transcript (anchor captured, not dirty), resolve
   // the scroll offset that keeps the anchored viewport-top row fixed for THIS
@@ -304,6 +320,7 @@ export function useTranscriptWindow({
     // capture matches what the user saw rather than the stale scrollOffset
     // state. Bottom-relative, matching transcriptRenderWindow's window math.
     renderOffset: Math.max(0, Number(renderScrollOffset) || 0),
+    suppressMeasuredRowHeights,
   };
   // The window memo is keyed on a structure signature that intentionally
   // ignores per-character growth of the streaming assistant text, so its
@@ -356,6 +373,7 @@ export function useTranscriptWindow({
     // overhead on a tall transcript. The cached measurements stay authoritative
     // for the row-index math; a single re-measure is forced on release below.
     if (dragRef.current.active) return;
+    if (transcriptStreamingActive && transcriptTailPinned) return;
     const els = transcriptItemElsRef.current;
     if (!els || els.size === 0) return;
     const liveItems = transcriptMeasureItemsRef.current;

package/src/tui/components/ConfirmBar.jsx

@@ -26,20 +26,23 @@ export function ConfirmBar({ buttons = [], focusedIndex = -1 }) {
   const list = Array.isArray(buttons) ? buttons.filter(Boolean) : [];
   if (list.length === 0) return null;
   return (
-    <Box flexDirection="row" width="100%" justifyContent="flex-start">
+    <Box flexDirection="row" flexShrink={0} justifyContent="flex-start" alignItems="center">
       {list.map((button, index) => {
         const isFocused = index === focusedIndex;
         return (
-          <Text key={button.value ?? index}>
-            {index > 0 ? <Text color={theme.subtle}>{'   '}</Text> : null}
+          <Box
+            key={button.value ?? index}
+            marginLeft={index > 0 ? 1 : 0}
+            paddingX={1}
+            backgroundColor={isFocused ? theme.selectionBackground : undefined}
+          >
             <Text
-              color={isFocused ? theme.selectionText : theme.text}
-              backgroundColor={isFocused ? theme.selectionBackground : undefined}
+              color={isFocused ? theme.selectionText : theme.subtle}
               bold={isFocused}
             >
-              {` ${button.label} `}
+              {`[ ${button.label} ]`}
             </Text>
-          </Text>
+          </Box>
         );
       })}
     </Box>