mixdog 1.4.1 → 1.4.2

package/src/tui/app/provider-setup/oauth-actions.mjs

@@ -16,11 +16,21 @@ const panelFrame = (providerItem, provider, pickerKey) => ({
   initialIndex: 0,
 });
 
-function showOAuthProgress(flow, providerItem, message, onBack) {
+// Shown with every device code: a code someone else hands you signs THEM in to your account.
+// One row that fits 80 columns: it takes the row the status footer did, so the URL
+// keeps its copy-hint row and the "Enter code" line is never replaced by the copy note.
+const DEVICE_CODE_WARNING = [
+  { glyph: '!', text: 'Continue only if you started this. Never enter a code someone sent you.' },
+];
+
+function showOAuthProgress(flow, providerItem, message, onBack, detail = '', footer = null) {
   const provider = providerItem._provider || {};
+  const frame = panelFrame(providerItem, provider, `providers-oauth-progress:${providerItem.value}`);
   flow.paint({
-    ...panelFrame(providerItem, provider, `providers-oauth-progress:${providerItem.value}`),
+    ...frame,
+    ...(footer ? { footer } : {}),
     description: message,
+    detail,
     help: '↑/↓ Select · Enter Choose · Esc Providers',
     indexMode: 'never',
     items: [
@@ -80,10 +90,11 @@ function oauthCodeHint(manualUrl, loginUrl, providerName) {
   return `Paste the authorization code or full redirect URL for ${providerName}.`;
 }
 
+// The URL goes in the picker's wrapped `detail` block, never the one-line description.
 function pollingLoginMessage(userCode, loginUrl, opened) {
-  if (userCode) return `Enter code ${userCode} at:\n${loginUrl}${opened}`;
-  if (loginUrl) return `Open this URL to sign in:\n${loginUrl}${opened}`;
-  return 'Finish signing in for this provider.';
+  if (userCode) return { message: `Enter code ${userCode} at${opened}:`, detail: loginUrl };
+  if (loginUrl) return { message: `Open this URL to sign in${opened}:`, detail: loginUrl };
+  return { message: 'Finish signing in for this provider.', detail: '' };
 }
 
 /** Login through store.beginOAuthProviderLogin: a code-completing login hands
@@ -148,7 +159,15 @@ function beginInteractiveOAuthLogin(flow, providerItem, login) {
         // Device-code and URL-only polling logins stay in the progress panel,
         // with the code and URL, until the result panel replaces it or Back.
         const opened = openBrowser ? ' (browser opened)' : '';
-        showOAuthProgress(flow, providerItem, pollingLoginMessage(started?.userCode, loginUrl, opened), login.onBack);
+        const { message, detail } = pollingLoginMessage(started?.userCode, loginUrl, opened);
+        showOAuthProgress(
+          flow,
+          providerItem,
+          message,
+          login.onBack,
+          detail,
+          started?.userCode ? () => DEVICE_CODE_WARNING : null
+        );
       }
       started.waitForCallback
         ?.then((result) => {

package/src/tui/app/provider-setup-picker.mjs

@@ -18,6 +18,25 @@ import {
 
 const providerFooter = (item) => providerStatusFooter(item?._provider);
 
+/** The rows of the main provider list: the continue row, one row per provider,
+ *  and the client refresh row. */
+function mainListItems(setup, options, canContinue) {
+  const items = [];
+  if (canContinue && !options.confirmBar) {
+    items.push({
+      value: 'continue-setup',
+      label: options.continueLabel || 'Continue setup',
+      description: options.continueDescription || 'return to setup',
+      _type: 'continue',
+    });
+  }
+  items.push(...buildProviderItems(setup));
+  if (setup.managedByClient === true) {
+    items.push({ value: 'refresh-client-providers', label: 'Refresh', _type: 'refresh-client-providers' });
+  }
+  return items;
+}
+
 export function createProviderSetupPicker({
   store,
   surface,
@@ -87,19 +106,7 @@ export function createProviderSetupPicker({
       if (!setup) return;
     }
 
-    const items = [];
-    if ((returnTo || onContinue) && !options.confirmBar) {
-      items.push({
-        value: 'continue-setup',
-        label: options.continueLabel || 'Continue setup',
-        description: options.continueDescription || 'return to setup',
-        _type: 'continue',
-      });
-    }
-    items.push(...buildProviderItems(setup));
-    if (setup.managedByClient === true) {
-      items.push({ value: 'refresh-client-providers', label: 'Refresh', _type: 'refresh-client-providers' });
-    }
+    const items = mainListItems(setup, options, Boolean(returnTo || onContinue));
 
     const flow = {
       store,

package/src/tui/app/shell-layout/row-budgets.mjs

@@ -4,8 +4,9 @@
  * welcome banner, floating panel, and the layout signature that names them.
  */
 import { isLiveSpinnerMetaVisible } from '../live-spinner-visibility.mjs';
-import { promptContentRows, wrappedDetailRows, queuedBandRows } from '../text-layout.mjs';
+import { promptContentRows, queuedBandRows } from '../text-layout.mjs';
 import { questionPanelRows, questionsOf } from '../../components/question-panel-model.mjs';
+import { signInUrlLayout } from '../../components/sign-in-url-layout.mjs';
 import { CORE_MULTILINE_TEXT_ENTRY_KINDS } from '../panel-signature.mjs';
 import { btwPanelRows } from '../btw-controller.mjs';
 
@@ -49,24 +50,25 @@ function promptBoxBudget(inputBoxHidden, promptLayoutValueRef, promptContentColu
 
 // TextEntryPanel content is one prompt line (chrome + 1) for single-line
 // prompts, or up to PANEL_MAX_VISIBLE wrapped rows for core memory add/edit.
-// PLUS an optional wrapped detail block (blank spacer + N wrapped rows — e.g.
-// the manual OAuth URL). The floating container clips from the TOP (flex-end +
+// PLUS an optional borderless sign-in URL block under the panel (the manual
+// OAuth URL). The floating container clips from the TOP (flex-end +
 // overflow hidden), so under-reserving here pushed the bordered title off
-// the top of the panel. Width matches the panel interior: frame − 2 border
-// − 2 paddingX, same wrap-ansi math ink uses for wrap="wrap".
-function textEntryBudget(textEntryPrompt, textEntryLayoutRows, frameColumns) {
+// the top of the panel. The block gets only the rows the terminal leaves
+// (maxFloatingPanelRows minus chrome and content) and TextEntryPanel degrades
+// it to fit, using the same sign-in-url-layout math.
+function textEntryBudget(textEntryPrompt, textEntryLayoutRows, frameColumns, maxFloatingPanelRows) {
   const textEntryKind = String(textEntryPrompt?.kind || '');
   const textEntryMultiline = CORE_MULTILINE_TEXT_ENTRY_KINDS.has(textEntryKind);
   const textEntryDetailText = String(textEntryPrompt?.detail || '').trim();
-  const textEntryDetailRows = textEntryDetailText
-    ? 1 + wrappedDetailRows(textEntryDetailText, Math.max(1, frameColumns - 4))
-    : 0;
   const textEntryContentRows = textEntryMultiline ? textEntryLayoutRows : 1;
+  const textEntryUrlMaxRows = Math.max(0, maxFloatingPanelRows - PANEL_CHROME_ROWS - textEntryContentRows);
+  const textEntryDetailRows = signInUrlLayout(textEntryDetailText, frameColumns, textEntryUrlMaxRows).rows;
   return {
     textEntryKind,
     textEntryMultiline,
     textEntryDetailText,
     textEntryDetailRows,
+    textEntryUrlMaxRows,
     textEntryContentRows,
     TEXT_ENTRY_ROWS: PANEL_CHROME_ROWS + textEntryContentRows + textEntryDetailRows,
   };
@@ -187,7 +189,6 @@ export function computeRowBudgets({
   const { textEntryPrompt, hasTextEntryPrompt, hasFloatingPanel, expandedOptionPanel, inputBoxHidden } = surfaces;
   const { liveSpinner, liveSpinnerIsCommand, latestTranscriptItem, inputHint } = hints;
   const prompt = promptBoxBudget(inputBoxHidden, promptLayoutValueRef, promptContentColumns);
-  const textEntry = textEntryBudget(textEntryPrompt, textEntryLayoutRows, frameColumns);
   const OPTION_PANEL_EXTRA_ROWS = expandedOptionPanel ? 3 : 0;
   const queuedVisible = !hasFloatingPanel && !inputBoxHidden && state.queued?.length > 0;
   // While the slash palette is open it owns the area above the prompt, so the
@@ -214,6 +215,7 @@ export function computeRowBudgets({
   const baseReserve =
     welcome.WELCOME_ROWS + SCROLL_HINT_ROWS + LIVE_STATUS_ROWS + INPUT_BOX_ROWS + STATUSLINE_ROWS + queued.queuedRows;
   const maxFloatingPanelRows = Math.max(0, resizeState.rows - baseReserve - 1);
+  const textEntry = textEntryBudget(textEntryPrompt, textEntryLayoutRows, frameColumns, maxFloatingPanelRows);
   const panel = floatingPanelBudget({
     toolApproval,
     picker,

package/src/tui/app/slash-commands.mjs

@@ -41,6 +41,7 @@ export const SLASH_COMMANDS = [
     params: '[release <task_id> [--confirm]]',
     description: 'List shells; release one whose termination is unconfirmed',
   },
+  { name: 'stop', usage: '/stop', description: 'Stop every background shell of this session' },
   {
     name: 'fork',
     usage: '/fork',

package/src/tui/app/slash-dispatch/session-commands.mjs

@@ -4,6 +4,7 @@
 // while a turn or session command is running.
 import { presentErrorText } from '../../../runtime/shared/err-text.mjs';
 import { BTW_USAGE_HINT } from '../btw-controller.mjs';
+import { theme } from '../../theme.mjs';
 
 function compactFailureNotice(error) {
   if (error == null || String(error).trim() === '') return 'Compact failed.';
@@ -168,6 +169,51 @@ export const sessionCommands = {
     return true;
   },
 
+  // /stop — stop every background shell of this session (never the running
+  // foreground command, agents or other sessions) after one confirmation.
+  stop(ctx) {
+    const { store, surface } = ctx;
+    const stopAll = () =>
+      Promise.resolve(store.stopShellJobs?.())
+        .then((result) => {
+          const stopped = result?.stopped || 0;
+          const stopping = result?.stopping || 0;
+          store.pushNotice(
+            stopping
+              ? `Stopped background shells: ${stopped} · still stopping: ${stopping}`
+              : `Stopped background shells: ${stopped}`,
+            stopping ? 'warn' : 'info'
+          );
+        })
+        .catch((error) => store.pushNotice(String(error?.message || error), 'error'));
+    void Promise.resolve(store.listStoppableShellJobs?.())
+      .then((result) => {
+        const jobs = Array.isArray(result?.jobs) ? result.jobs : [];
+        if (!jobs.length) {
+          store.pushNotice('No background shells are running.', 'info');
+          return;
+        }
+        const own = surface.claim();
+        own.paint({
+          title: `Stop background shells (${jobs.length})?`,
+          indexMode: 'always',
+          labelWidth: 12,
+          items: [
+            { value: 'cancel', label: 'Cancel' },
+            { value: 'stop', label: 'Stop' },
+          ],
+          footer: jobs.map((job) => ({ glyph: '·', color: theme.warning, text: job.command })),
+          onSelect: (value) => {
+            own.close();
+            if (value === 'stop') void stopAll();
+          },
+          onCancel: () => own.close(),
+        });
+      })
+      .catch((error) => store.pushNotice(String(error?.message || error), 'error'));
+    return true;
+  },
+
   doctor(ctx) {
     const { state, store, deps } = ctx;
     if (state.commandBusy) {

package/src/tui/app/slash-dispatch.mjs

@@ -17,7 +17,7 @@ import { createSlashPanelOpener } from './slash-dispatch/slash-panel.mjs';
 const commands = { ...routeCommands, ...sessionCommands, ...panelCommands };
 
 export function createSlashDispatch({ state, store, normalizeSlashCommandName, surface, closeUsagePanel, ...deps }) {
-  const ctx = { state, store, deps, openSlashPanel: createSlashPanelOpener({ surface, store }) };
+  const ctx = { state, store, deps, surface, openSlashPanel: createSlashPanelOpener({ surface, store }) };
   const runSlashCommand = (cmd, arg = '') => {
     const rawName = String(cmd || '').toLowerCase();
     cmd = normalizeSlashCommandName(cmd);

package/src/tui/app/use-btw-panel.mjs

@@ -0,0 +1,29 @@
+/*
+ * app/use-btw-panel.mjs — the /btw side-question panel: its state, the
+ * controller that fills it, and the controller's session/unmount lifecycle.
+ */
+import { useEffect, useRef, useState } from 'react';
+import { createBtwController } from './btw-controller.mjs';
+
+export function useBtwPanel({ store, sessionId }) {
+  const [btwPanel, setBtwPanel] = useState(null);
+  const btwRef = useRef(null);
+  const sessionIdRef = useRef('');
+  sessionIdRef.current = sessionId || '';
+  if (!btwRef.current) {
+    btwRef.current = createBtwController({
+      getStore: () => store,
+      setPanel: setBtwPanel,
+      getSessionId: () => sessionIdRef.current,
+    });
+  }
+  const btw = btwRef.current;
+  // A side answer belongs to the conversation it was asked in: drop it on a
+  // session change (new/resume/clear/switch) and cancel it on unmount.
+  // biome-ignore lint/correctness/useExhaustiveDependencies(sessionId): session-change trigger; the controller reads the id through its getter
+  useEffect(() => {
+    btw.sync();
+  }, [btw, sessionId]);
+  useEffect(() => () => btw.dispose(), [btw]);
+  return { btwPanel, btw };
+}

package/src/tui/app/use-context-panel-refresh.mjs

@@ -0,0 +1,31 @@
+/*
+ * app/use-context-panel-refresh.mjs — keeps an open /context breakdown panel
+ * current: it is rebuilt whenever one of the session fields it summarizes
+ * changes.
+ */
+import { useEffect } from 'react';
+
+export function useContextPanelRefresh({ contextPanelKind, state, openContextPicker }) {
+  // The deps are the refresh triggers (the fields the breakdown summarizes),
+  // not the reads; openContextPicker is rebuilt by its factory every render
+  // and must not re-trigger the rebuild.
+  // biome-ignore lint/correctness/useExhaustiveDependencies: trigger-keyed refresh over the summarized session fields
+  useEffect(() => {
+    if (contextPanelKind === 'context') openContextPicker();
+  }, [
+    contextPanelKind,
+    state.stats,
+    state.contextWindow,
+    state.rawContextWindow,
+    state.sessionId,
+    state.toolMode,
+    state.agentWorkers,
+    state.agentJobs,
+    state.provider,
+    state.model,
+    state.effort,
+    state.fast,
+    state.cwd,
+    state.clientHostPid,
+  ]);
+}

package/src/tui/app/use-model-catalog-cache.mjs

@@ -20,16 +20,19 @@ export function useModelCatalogCache({ store, onboardingRef }) {
   // provider-scope cache clear (e.g. after auth) so a stale in-flight
   // listProviderModels() cannot repopulate the ref after invalidation.
   const onboardingPrefetchSeqRef = useRef(0);
-  const clearModelCaches = useCallback((scope = 'all') => {
-    if (scope === 'all' || scope === 'provider') {
-      providerModelsCacheRef.current = { models: null, at: 0 };
-      onboardingRef.current.providerModels = [];
-      onboardingPrefetchSeqRef.current += 1;
-    }
-    if (scope === 'all' || scope === 'webSearch') {
-      webSearchModelsCacheRef.current = { models: null, at: 0 };
-    }
-  }, []);
+  const clearModelCaches = useCallback(
+    (scope = 'all') => {
+      if (scope === 'all' || scope === 'provider') {
+        providerModelsCacheRef.current = { models: null, at: 0 };
+        onboardingRef.current.providerModels = [];
+        onboardingPrefetchSeqRef.current += 1;
+      }
+      if (scope === 'all' || scope === 'webSearch') {
+        webSearchModelsCacheRef.current = { models: null, at: 0 };
+      }
+    },
+    [onboardingRef]
+  );
   // Boot-time catalog prefetch: warm the /model & /agents provider catalog and
   // the /websearch catalog once at startup so those pickers open instantly from
   // cache (openModelPicker still TTL-refreshes stale rows in the background).

package/src/tui/app/use-mouse-input.mjs

@@ -316,6 +316,17 @@ export function useMouseInput({
     isRawModeSupported,
     store,
     stdout,
+    dragRef,
+    lastClickRef,
+    slashPaletteRef,
+    scrollFocusRef,
+    promptMouseSelectionRef,
+    frameRowsRef,
+    promptBoxRectRef,
+    transcriptViewportRef,
+    scrollTargetRef,
+    setSlashIndex,
+    setMeasuredRowsVersion,
     passthroughCtrlWheelZoom,
     frameColumns,
     statuslineBandRows,

package/src/tui/app/use-onboarding-start.mjs

@@ -1,7 +1,7 @@
 /*
  * app/use-onboarding-start.mjs — first-run onboarding gate + wizard launch.
  */
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 
 // First-run gate. The daemon-backed engine store answers any method it does
 // not implement locally with an async remote call, so a synchronous
@@ -25,10 +25,15 @@ export function useOnboardingStart({
   store,
   forceOnboarding,
   onboardingCompleted,
-  onboardingStartedRef,
   setOnboardingActive,
   openOnboardingAuthStep,
 }) {
+  // Latches the launch so the wizard opens at most once per mount.
+  const onboardingStartedRef = useRef(false);
+  // openOnboardingAuthStep is rebuilt by the picker factory every render;
+  // depending on it would re-run this launch (and cancel its deferred open)
+  // on every commit. The launch keys on the gate inputs only.
+  // biome-ignore lint/correctness/useExhaustiveDependencies(openOnboardingAuthStep): per-render factory callback; launch keys on gate inputs
   useEffect(() => {
     if (onboardingStartedRef.current) return undefined;
     if (resolveOnboardingCompleted(store, onboardingCompleted) && !forceOnboarding) return undefined;
@@ -41,5 +46,5 @@ export function useOnboardingStart({
     return () => {
       canceled = true;
     };
-  }, [store, forceOnboarding, onboardingCompleted]);
+  }, [store, forceOnboarding, onboardingCompleted, setOnboardingActive]);
 }

package/src/tui/app/use-panel-transition.mjs

@@ -30,7 +30,16 @@ export function usePanelTransition({
     if (!hadTransitionClearance) return undefined;
     const timer = setTimeout(() => setPanelTransitionEpoch((epoch) => epoch + 1), 0);
     return () => clearTimeout(timer);
-  }, [panelLayoutSignature, bottomClusterRows, panelTransitionClearRows, panelTransitionGuardRows]);
+  }, [
+    panelTransitionRef,
+    panelCloseInkMaskRowsRef,
+    panelLayoutSignature,
+    bottomClusterRows,
+    panelTransitionClearRows,
+    panelTransitionGuardRows,
+    setPanelInkMaskEpoch,
+    setPanelTransitionEpoch,
+  ]);
   // Record the transcript tail id AFTER every commit so the next render's
   // spinner-meta-collapse gate (doneTailAppendedThisCommit) can tell a freshly
   // appended done row from a stale one that was already at the tail.

package/src/tui/app/use-pasted-buffers.mjs

@@ -48,31 +48,39 @@ function usePastedBufferSlice({ toEntry, formatRef }) {
     setBuffers(next);
   }, []);
 
-  const register = useCallback((input) => {
-    const id = nextIdRef.current;
-    const entry = toEntry(input, id);
-    if (!entry) return '';
-    nextIdRef.current = id + 1;
-    buffersRef.current = { ...buffersRef.current, [id]: entry };
-    setBuffers(buffersRef.current);
-    return formatRef(entry);
-  }, []);
+  const register = useCallback(
+    (input) => {
+      const id = nextIdRef.current;
+      const entry = toEntry(input, id);
+      if (!entry) return '';
+      nextIdRef.current = id + 1;
+      buffersRef.current = { ...buffersRef.current, [id]: entry };
+      setBuffers(buffersRef.current);
+      return formatRef(entry);
+    },
+    [toEntry, formatRef]
+  );
 
   return { buffersRef, nextIdRef, install, clearSnapshot, register };
 }
 
+// Module-level slice specs keep toEntry/formatRef identities stable, so
+// `register` is created once per mount.
+const IMAGE_SLICE = {
+  toEntry: (image, id) => (image?.type === 'image' && image.content ? { ...image, id } : null),
+  formatRef: (entry) => formatImageRef(entry.id),
+};
+const TEXT_SLICE = {
+  toEntry: (text, id) => {
+    const value = String(text ?? '');
+    return value ? { id, text: value } : null;
+  },
+  formatRef: (entry) => formatPastedTextRef(entry.id, entry.text),
+};
+
 export function usePastedBuffers() {
-  const images = usePastedBufferSlice({
-    toEntry: (image, id) => (image?.type === 'image' && image.content ? { ...image, id } : null),
-    formatRef: (entry) => formatImageRef(entry.id),
-  });
-  const texts = usePastedBufferSlice({
-    toEntry: (text, id) => {
-      const value = String(text ?? '');
-      return value ? { id, text: value } : null;
-    },
-    formatRef: (entry) => formatPastedTextRef(entry.id, entry.text),
-  });
+  const images = usePastedBufferSlice(IMAGE_SLICE);
+  const texts = usePastedBufferSlice(TEXT_SLICE);
 
   return {
     pastedImagesRef: images.buffersRef,

package/src/tui/app/use-prompt-draft-flow.mjs

@@ -65,6 +65,13 @@ export function usePromptDraftFlow({
       showPromptHint,
       slashDismissedFor,
       syncPromptLayoutRows,
+      promptHistoryDraftChangeRef,
+      promptHistoryNavRef,
+      setPromptDraft,
+      setPromptDraftOverride,
+      promptHintActiveRef,
+      promptHintTimerRef,
+      setSlashDismissedFor,
     ]
   );
 

package/src/tui/app/use-prompt-layout-rows.mjs

@@ -21,11 +21,11 @@ export function usePromptLayoutRows({
       const nextRows = promptContentRows(text, promptContentColumns);
       setPromptLayoutRows((prev) => (prev === nextRows ? prev : nextRows));
     },
-    [promptContentColumns]
+    [promptContentColumns, promptLayoutValueRef, setPromptLayoutRows]
   );
   useEffect(() => {
     syncPromptLayoutRows(promptLayoutValueRef.current);
-  }, [syncPromptLayoutRows]);
+  }, [syncPromptLayoutRows, promptLayoutValueRef]);
   useEffect(() => {
     const kind = String(settingsPrompt?.kind || '');
     if (!CORE_MULTILINE_TEXT_ENTRY_KINDS.has(kind)) {
@@ -34,6 +34,6 @@ export function usePromptLayoutRows({
     }
     const cols = Math.max(1, frameColumns - 4 - stringWidth('Sentence > '));
     setTextEntryLayoutRows(textEntryReservedRows(settingsPrompt?.initialValue, cols, 8));
-  }, [settingsPrompt?.kind, settingsPrompt?.initialValue, frameColumns]);
+  }, [settingsPrompt?.kind, settingsPrompt?.initialValue, frameColumns, setTextEntryLayoutRows]);
   return syncPromptLayoutRows;
 }

package/src/tui/app/use-prompt-queue-history.mjs

@@ -53,7 +53,7 @@ export function usePromptQueueHistory({
         exit();
       });
     }, 60);
-  }, [store, exit]);
+  }, [store, exit, exitRequestedRef, setExiting]);
 
   const restoreQueuedToPrompt = useCallback(
     (options = {}) =>
@@ -74,6 +74,7 @@ export function usePromptQueueHistory({
       store,
       state?.queued,
       promptDraft,
+      promptValueRef,
       showPromptHint,
       clearPromptHint,
       installPastedImages,
@@ -94,7 +95,7 @@ export function usePromptQueueHistory({
 
   const resetPromptHistoryNav = useCallback(() => {
     promptHistoryNavRef.current = { active: false, index: -1, seed: '', lastValue: '' };
-  }, []);
+  }, [promptHistoryNavRef]);
 
   return { requestExit, restoreQueuedToPrompt, recentPromptHistory, resetPromptHistoryNav };
 }

package/src/tui/app/use-selection-focus.mjs

@@ -31,7 +31,7 @@ export function useSelectionFocusMove({
       const shiftedRect = dragRef.current.rect;
       return { anchor: shiftedRect ? { x: shiftedRect.x1, y: shiftedRect.y1 } : null };
     },
-    [scrollTranscriptRows]
+    [dragRef, scrollTargetRef, scrollTranscriptRows]
   );
 
   const moveSelectionFocus = useCallback(
@@ -120,7 +120,16 @@ export function useSelectionFocusMove({
       dragNow.last = { x: col, y: row };
       return true;
     },
-    [applySelectionRect, statusBandRows, transcriptViewportRows, selectionMaxColAtRow, scrollFocusPastEdge]
+    [
+      dragRef,
+      scrollTargetRef,
+      transcriptBottomSlackRowsRef,
+      applySelectionRect,
+      statusBandRows,
+      transcriptViewportRows,
+      selectionMaxColAtRow,
+      scrollFocusPastEdge,
+    ]
   );
 
   return moveSelectionFocus;

package/src/tui/app/use-selection-geometry.mjs

@@ -22,13 +22,16 @@ export function useSelectionGeometry({
   transcriptViewportRef,
   dragRef,
 }) {
-  const selectionPointAtCurrentScroll = useCallback((point, pointScroll = 0) => {
-    if (!point) return null;
-    return {
-      x: point.x,
-      y: point.y + (Number(scrollTargetRef.current) || 0) - (Number(pointScroll) || 0),
-    };
-  }, []);
+  const selectionPointAtCurrentScroll = useCallback(
+    (point, pointScroll = 0) => {
+      if (!point) return null;
+      return {
+        x: point.x,
+        y: point.y + (Number(scrollTargetRef.current) || 0) - (Number(pointScroll) || 0),
+      };
+    },
+    [scrollTargetRef]
+  );
 
   // Grow a word/line multi-click selection from its anchor span out to the
   // word/line under the cursor. Shared by the mouse handler (motion/release)
@@ -68,9 +71,15 @@ export function useSelectionGeometry({
     [store, frameColumns, selectionPointAtCurrentScroll]
   );
 
-  const transcriptViewportRows = useCallback(() => transcriptViewportRowRange(transcriptViewportRef.current), []);
+  const transcriptViewportRows = useCallback(
+    () => transcriptViewportRowRange(transcriptViewportRef.current),
+    [transcriptViewportRef]
+  );
 
-  const statusBandRows = useCallback(() => statusBandRowRange(frameRowsRef.current, statuslineBandRows), []);
+  const statusBandRows = useCallback(
+    () => statusBandRowRange(frameRowsRef.current, statuslineBandRows),
+    [frameRowsRef, statuslineBandRows]
+  );
 
   const selectionMaxColAtRow = useCallback(
     (row) => {

package/src/tui/app/use-selection-paint.mjs

@@ -54,12 +54,12 @@ export function useSelectionPaint({
       .catch(() => {
         /* best-effort capture: Ctrl+C falls back to the render-time text */
       });
-  }, [store]);
+  }, [store, selectionTextRef]);
 
   // Clip band + theming: use-selection-paint/selection-clip.mjs.
   const selectionClip = useCallback(
     () => selectionClipBand({ dragRef, frameRowsRef, transcriptViewportRef, statuslineBandRows }),
-    [statuslineBandRows]
+    [dragRef, frameRowsRef, transcriptViewportRef, statuslineBandRows]
   );
 
   const withSelectionClip = useCallback(
@@ -98,7 +98,7 @@ export function useSelectionPaint({
       cancelPendingSelectionPaint();
       paintSelectionRect(clippedRect, { rememberText: true });
     },
-    [paintSelectionRect, withSelectionClip, clearStitchBuffer, cancelPendingSelectionPaint]
+    [dragRef, selectionTextRef, paintSelectionRect, withSelectionClip, clearStitchBuffer, cancelPendingSelectionPaint]
   );
 
   const applySelectionRectThrottled = useCallback(
@@ -111,7 +111,7 @@ export function useSelectionPaint({
         cancelPending: cancelPendingSelectionPaint,
       });
     },
-    [paintSelectionRect, withSelectionClip, cancelPendingSelectionPaint]
+    [dragRef, paintSelectionRect, withSelectionClip, cancelPendingSelectionPaint]
   );
 
   return {