dsh-code 1.0.2 → 1.0.3

package/src/app.ts

@@ -14,16 +14,16 @@
  * @module @deepseek-ai/dsh-code/app
  */
 
-import { basename } from 'node:path'
-import {
+import { basename } from 'node:path'
+import {
   createElement, memo, useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore, type ReactElement,
 } from 'react'
 import { Box, Static, Text, useInput, useStdin, useStdout, type Key } from 'ink'
-import type { CommandDescriptor } from '@deepseek-ai/dsh-commands'
-import type { ImageBlock } from '@deepseek-ai/dsh-llm'
-import type { TodoItem } from '@deepseek-ai/dsh-session'
-import type { AskUserQuestionAnswerItem } from '@deepseek-ai/dsh-user-questions'
-import type { AuthorizationInteraction, AuthorizationStatus } from '@deepseek-ai/dsh-authorization'
+import type { CommandDescriptor } from '@deepseek-ai/dsh-commands'
+import type { ImageBlock } from '@deepseek-ai/dsh-llm'
+import type { TodoItem } from '@deepseek-ai/dsh-session'
+import type { AskUserQuestionAnswerItem } from '@deepseek-ai/dsh-user-questions'
+import type { AuthorizationInteraction, AuthorizationStatus } from '@deepseek-ai/dsh-authorization'
 import {
   dim,
   getPalette,
@@ -40,20 +40,20 @@ import type { TranscriptStore } from './store.ts'
 import { settledEntryCount, type TranscriptEntry } from './render/projection.ts'
 import { type MdSegment, visibleColumns } from './render/markdown.ts'
 import {
-  busyChaseFrame,
-  BUSY_CHASE_TICK_MS,
-  caretVisible,
-  DEEP_DIVING_SHIMMER_TICK_MS,
-  DEEPSEEK_WAVE_TICK_MS,
-  deepseekWaveColumnBg,
-  deepseekWaveDuration,
-  deepseekWaveSpark,
-  deepseekWaveStyleRandom,
-  deepseekWaveTier,
-  deepseekWaveWordHue,
-  deepseekWaveWordVisible,
-  deepDivingGradientColor,
-  deepDivingSparkColor,
+  busyChaseFrame,
+  BUSY_CHASE_TICK_MS,
+  caretVisible,
+  DEEP_DIVING_SHIMMER_TICK_MS,
+  DEEPSEEK_WAVE_TICK_MS,
+  deepseekWaveColumnBg,
+  deepseekWaveDuration,
+  deepseekWaveSpark,
+  deepseekWaveStyleRandom,
+  deepseekWaveTier,
+  deepseekWaveWordHue,
+  deepseekWaveWordVisible,
+  deepDivingGradientColor,
+  deepDivingSparkColor,
   effortAboveHigh,
   isOfficialDeepSeekLabel,
   type DeepseekWaveStyle,
@@ -65,7 +65,7 @@ import type { ModelDirectory, ModelRow } from './models.ts'
 import type { ProviderConfiguration, ProviderSettingsDirectory, ProviderTargetView } from './provider-settings.ts'
 import type { QuestionSnapshot, QuestionStore } from './questions.ts'
 import type { SkillsView, SkillRow } from './skills.ts'
-import { isPathLikeMentionQuery, type MentionCandidate } from './mentions.ts'
+import { isPathLikeMentionQuery, type MentionCandidate } from './mentions.ts'
 import type { SubagentFeedView, SubagentRow } from './subagents.ts'
 import { AgentsPanel, EffortPanel, HistoryPanel, JobsPanel, ModePanel, PermissionPanel, PluginPanel, ResumePanel, StatuslinePanel, runClock, SubagentPanel, type JobRow } from './kernel-panels.ts'
 import type { PresetRow } from './presets.ts'
@@ -80,19 +80,19 @@ import {
   type RecallState,
 } from './history.ts'
 import type { SessionDirectoryOptions, SessionRow } from './session-directory.ts'
-import type { GitDiffView } from './git-workflow.ts'
-import {
-  authorizationForProvider,
-  providerAuthorizationStatus,
-  type ProviderAuthorizationDirectory,
-  type ProviderAuthorizationRow,
-} from './authorization.ts'
-import { ProviderAuthorizationLogoutPanel, ProviderAuthorizationPanel } from './authorization-panel.ts'
-import {
-  looksLikeImagePath,
-  parsePastedImagePaths,
-  type ImagePathInspection,
-} from './attachments.ts'
+import type { GitDiffView } from './git-workflow.ts'
+import {
+  authorizationForProvider,
+  providerAuthorizationStatus,
+  type ProviderAuthorizationDirectory,
+  type ProviderAuthorizationRow,
+} from './authorization.ts'
+import { ProviderAuthorizationLogoutPanel, ProviderAuthorizationPanel } from './authorization-panel.ts'
+import {
+  looksLikeImagePath,
+  parsePastedImagePaths,
+  type ImagePathInspection,
+} from './attachments.ts'
 
 /** Match Codex's settled-resize window before rebuilding terminal scrollback. */
 const RESIZE_REFLOW_DELAY_MS = 75
@@ -144,16 +144,16 @@ import {
   type StatusTone,
 } from './render/status.ts'
 import { displayTail, displayText, singleLineText, truncateColumns } from './render/text.ts'
-import {
-  isVsCodeTerminalEnv,
-  normalizeKeyboardChunk,
-  PASTE_END_MARKER,
-  PASTE_START_MARKER,
-  stripPasteMarkers,
-  stripTerminalFocusEvents,
-  tokenizeRawEditorChunk,
-  type RawEditorToken,
-} from './keyboard.ts'
+import {
+  isVsCodeTerminalEnv,
+  normalizeKeyboardChunk,
+  PASTE_END_MARKER,
+  PASTE_START_MARKER,
+  stripPasteMarkers,
+  stripTerminalFocusEvents,
+  tokenizeRawEditorChunk,
+  type RawEditorToken,
+} from './keyboard.ts'
 import {
   clampScroll,
   followInspectorCursor,
@@ -165,6 +165,7 @@ import {
   selectionWindow,
 } from './render/inspector.ts'
 import {
+  clampLiveAllocation,
   lineSegment,
   markdownLines,
   settledEntryLines,
@@ -181,59 +182,60 @@ import {
   deleteBackward,
   deleteForward,
   deleteLastGrapheme,
-  deleteWordBackward,
-  deleteWordForward,
-  editorModel,
-  editorRowParts,
+  deleteWordBackward,
+  deleteWordForward,
+  editorModel,
+  editorRowParts,
   insertText,
   type EditResult,
   killToLineEnd,
   killToLineStart,
-  moveCursorBy,
-  moveCursorVertically,
-  moveToLineEnd,
-  moveToLineStart,
-  moveWordLeft,
-  moveWordRight,
-  remapStableRange,
-  replaceRangePreservingCursor,
+  moveCursorBy,
+  moveCursorVertically,
+  moveToLineEnd,
+  moveToLineStart,
+  moveWordLeft,
+  moveWordRight,
+  remapStableRange,
+  replaceRangePreservingCursor,
   sanitizeDraftText,
   shouldRecallNavigate,
   splitGraphemes,
 } from './render/editor.ts'
 
-/** Visual priority for one bounded local notice. */
-export type NoticeTone = 'info' | 'warning' | 'error'
-
-/** One source of truth for TUI-owned slash commands in completion and `/help`. */
-const LOCAL_COMMANDS = [
-  { label: '/help', description: 'show this overlay' },
-  { label: '/model', description: 'switch the model and manage providers' },
-  { label: '/effort', description: 'adjust reasoning effort for the current model' },
-  { label: '/mode', description: 'inspect or select the agent preset (/mode [preset])' },
-  { label: '/permission', description: 'inspect or select the permission preset (/permission [preset])' },
-  { label: '/new', description: 'create and switch to a fresh session (/new [preset])' },
-  { label: '/fork', description: 'fork at the latest completed turn (/fork [event-seq])' },
-  { label: '/resume', description: 'browse or switch root sessions (/resume [id|prefix])' },
-  { label: '/plugin', description: 'inspect the live plugin composition' },
-  { label: '/jobs', description: 'inspect background jobs' },
-  { label: '/statusline', description: 'customize the status line items' },
-  { label: '/theme', description: 'switch the color theme' },
-  { label: '/history', description: 'search and recall past prompts' },
-  { label: '/agents', description: 'inspect subagent sessions of this conversation' },
-  { label: '/todos', description: 'inspect the full todo list' },
-  { label: '/subagent', description: 'choose the model delegated subagents run on' },
-  { label: '/delete', description: 'delete a session and its subagent threads' },
-  { label: '/clear', description: 'clear the screen' },
-  { label: '/export', description: 'export the transcript to markdown (/export [path])' },
-  { label: '/title', description: 'rename this session (/title <text>)' },
-  { label: '/copy', description: 'copy the latest assistant response' },
-  { label: '/diff', description: 'inspect Git changes (/diff [--staged|ref])' },
-  { label: '/review', description: 'review Git changes under read-only permissions' },
-  { label: '/quit', description: 'exit' },
-] as const
-
-const LOCAL_COMMAND_NAMES = new Set(LOCAL_COMMANDS.map(command => command.label.slice(1)))
+/** Visual priority for one bounded local notice. */
+export type NoticeTone = 'info' | 'warning' | 'error'
+
+/** One source of truth for TUI-owned slash commands in completion and `/help`. */
+const LOCAL_COMMANDS = [
+  { label: '/help', description: 'show this overlay' },
+  { label: '/model', description: 'switch the model and manage providers' },
+  { label: '/effort', description: 'adjust reasoning effort for the current model' },
+  { label: '/mode', description: 'inspect or select the agent preset (/mode [preset])' },
+  { label: '/permission', description: 'inspect or select the permission preset (/permission [preset])' },
+  { label: '/new', description: 'create and switch to a fresh session (/new [preset])' },
+  { label: '/fork', description: 'fork at the latest completed turn (/fork [event-seq])' },
+  { label: '/resume', description: 'browse or switch root sessions (/resume [id|prefix])' },
+  { label: '/plugin', description: 'inspect the live plugin composition' },
+  { label: '/jobs', description: 'inspect background jobs' },
+  { label: '/statusline', description: 'customize the status line items' },
+  { label: '/theme', description: 'switch the color theme' },
+  { label: '/history', description: 'search and recall past prompts' },
+  { label: '/agents', description: 'inspect subagent sessions of this conversation' },
+  { label: '/todos', description: 'inspect the full todo list' },
+  { label: '/subagent', description: 'choose the model delegated subagents run on' },
+  { label: '/vscode-keys', description: 'pass ctrl+r through the vs code terminal' },
+  { label: '/delete', description: 'delete a session and its subagent threads' },
+  { label: '/clear', description: 'clear the screen' },
+  { label: '/export', description: 'export the transcript to markdown (/export [path])' },
+  { label: '/title', description: 'rename this session (/title <text>)' },
+  { label: '/copy', description: 'copy the latest assistant response' },
+  { label: '/diff', description: 'inspect Git changes (/diff [--staged|ref])' },
+  { label: '/review', description: 'review Git changes under read-only permissions' },
+  { label: '/quit', description: 'exit' },
+] as const
+
+const LOCAL_COMMAND_NAMES = new Set(LOCAL_COMMANDS.map(command => command.label.slice(1)))
 
 /** Props the runner hands the app; callbacks stay owned by the runner. */
 export interface AppProps {
@@ -268,9 +270,9 @@ export interface AppProps {
   /** Permission preset selected for the current or pending first session. */
   permission: string
   /** Submit one line: slash commands to the registry, other text to the agent. */
-  dispatch(text: string, images?: readonly ImageBlock[]): void
-  /** Submit steering: consumed at the running turn's next step boundary. */
-  steer(text: string, images?: readonly ImageBlock[]): void
+  dispatch(text: string, images?: readonly ImageBlock[]): void
+  /** Submit steering: consumed at the running turn's next step boundary. */
+  steer(text: string, images?: readonly ImageBlock[]): void
   /** Interrupt the running turn (Esc); true when a turn was cancelled. */
   interrupt(): boolean
   /** Quit: unmount, flush, and request process exit. */
@@ -278,11 +280,11 @@ export interface AppProps {
   /** Load the selectable model directory (called when /model opens). */
   loadModels(): Promise<ModelDirectory>
   /** Load @mention candidates for the typed query (files + sessions). */
-  loadMentions(query: string, signal?: AbortSignal): Promise<readonly MentionCandidate[]>
-  /** Validate draft image paths without committing attachment objects. */
-  inspectImages(paths: readonly string[]): Promise<readonly ImagePathInspection[]>
-  /** Validate, normalize and persist images immediately before submission. */
-  prepareImages(paths: readonly string[], signal?: AbortSignal): Promise<readonly ImageBlock[]>
+  loadMentions(query: string, signal?: AbortSignal): Promise<readonly MentionCandidate[]>
+  /** Validate draft image paths without committing attachment objects. */
+  inspectImages(paths: readonly string[]): Promise<readonly ImagePathInspection[]>
+  /** Validate, normalize and persist images immediately before submission. */
+  prepareImages(paths: readonly string[], signal?: AbortSignal): Promise<readonly ImageBlock[]>
   /** Apply one /model selection (with an advertised reasoning effort, when picked); returns the display label. */
   selectModel(row: ModelRow, effortId?: string): string
   /** The /subagent override label, '' when delegated agents follow the current model. */
@@ -303,21 +305,21 @@ export interface AppProps {
   unsetModelProviderCredential?(target: ProviderTargetView): Promise<void>
   /** Remove one user-owned provider profile and its page-managed credential. */
   removeModelProvider?(target: ProviderTargetView): Promise<void>
-  /** Save endpoint and explicit model capacities through the provider profile. */
-  saveModelProviderConfiguration?(target: ProviderTargetView, configuration: ProviderConfiguration): Promise<void>
-  /** Provider authorization flows and value-free stored-record facts. */
-  loadProviderAuthorizations?(): Promise<ProviderAuthorizationDirectory>
-  subscribeProviderAuthorizations?(listener: () => void): () => void
-  beginProviderAuthorization?(
-    row: ProviderAuthorizationRow,
-    method: string,
-    interaction: AuthorizationInteraction,
-    signal: AbortSignal,
-  ): Promise<AuthorizationStatus>
-  cancelProviderAuthorization?(row: ProviderAuthorizationRow): void
-  logoutProviderAuthorization?(row: ProviderAuthorizationRow): Promise<void>
-  openAuthorizationUrl?(url: string): boolean
-  copyTextValue?(text: string): Promise<void>
+  /** Save endpoint and explicit model capacities through the provider profile. */
+  saveModelProviderConfiguration?(target: ProviderTargetView, configuration: ProviderConfiguration): Promise<void>
+  /** Provider authorization flows and value-free stored-record facts. */
+  loadProviderAuthorizations?(): Promise<ProviderAuthorizationDirectory>
+  subscribeProviderAuthorizations?(listener: () => void): () => void
+  beginProviderAuthorization?(
+    row: ProviderAuthorizationRow,
+    method: string,
+    interaction: AuthorizationInteraction,
+    signal: AbortSignal,
+  ): Promise<AuthorizationStatus>
+  cancelProviderAuthorization?(row: ProviderAuthorizationRow): void
+  logoutProviderAuthorization?(row: ProviderAuthorizationRow): Promise<void>
+  openAuthorizationUrl?(url: string): boolean
+  copyTextValue?(text: string): Promise<void>
   /** Cycle to the next permission preset (Shift+Tab); returns the new label. */
   cyclePermission(): string
   /** Select or inspect a permission preset without requiring a pre-existing session. */
@@ -363,6 +365,8 @@ export interface AppProps {
   recordHistory(text: string): void
   /** Cancel one queued inbox message by identity (Delete on the empty composer). */
   cancelQueued(messageId: string): void
+  /** Apply the Ctrl+R terminal passthrough to the detected editor (/vscode-keys); resolves to a one-line summary. */
+  applyEditorKeys(): Promise<string>
 }
 
 /** Pad text with spaces to a visible-column target (menu name column). */
@@ -372,15 +376,15 @@ function padColumns(text: string, width: number): string {
 }
 
 /** Interval-driven frame counter for one self-contained animated leaf. */
-function useFrames(intervalMs: number, active = true): number {
-  const [tick, setTick] = useState(0)
-  useEffect(() => {
-    if (!active) return
-    const id = setInterval(() => setTick(current => current + 1), intervalMs)
+function useFrames(intervalMs: number, active = true): number {
+  const [tick, setTick] = useState(0)
+  useEffect(() => {
+    if (!active) return
+    const id = setInterval(() => setTick(current => current + 1), intervalMs)
     return () => {
       clearInterval(id)
     }
-  }, [active, intervalMs])
+  }, [active, intervalMs])
   return tick
 }
 
@@ -399,11 +403,11 @@ function useStableInput(handler: (input: string, key: Key) => void, active: bool
   useInput(stableHandler, { isActive: active })
 }
 
-/** The original web StateDot chase used by the busy composer marker. */
-function BusyChase(): ReactElement {
-  const tick = useFrames(BUSY_CHASE_TICK_MS)
-  return createElement(Text, { color: inkColor(getPalette().brandBright) }, busyChaseFrame(tick) + ' ')
-}
+/** The original web StateDot chase used by the busy composer marker. */
+function BusyChase(): ReactElement {
+  const tick = useFrames(BUSY_CHASE_TICK_MS)
+  return createElement(Text, { color: inkColor(getPalette().brandBright) }, busyChaseFrame(tick) + ' ')
+}
 
 /** Blinking block caret appended to streaming text. */
 function Caret(): ReactElement {
@@ -411,54 +415,64 @@ function Caret(): ReactElement {
   return createElement(Text, null, caretVisible(tick) ? '▍' : ' ')
 }
 
-/** One resettable input-caret phase shared by the entire composer. */
-function useCursorBlink(active: boolean): { visible: boolean; reset(): void } {
-  const [epoch, setEpoch] = useState(0)
-  const [visible, setVisible] = useState(true)
-  useEffect(() => {
-    setVisible(true)
-    if (!active) return
-    const id = setInterval(() => setVisible(current => !current), 530)
-    return () => {
-      clearInterval(id)
-    }
-  }, [active, epoch])
-  const reset = useCallback((): void => {
-    setVisible(true)
-    setEpoch(current => current + 1)
-  }, [])
-  return { visible, reset }
-}
+/** One resettable input-caret phase shared by the entire composer. */
+function useCursorBlink(active: boolean): { visible: boolean; reset(): void } {
+  const [epoch, setEpoch] = useState(0)
+  const [visible, setVisible] = useState(true)
+  useEffect(() => {
+    setVisible(true)
+    if (!active) return
+    const id = setInterval(() => setVisible(current => !current), 530)
+    return () => {
+      clearInterval(id)
+    }
+  }, [active, epoch])
+  const reset = useCallback((): void => {
+    setVisible(true)
+    setEpoch(current => current + 1)
+  }, [])
+  return { visible, reset }
+}
 
 /**
- * The busy line, web TurnStatus contract: a continuously moving blue gradient
- * paints the complete `Deep diving...` label, with the elapsed clock appended
- * only once the turn has clearly been running (15s) — anchored to `turn/start`
- * so a resumed mid-turn keeps the real time.
- */
-function DeepDivingLine({ since }: { since: number }): ReactElement {
-  const tick = useFrames(DEEP_DIVING_SHIMMER_TICK_MS)
-  const elapsed = since === 0 ? 0 : Date.now() - since
-  const text = elapsed >= 15_000 ? `✻ Deep diving... ${runClock(elapsed)}` : '✻ Deep diving...'
-  const palette = getPalette()
-  const graphemes = splitGraphemes(text)
-  return createElement(
-    Text,
-    { wrap: 'truncate-end' },
-    ...graphemes.map((grapheme, index) => {
-      const sparkle = grapheme.text === '✻'
-      return createElement(
-        Text,
-        {
-          key: `${grapheme.start}-${grapheme.end}`,
-          color: inkColor(sparkle ? deepDivingSparkColor(tick, palette.brandDeep, palette.brandBright) : deepDivingGradientColor(index, tick, graphemes.length, palette.brandDeep, palette.brandBright)),
-          bold: sparkle || undefined,
-        },
-        grapheme.text,
-      )
-    }),
-  )
-}
+ * One bounded line painted with the deep-diving shimmer: a continuously
+ * moving blue gradient across graphemes, the `✻` glyph in the breathing
+ * spark color. Shared by the busy line and the collapsed thinking marker;
+ * always exactly one row (truncate-end) so the live budget stays exact.
+ */
+function ShimmerLine({ text }: { text: string }): ReactElement {
+  const tick = useFrames(DEEP_DIVING_SHIMMER_TICK_MS)
+  const palette = getPalette()
+  const graphemes = splitGraphemes(text)
+  return createElement(
+    Text,
+    { wrap: 'truncate-end' },
+    ...graphemes.map((grapheme, index) => {
+      const sparkle = grapheme.text === '✻'
+      return createElement(
+        Text,
+        {
+          key: `${grapheme.start}-${grapheme.end}`,
+          color: inkColor(sparkle ? deepDivingSparkColor(tick, palette.brandDeep, palette.brandBright) : deepDivingGradientColor(index, tick, graphemes.length, palette.brandDeep, palette.brandBright)),
+          bold: sparkle || undefined,
+        },
+        grapheme.text,
+      )
+    }),
+  )
+}
+
+/**
+ * The busy line, web TurnStatus contract: a continuously moving blue gradient
+ * paints the complete `Deep diving...` label, with the elapsed clock appended
+ * only once the turn has clearly been running (15s) — anchored to `turn/start`
+ * so a resumed mid-turn keeps the real time.
+ */
+function DeepDivingLine({ since }: { since: number }): ReactElement {
+  const elapsed = since === 0 ? 0 : Date.now() - since
+  const text = elapsed >= 15_000 ? `✻ Deep diving... ${runClock(elapsed)}` : '✻ Deep diving...'
+  return createElement(ShimmerLine, { text })
+}
 
 /**
  * The streaming buffer rendered with a hard size cap: the live region must
@@ -699,11 +713,12 @@ function todoMark(status: TodoItem['status']): string {
 
 /**
  * One-row live subagent summary (the Codex agent status feed, compressed to
- * the transcript's budget): running count, total, and the most recently
- * active child's current activity. One line, never more — the full view is
- * the /agents panel.
+ * the transcript's budget): running count, the observed total (the row cap
+ * is a display budget, not the fan-out size), and the most recently active
+ * child's current activity. One line, never more — the full view is the
+ * /agents panel.
  */
-function AgentsLine({ rows }: { rows: readonly SubagentRow[] }): ReactElement | undefined {
+function AgentsLine({ rows, total }: { rows: readonly SubagentRow[]; total: number }): ReactElement | undefined {
   if (rows.length === 0) return undefined
   const running = rows.filter(row => row.state !== 'done').length
   const newest = [...rows].sort((left, right) => right.updatedAt - left.updatedAt)[0]!
@@ -715,7 +730,7 @@ function AgentsLine({ rows }: { rows: readonly SubagentRow[] }): ReactElement |
       Text,
       { color: inkColor(getPalette().brand), bold: true, wrap: 'truncate-end' },
       `agents ${running} live`,
-      createElement(Text, { color: inkColor(getPalette().dim) }, ` · ${rows.length} total · /agents`),
+      createElement(Text, { color: inkColor(getPalette().dim) }, ` · ${total} total · /agents`),
       createElement(Text, { color: inkColor(getPalette().text) }, ` · ${mark} ${newest.label} ${newest.activity}`),
     ),
   )
@@ -1523,10 +1538,10 @@ function ModelPanel({ directory, error, current, onSelect, onProviders, onRetry,
     createElement(Text, { color: inkColor(getPalette().brand), bold: true, wrap: 'truncate-end' }, truncateColumns(`/model — select model${rows.length === 0 ? '' : ` · ${cursor + 1}/${rows.length}`}`, viewport.contentColumns)),
     createElement(PanelGap, { visible: viewport.gapRows > 0 }),
     ...visibleStateRows,
-    ...visible.map((row) => {
-      const index = rows.indexOf(row)
-      const capability = row.inputModalities?.includes('image') === true ? ' · image' : ''
-      const label = displayText(`${row.providerName} · ${row.modelName}${capability}`)
+    ...visible.map((row) => {
+      const index = rows.indexOf(row)
+      const capability = row.inputModalities?.includes('image') === true ? ' · image' : ''
+      const label = displayText(`${row.providerName} · ${row.modelName}${capability}`)
       return createElement(
         Text,
         {
@@ -1556,17 +1571,17 @@ function providerStateLabel(row: ProviderTargetView): string {
 }
 
 /** The provider-management stage reached from /model with `a`. */
-function ProviderPanel({ directory, error, authorizations, authorizationError, onCredential, onConfigure, onUnset, onRemove, onLogin, onLogout, onRetry, onBack }: {
-  directory: ProviderSettingsDirectory | undefined
-  error: string | undefined
-  authorizations: ProviderAuthorizationDirectory | undefined
-  authorizationError: string | undefined
-  onCredential(target: ProviderTargetView): void
-  onConfigure(target: ProviderTargetView): void
-  onUnset(target: ProviderTargetView): void
-  onRemove(target: ProviderTargetView): void
-  onLogin(target: ProviderTargetView, authorization: ProviderAuthorizationRow): void
-  onLogout(target: ProviderTargetView, authorization: ProviderAuthorizationRow): void
+function ProviderPanel({ directory, error, authorizations, authorizationError, onCredential, onConfigure, onUnset, onRemove, onLogin, onLogout, onRetry, onBack }: {
+  directory: ProviderSettingsDirectory | undefined
+  error: string | undefined
+  authorizations: ProviderAuthorizationDirectory | undefined
+  authorizationError: string | undefined
+  onCredential(target: ProviderTargetView): void
+  onConfigure(target: ProviderTargetView): void
+  onUnset(target: ProviderTargetView): void
+  onRemove(target: ProviderTargetView): void
+  onLogin(target: ProviderTargetView, authorization: ProviderAuthorizationRow): void
+  onLogout(target: ProviderTargetView, authorization: ProviderAuthorizationRow): void
   onRetry(): void
   onBack(): void
 }): ReactElement {
@@ -1633,27 +1648,27 @@ function ProviderPanel({ directory, error, authorizations, authorizationError, o
       }
       return
     }
-    if (input === 'x') {
+    if (input === 'x') {
       if (!target.removable) {
         setActionError('this provider profile is not removable')
       } else {
         onRemove(target)
       }
-      return
-    }
-    const authorization = authorizationForProvider(authorizations, target.provider)
-    if (input === 'l' || input === 'L') {
-      if (authorization === undefined) setActionError('this provider offers no interactive login flow')
-      else if (authorization.inFlight) setActionError('a login attempt is already running for this provider')
-      else onLogin(target, authorization)
-      return
-    }
-    if (input === 'o' || input === 'O') {
-      if (authorization === undefined || !authorization.record.configured) setActionError('this provider has no login record to remove')
-      else if (!authorization.record.writable) setActionError('this login record is read-only')
-      else onLogout(target, authorization)
-      return
-    }
+      return
+    }
+    const authorization = authorizationForProvider(authorizations, target.provider)
+    if (input === 'l' || input === 'L') {
+      if (authorization === undefined) setActionError('this provider offers no interactive login flow')
+      else if (authorization.inFlight) setActionError('a login attempt is already running for this provider')
+      else onLogin(target, authorization)
+      return
+    }
+    if (input === 'o' || input === 'O') {
+      if (authorization === undefined || !authorization.record.configured) setActionError('this provider has no login record to remove')
+      else if (!authorization.record.writable) setActionError('this login record is read-only')
+      else onLogout(target, authorization)
+      return
+    }
     if (key.return) {
       if (target.settingsNs.length === 0) {
         setActionError('this provider is not managed by Harness settings')
@@ -1681,19 +1696,19 @@ function ProviderPanel({ directory, error, authorizations, authorizationError, o
         ...(actionError === undefined
           ? []
           : [createElement(Text, { key: 'action-error', color: inkColor(getPalette().error), wrap: 'truncate-end' }, truncateColumns(`  ${actionError}`, viewport.contentColumns))]),
-        ...(directory?.failures ?? []).map((failure, index) => createElement(
+        ...(directory?.failures ?? []).map((failure, index) => createElement(
           Text,
           { key: `failure-${index}`, color: inkColor(getPalette().warn), wrap: 'truncate-end' },
-          truncateColumns(`  ${singleLineText(failure)}`, viewport.contentColumns),
-        )),
-        ...(authorizationError === undefined
-          ? []
-          : [createElement(Text, { key: 'authorization-error', color: inkColor(getPalette().warn), wrap: 'truncate-end' }, truncateColumns(`  login status unavailable: ${singleLineText(authorizationError)}`, viewport.contentColumns))]),
-        ...(authorizations?.failures ?? []).map((failure, index) => createElement(
-          Text,
-          { key: `authorization-failure-${index}`, color: inkColor(getPalette().warn), wrap: 'truncate-end' },
-          truncateColumns(`  ${singleLineText(failure)}`, viewport.contentColumns),
-        )),
+          truncateColumns(`  ${singleLineText(failure)}`, viewport.contentColumns),
+        )),
+        ...(authorizationError === undefined
+          ? []
+          : [createElement(Text, { key: 'authorization-error', color: inkColor(getPalette().warn), wrap: 'truncate-end' }, truncateColumns(`  login status unavailable: ${singleLineText(authorizationError)}`, viewport.contentColumns))]),
+        ...(authorizations?.failures ?? []).map((failure, index) => createElement(
+          Text,
+          { key: `authorization-failure-${index}`, color: inkColor(getPalette().warn), wrap: 'truncate-end' },
+          truncateColumns(`  ${singleLineText(failure)}`, viewport.contentColumns),
+        )),
         ...(rows.length === 0
           ? [createElement(Text, { key: 'empty', color: inkColor(getPalette().dim), wrap: 'truncate-end' }, '  no configurable providers')]
           : []),
@@ -1709,13 +1724,13 @@ function ProviderPanel({ directory, error, authorizations, authorizationError, o
     createElement(PanelGap, { visible: viewport.gapRows > 0 }),
     ...visibleStateRows,
     ...visible.map((row) => {
-      const index = rows.indexOf(row)
-      const identity = row.displayName === row.provider ? row.provider : `${row.displayName} (${row.provider})`
-      const authorization = authorizationForProvider(authorizations, row.provider)
-      const manualKeyConfigured = row.credential?.kind === 'facts' && row.credential.configured
-      const showAuthorization = !manualKeyConfigured || authorization?.record.configured === true || authorization?.inFlight === true
-      const authLabel = showAuthorization ? ` · ${providerAuthorizationStatus(authorization)}` : ''
-      const label = `${identity} · ${providerStateLabel(row)}${authLabel}${row.removable ? ' · custom' : ''}`
+      const index = rows.indexOf(row)
+      const identity = row.displayName === row.provider ? row.provider : `${row.displayName} (${row.provider})`
+      const authorization = authorizationForProvider(authorizations, row.provider)
+      const manualKeyConfigured = row.credential?.kind === 'facts' && row.credential.configured
+      const showAuthorization = !manualKeyConfigured || authorization?.record.configured === true || authorization?.inFlight === true
+      const authLabel = showAuthorization ? ` · ${providerAuthorizationStatus(authorization)}` : ''
+      const label = `${identity} · ${providerStateLabel(row)}${authLabel}${row.removable ? ' · custom' : ''}`
       return createElement(
         Text,
         { key: row.provider, color: index === cursor ? inkColor(getPalette().brandBright) : inkColor(getPalette().dim), wrap: 'truncate-end' },
@@ -1723,7 +1738,7 @@ function ProviderPanel({ directory, error, authorizations, authorizationError, o
       )
     }),
     createElement(PanelGap, { visible: viewport.gapRows > 0 }),
-    createElement(Text, { color: inkColor(getPalette().dim), wrap: 'truncate-end' }, truncateColumns('↑↓ move · enter key · l login · o logout · tab configure · d remove key · x remove provider · r retry · esc back', viewport.contentColumns)),
+    createElement(Text, { color: inkColor(getPalette().dim), wrap: 'truncate-end' }, truncateColumns('↑↓ move · enter key · l login · o logout · tab configure · d remove key · x remove provider · r retry · esc back', viewport.contentColumns)),
   )
 }
 
@@ -2004,7 +2019,7 @@ function HelpPanel({ descriptors, skills, commandError, skillError, onClose }: {
     createElement(Text, { key: 'keys-title', bold: true, wrap: 'truncate-end' }, ' keys'),
     createElement(Text, { key: 'key-submit', dimColor: true, wrap: 'truncate-end' }, '  enter submit · up/down history · tab complete'),
     createElement(Text, { key: 'key-mentions', dimColor: true, wrap: 'truncate-end' }, '  @ mentions workspace files and sessions'),
-    createElement(Text, { key: 'key-inspector', dimColor: true, wrap: 'truncate-end' }, '  ctrl+o history details · ctrl+r thinking · shift+tab permission preset'),
+    createElement(Text, { key: 'key-inspector', dimColor: true, wrap: 'truncate-end' }, '  ctrl+o history details · ctrl/alt+r thinking · shift+tab permission preset'),
     createElement(Text, { key: 'key-cancel', dimColor: true, wrap: 'truncate-end' }, '  esc interrupt the running turn · ctrl+c cancel / clear / quit · ctrl+d exit'),
     createElement(Text, { key: 'key-queue', dimColor: true, wrap: 'truncate-end' }, '  delete on the empty composer cancels the newest queued message'),
     createElement(Text, { key: 'key-edit', dimColor: true, wrap: 'truncate-end' }, '  ctrl+k cut to end of line · ctrl+u clear line · ctrl+a / ctrl+e line ends'),
@@ -2017,12 +2032,12 @@ function HelpPanel({ descriptors, skills, commandError, skillError, onClose }: {
         { key: 'commands-error', color: inkColor(getPalette().error), wrap: 'truncate-end' },
         truncateColumns(`  command catalog unavailable: ${singleLineText(commandError)}`, viewport.contentColumns),
       )]),
-    ...LOCAL_COMMANDS.map(command => createElement(
-      Box,
-      { key: `local-${command.label.slice(1)}` },
-      row(command.label, command.description),
-    )),
-    ...descriptors.filter(descriptor => !LOCAL_COMMAND_NAMES.has(descriptor.name)).map(descriptor => createElement(
+    ...LOCAL_COMMANDS.map(command => createElement(
+      Box,
+      { key: `local-${command.label.slice(1)}` },
+      row(command.label, command.description),
+    )),
+    ...descriptors.filter(descriptor => !LOCAL_COMMAND_NAMES.has(descriptor.name)).map(descriptor => createElement(
       Text,
       { key: `command-${descriptor.name}`, dimColor: true, wrap: 'truncate-end' },
       `  ${padColumns(`/${descriptor.name}`, nameWidth)}${dim(truncateColumns(displayText(descriptor.description), descBudget))}`,
@@ -2089,13 +2104,13 @@ function verboseLine(text: string, columns: number): string {
   return truncateColumns(displayText(text).replace(/\n/gu, ' ↵ ').replace(/\t/gu, '  '), Math.max(1, columns))
 }
 
-/** The empty-composer placeholder text (shared by the static and wave paths). */
-const COMPOSER_PLACEHOLDER = 'type a message · / commands · @ mentions'
+/** The empty-composer placeholder text (shared by the static and wave paths). */
+const COMPOSER_PLACEHOLDER = 'type a message · / commands · @ mentions'
 
 /** One physical cell of the wave-painted composer row: a char plus styles. */
-interface ComposerCell {
-  char: string
-  width?: number
+interface ComposerCell {
+  char: string
+  width?: number
   color?: string
   backgroundColor?: string
   bold?: boolean
@@ -2325,12 +2340,12 @@ export function completionCandidates(
 ): readonly CompletionCandidate[] {
   if (!value.startsWith('/')) return []
   const prefix = value.slice(1).split(' ')[0] ?? ''
-  const local: CompletionCandidate[] = LOCAL_COMMANDS.map(command => ({ ...command, origin: 'command' }))
+  const local: CompletionCandidate[] = LOCAL_COMMANDS.map(command => ({ ...command, origin: 'command' }))
   // Local commands shadow registry names (e.g. the TUI-local /permission works
   // before any session exists, while the registry child needs one), so
   // collisions cannot render two rows with the same key.
-  const registry = descriptors
-    .filter(descriptor => !LOCAL_COMMAND_NAMES.has(descriptor.name))
+  const registry = descriptors
+    .filter(descriptor => !LOCAL_COMMAND_NAMES.has(descriptor.name))
     .map((descriptor): CompletionCandidate => ({
       label: `/${descriptor.name}`,
       description: descriptor.description,
@@ -2420,25 +2435,25 @@ function CompletionMenu({ active, mention, index, rows }: {
   )
 }
 
-interface DraftImage extends ImagePathInspection {
-  /** Visible draft token; deleting it also detaches the hidden path. */
-  readonly marker: string
-}
-
-/**
- * The prompt box: TUI-local slash commands handled locally, other lines
+interface DraftImage extends ImagePathInspection {
+  /** Visible draft token; deleting it also detaches the hidden path. */
+  readonly marker: string
+}
+
+/**
+ * The prompt box: TUI-local slash commands handled locally, other lines
  * dispatched; input editing keeps a cursor with history and completion.
  * While a modal (approval / question / model panel) owns the keys, the
  * box passes every key through untouched.
  */
-function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, interrupt, quit, openModel, openEffort, openHelp, openMode, openPermission, openResume, openPlugin, openJobs, openStatusline, openTheme, openHistory, openAgents, openSubagent, openTodos, openDelete, openDiff, reviewChanges, deleteConfirm, confirmDelete, cancelDelete, createSession, forkSession, cancelSessionSwitch, notify, hasNotice, dismissNotice, toggleReasoning, openVerbose, clearView, refresh, loadMentions, inspectImages, prepareImages, cyclePermission, exportTranscript, renameTitle, copyLastResponse, recallSpace, recordLocal, recordHistory, queued, cancelQueued, historyFill, historyConsumed, waveTier, waveStyle, maxRows, onEditorRows }: {
+function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, interrupt, quit, openModel, openEffort, openHelp, openMode, openPermission, openResume, openPlugin, openJobs, openStatusline, openTheme, openHistory, openAgents, openSubagent, openTodos, openDelete, openDiff, reviewChanges, deleteConfirm, confirmDelete, cancelDelete, createSession, forkSession, cancelSessionSwitch, notify, applyEditorKeys, hasNotice, dismissNotice, toggleReasoning, openVerbose, clearView, refresh, loadMentions, inspectImages, prepareImages, cyclePermission, exportTranscript, renameTitle, copyLastResponse, recallSpace, recordLocal, recordHistory, queued, cancelQueued, historyFill, historyConsumed, waveTier, waveStyle, maxRows, onEditorRows }: {
   active: boolean
   frozen: boolean
   busy: boolean
   descriptors: readonly CommandDescriptor[]
   skills: readonly SkillRow[]
-  dispatch(text: string, images?: readonly ImageBlock[]): void
-  steer(text: string, images?: readonly ImageBlock[]): void
+  dispatch(text: string, images?: readonly ImageBlock[]): void
+  steer(text: string, images?: readonly ImageBlock[]): void
   interrupt(): boolean
   quit(): void
   openModel(): void
@@ -2472,15 +2487,17 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
   forkSession(argument: string): void
   cancelSessionSwitch(): boolean
   notify(text: string, tone?: NoticeTone): void
+  /** Apply the Ctrl+R passthrough to the detected editor (/vscode-keys); resolves to a one-line summary. */
+  applyEditorKeys(): Promise<string>
   hasNotice: boolean
   dismissNotice(): void
   toggleReasoning(): void
   openVerbose(): void
   clearView(): void
   refresh(): void
-  loadMentions(query: string, signal?: AbortSignal): Promise<readonly MentionCandidate[]>
-  inspectImages(paths: readonly string[]): Promise<readonly ImagePathInspection[]>
-  prepareImages(paths: readonly string[], signal?: AbortSignal): Promise<readonly ImageBlock[]>
+  loadMentions(query: string, signal?: AbortSignal): Promise<readonly MentionCandidate[]>
+  inspectImages(paths: readonly string[]): Promise<readonly ImagePathInspection[]>
+  prepareImages(paths: readonly string[], signal?: AbortSignal): Promise<readonly ImageBlock[]>
   cyclePermission(): string
   exportTranscript(argument: string): Promise<void>
   renameTitle(argument: string): string
@@ -2511,28 +2528,28 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
   maxRows: number
   /** Reports the editor's current physical row count so the live budget stays exact. */
   onEditorRows(rows: number): void
-}): ReactElement {
-  const columns = useStdout().stdout?.columns ?? 80
-  const editorColumns = Math.max(1, columns - 6)
-  const stdin = useStdin().stdin
-  const focusReporting = isVsCodeTerminalEnv()
-  const [value, setValue] = useState('')
-  const [cursor, setCursor] = useState(0)
-  const valueRef = useRef(value)
-  const cursorRef = useRef(cursor)
-  valueRef.current = value
-  cursorRef.current = cursor
-  const [draftImages, setDraftImages] = useState<readonly DraftImage[]>([])
-  const draftImagesRef = useRef(draftImages)
-  draftImagesRef.current = draftImages
-  const [preparingImages, setPreparingImages] = useState(false)
-  const prepareAbortRef = useRef<AbortController | undefined>(undefined)
-  const prepareEpochRef = useRef(0)
-  const { visible: cursorVisible, reset: resetCursorBlink } = useCursorBlink(active && !frozen && !preparingImages)
-  useEffect(() => () => {
-    prepareEpochRef.current += 1
-    prepareAbortRef.current?.abort()
-  }, [])
+}): ReactElement {
+  const columns = useStdout().stdout?.columns ?? 80
+  const editorColumns = Math.max(1, columns - 6)
+  const stdin = useStdin().stdin
+  const focusReporting = isVsCodeTerminalEnv()
+  const [value, setValue] = useState('')
+  const [cursor, setCursor] = useState(0)
+  const valueRef = useRef(value)
+  const cursorRef = useRef(cursor)
+  valueRef.current = value
+  cursorRef.current = cursor
+  const [draftImages, setDraftImages] = useState<readonly DraftImage[]>([])
+  const draftImagesRef = useRef(draftImages)
+  draftImagesRef.current = draftImages
+  const [preparingImages, setPreparingImages] = useState(false)
+  const prepareAbortRef = useRef<AbortController | undefined>(undefined)
+  const prepareEpochRef = useRef(0)
+  const { visible: cursorVisible, reset: resetCursorBlink } = useCursorBlink(active && !frozen && !preparingImages)
+  useEffect(() => () => {
+    prepareEpochRef.current += 1
+    prepareAbortRef.current?.abort()
+  }, [])
   // Codex textarea editing state: a single-entry kill buffer, the vertical
   // move's preferred display column, the editor's scroll window, and the
   // bracketed-paste marker state. All of it is editor-local; nothing here
@@ -2543,30 +2560,30 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
   const pasteBracketRef = useRef(false)
   /** Cancels the pending lost-paste safety timer (undefined when disarmed). */
   const pasteBracketCancelRef = useRef<(() => void) | undefined>(undefined)
-  /** Ordered editor tokens from the stdin chunk Ink is about to deliver. */
-  const rawEditorTokens = useRef<readonly RawEditorToken[] | undefined>(undefined)
-  /** VS Code focus state from xterm focus-report events; starts focused. */
-  const terminalFocusedRef = useRef(true)
+  /** Ordered editor tokens from the stdin chunk Ink is about to deliver. */
+  const rawEditorTokens = useRef<readonly RawEditorToken[] | undefined>(undefined)
+  /** VS Code focus state from xterm focus-report events; starts focused. */
+  const terminalFocusedRef = useRef(true)
   // Codex shell-style recall: the navigation cursor, the saved draft restored
   // on Down past the newest entry, and the boundary-gate anchor.
-  const recall = useRef<RecallState>(beginRecall([], ''))
-
-  useEffect(() => {
-    preferredColumnRef.current = null
-  }, [editorColumns])
+  const recall = useRef<RecallState>(beginRecall([], ''))
+
+  useEffect(() => {
+    preferredColumnRef.current = null
+  }, [editorColumns])
 
   // A /history panel acceptance lands as a fill: place the sanitized text at
   // the end of the composer and resume recall from that entry.
-  useEffect(() => {
-    if (historyFill === undefined) return
-    const safe = sanitizeDraftText(historyFill.text)
-    draftImagesRef.current = []
-    setDraftImages([])
-    valueRef.current = safe
-    cursorRef.current = safe.length
-    setValue(safe)
-    setCursor(safe.length)
-    resetCursorBlink()
+  useEffect(() => {
+    if (historyFill === undefined) return
+    const safe = sanitizeDraftText(historyFill.text)
+    draftImagesRef.current = []
+    setDraftImages([])
+    valueRef.current = safe
+    cursorRef.current = safe.length
+    setValue(safe)
+    setCursor(safe.length)
+    resetCursorBlink()
     preferredColumnRef.current = null
     setDismissedMenuValue(undefined)
     recall.current = {
@@ -2576,44 +2593,44 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
       lastRecalled: safe,
     }
     historyConsumed()
-  }, [historyFill, recallSpace, historyConsumed, resetCursorBlink])
-
-  useEffect(() => {
-    setDraftImages((current) => {
-      const next = current.filter(image => value.includes(image.marker))
-      draftImagesRef.current = next
-      return next.length === current.length ? current : next
-    })
-  }, [value])
+  }, [historyFill, recallSpace, historyConsumed, resetCursorBlink])
+
+  useEffect(() => {
+    setDraftImages((current) => {
+      const next = current.filter(image => value.includes(image.marker))
+      draftImagesRef.current = next
+      return next.length === current.length ? current : next
+    })
+  }, [value])
 
   // Home/End and the Backspace-vs-Delete family never survive Ink's parser
   // as distinct keys, and kitty CSI-u forms parse as unnamed junk Ink would
   // insert as draft text.
   // Patch stdin.read — the single choke point Ink's input loop pulls every
-  // chunk through — to first rewrite decodable CSI-u sequences to their
-  // legacy bytes, then tokenize editor-only sequences before Ink emits the
-  // matching input event. Batched Home/End/Delete/Backspace actions remain
-  // ordered even though Ink invokes useInput only once for the whole chunk.
+  // chunk through — to first rewrite decodable CSI-u sequences to their
+  // legacy bytes, then tokenize editor-only sequences before Ink emits the
+  // matching input event. Batched Home/End/Delete/Backspace actions remain
+  // ordered even though Ink invokes useInput only once for the whole chunk.
   useEffect(() => {
     if (stdin === undefined) return
     const originalRead = stdin.read.bind(stdin)
     const patchedRead = function patchedRead(this: typeof stdin, ...args: Parameters<typeof originalRead>) {
-      const chunk = originalRead(...args)
-      if (chunk === null) return chunk
-      const normalized = normalizeKeyboardChunk(typeof chunk === 'string' ? chunk : String(chunk))
-      const input = focusReporting
-        ? stripTerminalFocusEvents(normalized, focused => {
-          terminalFocusedRef.current = focused
-        })
-        : normalized
-      rawEditorTokens.current = tokenizeRawEditorChunk(input)
-      return input
+      const chunk = originalRead(...args)
+      if (chunk === null) return chunk
+      const normalized = normalizeKeyboardChunk(typeof chunk === 'string' ? chunk : String(chunk))
+      const input = focusReporting
+        ? stripTerminalFocusEvents(normalized, focused => {
+          terminalFocusedRef.current = focused
+        })
+        : normalized
+      rawEditorTokens.current = tokenizeRawEditorChunk(input)
+      return input
     } as typeof stdin.read
     stdin.read = patchedRead
     return () => {
       stdin.read = originalRead as typeof stdin.read
     }
-  }, [focusReporting, stdin])
+  }, [focusReporting, stdin])
 
   // Keep the navigation's recall space fresh while browsing state survives
   // (new local submissions extend the space; the index stays valid unless
@@ -2636,112 +2653,112 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
   const mentionToken = tokenMatch === null
     ? undefined
     : { start: beforeCursor.length - lastLine.length + (tokenMatch.index ?? 0) + (tokenMatch[1]?.length ?? 0), query: tokenMatch[2] ?? '' }
-  const mentionActive = mentionToken !== undefined
-  const [mentionRows, setMentionRows] = useState<readonly MentionCandidate[]>([])
-  const mentionRequestRef = useRef(0)
-
-  const sameImagePath = (left: string, right: string): boolean => (
-    process.platform === 'win32' ? left.toLowerCase() === right.toLowerCase() : left === right
-  )
-
-  const uniqueImageMarker = (name: string, source: 'mention' | 'drop', reserved: readonly string[] = []): string => {
-    const safeName = singleLineText(sanitizeDraftText(name))
-    const base = source === 'mention' ? `@${safeName}` : `[image: ${safeName}]`
-    let marker = base
-    let suffix = 2
-    while (valueRef.current.includes(marker) || draftImagesRef.current.some(image => image.marker === marker) || reserved.includes(marker)) {
-      marker = source === 'mention' ? `@${safeName} (${suffix})` : `[image: ${safeName} ${suffix}]`
-      suffix += 1
-    }
-    return marker
-  }
-
-  const registerDraftImage = (inspection: ImagePathInspection, marker: string): boolean => {
-    if (draftImagesRef.current.some(image => sameImagePath(image.path, inspection.path))) {
-      notify(`${inspection.name} is already attached`, 'warning')
-      return false
-    }
-    const next = [...draftImagesRef.current, { ...inspection, marker }]
-    draftImagesRef.current = next
-    setDraftImages(next)
-    return true
-  }
-
-  const insertDroppedImages = (paths: readonly string[]): void => {
-    const originalValue = valueRef.current
-    const originalCursor = cursorRef.current
-    notify(`checking ${paths.length} image${paths.length === 1 ? '' : 's'}…`)
-    void inspectImages(paths).then((inspected) => {
-      const additions: DraftImage[] = []
-      const markers: string[] = []
-      for (const inspection of inspected) {
-        if ([...draftImagesRef.current, ...additions].some(image => sameImagePath(image.path, inspection.path))) continue
-        const marker = uniqueImageMarker(inspection.name, 'drop', markers)
-        additions.push({ ...inspection, marker })
-        markers.push(marker)
-      }
-      if (additions.length === 0) {
-        notify('those images are already attached', 'warning')
-        return
-      }
-      const current = valueRef.current
-      const anchor = remapStableRange(originalValue, current, { start: originalCursor, end: originalCursor })
-      if (anchor === undefined) {
-        notify('draft changed at the image drop point; drop the images again', 'warning')
-        return
-      }
-      const at = anchor.start
-      const insertion = `${at > 0 && !/\s$/u.test(current.slice(0, at)) ? ' ' : ''}${markers.join(' ')}${current.slice(at) === '' ? '' : ' '}`
-      const edit = replaceRangePreservingCursor(current, cursorRef.current, anchor, insertion)
-      const nextCursor = current === originalValue && cursorRef.current === originalCursor
-        ? at + insertion.length
-        : edit.cursor
-      valueRef.current = edit.value
-      cursorRef.current = nextCursor
-      setValue(edit.value)
-      setCursor(nextCursor)
-      resetCursorBlink()
-      const nextImages = [...draftImagesRef.current, ...additions]
-      draftImagesRef.current = nextImages
-      setDraftImages(nextImages)
-      notify(`${additions.length} image${additions.length === 1 ? '' : 's'} ready for the next message`)
-    }, (reason: unknown) => {
-      notify(`image attachment failed: ${reason instanceof Error ? reason.message : String(reason)}`, 'error')
-    })
-  }
-
-  useEffect(() => {
-    const requestId = mentionRequestRef.current + 1
-    mentionRequestRef.current = requestId
-    if (!active || !mentionActive) {
-      setMentionRows([])
-      return
-    }
-    const controller = new AbortController()
-    const query = mentionToken.query
-    const timer = setTimeout(() => {
-      void loadMentions(query, controller.signal).then(
-        rows => {
-          if (!controller.signal.aborted && mentionRequestRef.current === requestId) setMentionRows(rows)
-        },
-        () => {},
-      )
-    }, 50)
-    return () => {
-      clearTimeout(timer)
-      controller.abort()
-    }
-  }, [active, mentionActive, mentionToken?.query])
+  const mentionActive = mentionToken !== undefined
+  const [mentionRows, setMentionRows] = useState<readonly MentionCandidate[]>([])
+  const mentionRequestRef = useRef(0)
+
+  const sameImagePath = (left: string, right: string): boolean => (
+    process.platform === 'win32' ? left.toLowerCase() === right.toLowerCase() : left === right
+  )
+
+  const uniqueImageMarker = (name: string, source: 'mention' | 'drop', reserved: readonly string[] = []): string => {
+    const safeName = singleLineText(sanitizeDraftText(name))
+    const base = source === 'mention' ? `@${safeName}` : `[image: ${safeName}]`
+    let marker = base
+    let suffix = 2
+    while (valueRef.current.includes(marker) || draftImagesRef.current.some(image => image.marker === marker) || reserved.includes(marker)) {
+      marker = source === 'mention' ? `@${safeName} (${suffix})` : `[image: ${safeName} ${suffix}]`
+      suffix += 1
+    }
+    return marker
+  }
+
+  const registerDraftImage = (inspection: ImagePathInspection, marker: string): boolean => {
+    if (draftImagesRef.current.some(image => sameImagePath(image.path, inspection.path))) {
+      notify(`${inspection.name} is already attached`, 'warning')
+      return false
+    }
+    const next = [...draftImagesRef.current, { ...inspection, marker }]
+    draftImagesRef.current = next
+    setDraftImages(next)
+    return true
+  }
+
+  const insertDroppedImages = (paths: readonly string[]): void => {
+    const originalValue = valueRef.current
+    const originalCursor = cursorRef.current
+    notify(`checking ${paths.length} image${paths.length === 1 ? '' : 's'}…`)
+    void inspectImages(paths).then((inspected) => {
+      const additions: DraftImage[] = []
+      const markers: string[] = []
+      for (const inspection of inspected) {
+        if ([...draftImagesRef.current, ...additions].some(image => sameImagePath(image.path, inspection.path))) continue
+        const marker = uniqueImageMarker(inspection.name, 'drop', markers)
+        additions.push({ ...inspection, marker })
+        markers.push(marker)
+      }
+      if (additions.length === 0) {
+        notify('those images are already attached', 'warning')
+        return
+      }
+      const current = valueRef.current
+      const anchor = remapStableRange(originalValue, current, { start: originalCursor, end: originalCursor })
+      if (anchor === undefined) {
+        notify('draft changed at the image drop point; drop the images again', 'warning')
+        return
+      }
+      const at = anchor.start
+      const insertion = `${at > 0 && !/\s$/u.test(current.slice(0, at)) ? ' ' : ''}${markers.join(' ')}${current.slice(at) === '' ? '' : ' '}`
+      const edit = replaceRangePreservingCursor(current, cursorRef.current, anchor, insertion)
+      const nextCursor = current === originalValue && cursorRef.current === originalCursor
+        ? at + insertion.length
+        : edit.cursor
+      valueRef.current = edit.value
+      cursorRef.current = nextCursor
+      setValue(edit.value)
+      setCursor(nextCursor)
+      resetCursorBlink()
+      const nextImages = [...draftImagesRef.current, ...additions]
+      draftImagesRef.current = nextImages
+      setDraftImages(nextImages)
+      notify(`${additions.length} image${additions.length === 1 ? '' : 's'} ready for the next message`)
+    }, (reason: unknown) => {
+      notify(`image attachment failed: ${reason instanceof Error ? reason.message : String(reason)}`, 'error')
+    })
+  }
+
+  useEffect(() => {
+    const requestId = mentionRequestRef.current + 1
+    mentionRequestRef.current = requestId
+    if (!active || !mentionActive) {
+      setMentionRows([])
+      return
+    }
+    const controller = new AbortController()
+    const query = mentionToken.query
+    const timer = setTimeout(() => {
+      void loadMentions(query, controller.signal).then(
+        rows => {
+          if (!controller.signal.aborted && mentionRequestRef.current === requestId) setMentionRows(rows)
+        },
+        () => {},
+      )
+    }, 50)
+    return () => {
+      clearTimeout(timer)
+      controller.abort()
+    }
+  }, [active, mentionActive, mentionToken?.query])
 
   // Codex routes keys to the topmost surface first. Completion therefore
   // remains available while a turn runs, and Esc dismisses it before the
-  // same key is allowed to interrupt the turn.
-  const menuActive = !preparingImages && (slashActive || mentionActive) && dismissedMenuValue !== value
-  const visibleMentionRows = mentionToken !== undefined && isPathLikeMentionQuery(mentionToken.query)
-    ? mentionRows.filter(row => row.kind !== 'session')
-    : mentionRows
-  const menuRows: readonly CompletionCandidate[] = mentionActive
-    ? visibleMentionRows.map(row => ({
+  // same key is allowed to interrupt the turn.
+  const menuActive = !preparingImages && (slashActive || mentionActive) && dismissedMenuValue !== value
+  const visibleMentionRows = mentionToken !== undefined && isPathLikeMentionQuery(mentionToken.query)
+    ? mentionRows.filter(row => row.kind !== 'session')
+    : mentionRows
+  const menuRows: readonly CompletionCandidate[] = mentionActive
+    ? visibleMentionRows.map(row => ({
       label: row.label.startsWith('@')
         ? row.label
         : `@${row.label}${row.kind === 'directory' ? '/' : ''}`,
@@ -2750,199 +2767,199 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
     }))
     : candidates
 
-  /** Accept the highlighted completion-menu candidate into the draft. */
-  const acceptMenuCandidate = (): void => {
-    if (mentionActive && mentionToken !== undefined) {
-      if (visibleMentionRows.length === 0) return
-      const row = visibleMentionRows[completionIndex % visibleMentionRows.length]
-      if (row !== undefined) {
-        if (row.kind === 'file' && row.path !== undefined && looksLikeImagePath(row.path)) {
-          const tokenText = value.slice(mentionToken.start, cursor)
-          const start = mentionToken.start
-          const originalValue = value
-          notify(`checking image ${basename(row.path)}…`)
-          void inspectImages([row.path]).then((inspected) => {
-            const inspection = inspected[0]
-            if (inspection === undefined) return
-            const current = valueRef.current
-            const anchor = remapStableRange(originalValue, current, { start, end: start + tokenText.length })
-            if (anchor === undefined || current.slice(anchor.start, anchor.end) !== tokenText) {
-              notify('draft changed around the image mention; select it again', 'warning')
-              return
-            }
-            if (draftImagesRef.current.some(image => sameImagePath(image.path, inspection.path))) {
-              const edit = replaceRangePreservingCursor(current, cursorRef.current, anchor, '')
-              valueRef.current = edit.value
-              cursorRef.current = edit.cursor
-              setValue(edit.value)
-              setCursor(edit.cursor)
-              resetCursorBlink()
-              setDismissedMenuValue(edit.value)
-              notify(`${inspection.name} is already attached`, 'warning')
-              return
-            }
-            const marker = uniqueImageMarker(inspection.name, 'mention')
-            const edit = replaceRangePreservingCursor(current, cursorRef.current, anchor, marker)
-            valueRef.current = edit.value
-            cursorRef.current = edit.cursor
-            setValue(edit.value)
-            setCursor(edit.cursor)
-            resetCursorBlink()
-            setDismissedMenuValue(edit.value)
-            registerDraftImage(inspection, marker)
-            notify(`${inspection.name} ready for the next message`)
-          }, (reason: unknown) => {
-            notify(`image attachment failed: ${reason instanceof Error ? reason.message : String(reason)}`, 'error')
-          })
-          setCompletionIndex(0)
-          setDismissedMenuValue(undefined)
-          return
-        }
-        // Session rows carry the canonical @[label](dsh-session:…) token;
+  /** Accept the highlighted completion-menu candidate into the draft. */
+  const acceptMenuCandidate = (): void => {
+    if (mentionActive && mentionToken !== undefined) {
+      if (visibleMentionRows.length === 0) return
+      const row = visibleMentionRows[completionIndex % visibleMentionRows.length]
+      if (row !== undefined) {
+        if (row.kind === 'file' && row.path !== undefined && looksLikeImagePath(row.path)) {
+          const tokenText = value.slice(mentionToken.start, cursor)
+          const start = mentionToken.start
+          const originalValue = value
+          notify(`checking image ${basename(row.path)}…`)
+          void inspectImages([row.path]).then((inspected) => {
+            const inspection = inspected[0]
+            if (inspection === undefined) return
+            const current = valueRef.current
+            const anchor = remapStableRange(originalValue, current, { start, end: start + tokenText.length })
+            if (anchor === undefined || current.slice(anchor.start, anchor.end) !== tokenText) {
+              notify('draft changed around the image mention; select it again', 'warning')
+              return
+            }
+            if (draftImagesRef.current.some(image => sameImagePath(image.path, inspection.path))) {
+              const edit = replaceRangePreservingCursor(current, cursorRef.current, anchor, '')
+              valueRef.current = edit.value
+              cursorRef.current = edit.cursor
+              setValue(edit.value)
+              setCursor(edit.cursor)
+              resetCursorBlink()
+              setDismissedMenuValue(edit.value)
+              notify(`${inspection.name} is already attached`, 'warning')
+              return
+            }
+            const marker = uniqueImageMarker(inspection.name, 'mention')
+            const edit = replaceRangePreservingCursor(current, cursorRef.current, anchor, marker)
+            valueRef.current = edit.value
+            cursorRef.current = edit.cursor
+            setValue(edit.value)
+            setCursor(edit.cursor)
+            resetCursorBlink()
+            setDismissedMenuValue(edit.value)
+            registerDraftImage(inspection, marker)
+            notify(`${inspection.name} ready for the next message`)
+          }, (reason: unknown) => {
+            notify(`image attachment failed: ${reason instanceof Error ? reason.message : String(reason)}`, 'error')
+          })
+          setCompletionIndex(0)
+          setDismissedMenuValue(undefined)
+          return
+        }
+        // Session rows carry the canonical @[label](dsh-session:…) token;
         // file rows insert `@path` (directories keep their trailing slash).
-        const insertion = row.label.startsWith('@')
-          ? row.label
-          : `@${row.label}${row.kind === 'directory' ? '/' : ''}`
-        const nextValue = value.slice(0, mentionToken.start) + insertion + value.slice(cursor)
-        const nextCursor = mentionToken.start + insertion.length
-        valueRef.current = nextValue
-        cursorRef.current = nextCursor
-        setValue(nextValue)
-        setCursor(nextCursor)
-        resetCursorBlink()
-      }
-    } else {
-      if (candidates.length === 0) return
-      const candidate = candidates[completionIndex % candidates.length]
-      if (candidate !== undefined) {
-        const nextValue = `${candidate.label} `
-        const nextCursor = candidate.label.length + 1
-        valueRef.current = nextValue
-        cursorRef.current = nextCursor
-        setValue(nextValue)
-        setCursor(nextCursor)
-        resetCursorBlink()
-      }
+        const insertion = row.label.startsWith('@')
+          ? row.label
+          : `@${row.label}${row.kind === 'directory' ? '/' : ''}`
+        const nextValue = value.slice(0, mentionToken.start) + insertion + value.slice(cursor)
+        const nextCursor = mentionToken.start + insertion.length
+        valueRef.current = nextValue
+        cursorRef.current = nextCursor
+        setValue(nextValue)
+        setCursor(nextCursor)
+        resetCursorBlink()
+      }
+    } else {
+      if (candidates.length === 0) return
+      const candidate = candidates[completionIndex % candidates.length]
+      if (candidate !== undefined) {
+        const nextValue = `${candidate.label} `
+        const nextCursor = candidate.label.length + 1
+        valueRef.current = nextValue
+        cursorRef.current = nextCursor
+        setValue(nextValue)
+        setCursor(nextCursor)
+        resetCursorBlink()
+      }
     }
     setCompletionIndex(0)
     setDismissedMenuValue(undefined)
   }
 
   /** Apply one editor edit: draft, cursor, kill buffer, menu reset. */
-  const applyEdit = (edit: EditResult): void => {
-    if (edit.killed !== undefined && edit.killed !== '') killRef.current = edit.killed
-    valueRef.current = edit.value
-    cursorRef.current = edit.cursor
-    setValue(edit.value)
-    setCursor(edit.cursor)
-    resetCursorBlink()
+  const applyEdit = (edit: EditResult): void => {
+    if (edit.killed !== undefined && edit.killed !== '') killRef.current = edit.killed
+    valueRef.current = edit.value
+    cursorRef.current = edit.cursor
+    setValue(edit.value)
+    setCursor(edit.cursor)
+    resetCursorBlink()
     preferredColumnRef.current = null
     setCompletionIndex(0)
     setDismissedMenuValue(undefined)
   }
 
   /** Move the cursor without editing; horizontal moves clear the column preference. */
-  const moveCursorTo = (next: number): void => {
-    resetCursorBlink()
-    if (next === cursorRef.current) return
-    cursorRef.current = next
-    setCursor(next)
-    preferredColumnRef.current = null
-  }
-
-  /** Apply an ordered raw-key batch against one current draft snapshot. */
-  const applyRawEditorTokens = (tokens: readonly RawEditorToken[]): void => {
-    let nextValue = valueRef.current
-    let nextCursor = cursorRef.current
-    for (const token of tokens) {
-      if (token.kind === 'text') {
-        const edit = insertText(nextValue, nextCursor, token.text)
-        nextValue = edit.value
-        nextCursor = edit.cursor
-        continue
-      }
-      if (token.kind === 'home') {
-        nextCursor = moveToLineStart(nextValue, nextCursor, false)
-        continue
-      }
-      if (token.kind === 'end') {
-        nextCursor = moveToLineEnd(nextValue, nextCursor, false)
-        continue
-      }
-      const edit = token.kind === 'delete-backward'
-        ? deleteBackward(nextValue, nextCursor)
-        : token.kind === 'delete-word-backward'
-          ? deleteWordBackward(nextValue, nextCursor)
-          : token.kind === 'delete-forward'
-            ? deleteForward(nextValue, nextCursor)
-            : deleteWordForward(nextValue, nextCursor)
-      if (edit.killed !== undefined && edit.killed !== '') killRef.current = edit.killed
-      nextValue = edit.value
-      nextCursor = edit.cursor
-    }
-    valueRef.current = nextValue
-    cursorRef.current = nextCursor
-    setValue(nextValue)
-    setCursor(nextCursor)
-    resetCursorBlink()
-    preferredColumnRef.current = null
-    setCompletionIndex(0)
-    setDismissedMenuValue(undefined)
-  }
-
-  const cancelImageSubmission = (): void => {
-    prepareEpochRef.current += 1
-    prepareAbortRef.current?.abort()
-    prepareAbortRef.current = undefined
-    setPreparingImages(false)
-    dismissNotice()
-    notify('image submission cancelled', 'warning')
-  }
-
-  /** Move through visual rows first, then cross history at the true edge. */
-  const navigateVertical = (direction: -1 | 1): void => {
-    const currentValue = valueRef.current
-    const currentCursor = cursorRef.current
-    const model = editorModel(currentValue, editorColumns)
-    const preferred = preferredColumnRef.current ?? caretSite(model, currentCursor).column
-    const next = moveCursorVertically(model, currentCursor, preferred, direction)
-    if (next !== currentCursor) {
-      cursorRef.current = next
-      setCursor(next)
-      resetCursorBlink()
-      preferredColumnRef.current = preferred
-      return
-    }
-    if (recall.current.entries.length > 0
-      && shouldRecallNavigate(currentValue, currentCursor, recall.current.lastRecalled, direction)) {
-      const step = direction < 0 ? recallOlder(recall.current, currentValue) : recallNewer(recall.current)
-      recall.current = step.state
-      if (step.entry !== undefined) {
-        const safe = sanitizeDraftText(step.entry)
-        valueRef.current = safe
-        cursorRef.current = safe.length
-        setValue(safe)
-        setCursor(safe.length)
-        preferredColumnRef.current = null
-        setDismissedMenuValue(undefined)
-      }
-    }
-    resetCursorBlink()
-  }
-
-  useStableInput((input, key) => {
-    // Modal ownership: approval/question/model dialogs consume all keys.
-    if (!active) return
-    // React may not have committed the previous Tab completion render before
-    // the next terminal byte arrives. Read the synchronous editor refs so a
-    // completion followed immediately by text edits never uses stale closure
-    // state.
-    const liveValue = valueRef.current
-    const liveCursor = cursorRef.current
-    if (preparingImages) {
-      if (key.escape || (key.ctrl && input === 'c')) cancelImageSubmission()
-      return
-    }
+  const moveCursorTo = (next: number): void => {
+    resetCursorBlink()
+    if (next === cursorRef.current) return
+    cursorRef.current = next
+    setCursor(next)
+    preferredColumnRef.current = null
+  }
+
+  /** Apply an ordered raw-key batch against one current draft snapshot. */
+  const applyRawEditorTokens = (tokens: readonly RawEditorToken[]): void => {
+    let nextValue = valueRef.current
+    let nextCursor = cursorRef.current
+    for (const token of tokens) {
+      if (token.kind === 'text') {
+        const edit = insertText(nextValue, nextCursor, token.text)
+        nextValue = edit.value
+        nextCursor = edit.cursor
+        continue
+      }
+      if (token.kind === 'home') {
+        nextCursor = moveToLineStart(nextValue, nextCursor, false)
+        continue
+      }
+      if (token.kind === 'end') {
+        nextCursor = moveToLineEnd(nextValue, nextCursor, false)
+        continue
+      }
+      const edit = token.kind === 'delete-backward'
+        ? deleteBackward(nextValue, nextCursor)
+        : token.kind === 'delete-word-backward'
+          ? deleteWordBackward(nextValue, nextCursor)
+          : token.kind === 'delete-forward'
+            ? deleteForward(nextValue, nextCursor)
+            : deleteWordForward(nextValue, nextCursor)
+      if (edit.killed !== undefined && edit.killed !== '') killRef.current = edit.killed
+      nextValue = edit.value
+      nextCursor = edit.cursor
+    }
+    valueRef.current = nextValue
+    cursorRef.current = nextCursor
+    setValue(nextValue)
+    setCursor(nextCursor)
+    resetCursorBlink()
+    preferredColumnRef.current = null
+    setCompletionIndex(0)
+    setDismissedMenuValue(undefined)
+  }
+
+  const cancelImageSubmission = (): void => {
+    prepareEpochRef.current += 1
+    prepareAbortRef.current?.abort()
+    prepareAbortRef.current = undefined
+    setPreparingImages(false)
+    dismissNotice()
+    notify('image submission cancelled', 'warning')
+  }
+
+  /** Move through visual rows first, then cross history at the true edge. */
+  const navigateVertical = (direction: -1 | 1): void => {
+    const currentValue = valueRef.current
+    const currentCursor = cursorRef.current
+    const model = editorModel(currentValue, editorColumns)
+    const preferred = preferredColumnRef.current ?? caretSite(model, currentCursor).column
+    const next = moveCursorVertically(model, currentCursor, preferred, direction)
+    if (next !== currentCursor) {
+      cursorRef.current = next
+      setCursor(next)
+      resetCursorBlink()
+      preferredColumnRef.current = preferred
+      return
+    }
+    if (recall.current.entries.length > 0
+      && shouldRecallNavigate(currentValue, currentCursor, recall.current.lastRecalled, direction)) {
+      const step = direction < 0 ? recallOlder(recall.current, currentValue) : recallNewer(recall.current)
+      recall.current = step.state
+      if (step.entry !== undefined) {
+        const safe = sanitizeDraftText(step.entry)
+        valueRef.current = safe
+        cursorRef.current = safe.length
+        setValue(safe)
+        setCursor(safe.length)
+        preferredColumnRef.current = null
+        setDismissedMenuValue(undefined)
+      }
+    }
+    resetCursorBlink()
+  }
+
+  useStableInput((input, key) => {
+    // Modal ownership: approval/question/model dialogs consume all keys.
+    if (!active) return
+    // React may not have committed the previous Tab completion render before
+    // the next terminal byte arrives. Read the synchronous editor refs so a
+    // completion followed immediately by text edits never uses stale closure
+    // state.
+    const liveValue = valueRef.current
+    const liveCursor = cursorRef.current
+    if (preparingImages) {
+      if (key.escape || (key.ctrl && input === 'c')) cancelImageSubmission()
+      return
+    }
     // Deletion confirm owns the box: y proceeds, anything else cancels.
     // Typed in the INPUT BOX (codex delete-confirm): the keystroke is echoed
     // as the box's own prompt, not an invisible panel keypress.
@@ -2964,11 +2981,13 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
       }
       return
     }
-    // Ctrl+R toggles the thinking display (Claude-Code reasoning fold).
-    if (key.ctrl && input === 'r') {
-      if (focusReporting && !terminalFocusedRef.current) return
-      toggleReasoning()
-      return
+    // Ctrl+R toggles the thinking display (Claude-Code reasoning fold).
+    // Alt+R is the zero-config alias: VS Code never intercepts Alt chords,
+    // so the toggle stays reachable before /vscode-keys has been applied.
+    if ((key.ctrl || key.meta) && input === 'r') {
+      if (focusReporting && !terminalFocusedRef.current) return
+      toggleReasoning()
+      return
     }
     // Ctrl+O opens the bounded transcript inspector (Claude-Code convention,
     // adapted to append-only static rows): one history entry at a time with
@@ -2981,16 +3000,16 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
     // cancelled, a non-empty draft is cleared, and only an idle empty input
     // exits. Ctrl+D always means exit but refuses mid-turn.
     if (key.ctrl && input === 'c') {
-      if (busy) {
-        interrupt()
-      } else if (liveValue !== '') {
-        valueRef.current = ''
-        cursorRef.current = 0
-        setValue('')
-        setCursor(0)
-        resetCursorBlink()
-        draftImagesRef.current = []
-        setDraftImages([])
+      if (busy) {
+        interrupt()
+      } else if (liveValue !== '') {
+        valueRef.current = ''
+        cursorRef.current = 0
+        setValue('')
+        setCursor(0)
+        resetCursorBlink()
+        draftImagesRef.current = []
+        setDraftImages([])
         setCompletionIndex(0)
         setDismissedMenuValue(undefined)
       } else {
@@ -3001,8 +3020,8 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
     if (key.ctrl && input === 'd') {
       // Codex: Ctrl+D deletes forward while a draft exists; the app-level
       // exit only fires from an empty composer.
-      if (liveValue !== '') {
-        applyEdit(deleteForward(liveValue, liveCursor))
+      if (liveValue !== '') {
+        applyEdit(deleteForward(liveValue, liveCursor))
         return
       }
       if (busy) notify('cancel the running turn before exiting (Esc or Ctrl+C)', 'warning')
@@ -3011,7 +3030,7 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
     }
     if (key.escape) {
       if (menuActive) {
-        setDismissedMenuValue(liveValue)
+        setDismissedMenuValue(liveValue)
         return
       }
       if (hasNotice) {
@@ -3023,14 +3042,14 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
     }
     // Delete on the empty composer cancels the newest queued message (the
     // web queue-mirror contract: the durable splice drops the pending row).
-    if (key.delete && liveValue === '' && queued.length > 0) {
+    if (key.delete && liveValue === '' && queued.length > 0) {
       cancelQueued(queued[queued.length - 1]!.messageId)
       return
     }
     if (key.return) {
       // A newline inside an open bracketed paste inserts; it never submits.
       if (pasteBracketRef.current) {
-        applyEdit(insertText(liveValue, liveCursor, '\n'))
+        applyEdit(insertText(liveValue, liveCursor, '\n'))
         return
       }
       // Enter on an open completion menu accepts the highlighted candidate
@@ -3039,55 +3058,55 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
       // exactly, in which case Enter submits it (typing a full "/effort" and
       // pressing return must run the command, not re-accept its own text).
       if (menuActive) {
-        const exactSlash = !mentionActive && candidates.some(candidate => candidate.label === liveValue)
+        const exactSlash = !mentionActive && candidates.some(candidate => candidate.label === liveValue)
         if (!exactSlash) {
           acceptMenuCandidate()
           return
         }
-      }
-      const text = liveValue.trim()
-      if (draftImagesRef.current.length > 0) {
-        const controller = new AbortController()
-        const epoch = prepareEpochRef.current + 1
-        prepareEpochRef.current = epoch
-        prepareAbortRef.current = controller
-        setPreparingImages(true)
-        notify(`processing ${draftImagesRef.current.length} image${draftImagesRef.current.length === 1 ? '' : 's'}…`)
-        const snapshot = draftImagesRef.current
-        void prepareImages(snapshot.map(image => image.path), controller.signal).then((images) => {
-          if (controller.signal.aborted || prepareEpochRef.current !== epoch) return
-          prepareAbortRef.current = undefined
-          setPreparingImages(false)
-          valueRef.current = ''
-          cursorRef.current = 0
-          setValue('')
-          setCursor(0)
-          draftImagesRef.current = []
-          setDraftImages([])
-          setCompletionIndex(0)
-          setDismissedMenuValue(undefined)
-          dismissNotice()
-          if (text !== '') {
-            recordLocal(text)
-            recordHistory(text)
-          }
-          recall.current = beginRecall(recallSpace, '')
-          if (busy) steer(text, images)
-          else dispatch(text, images)
-        }, (reason: unknown) => {
-          if (controller.signal.aborted || prepareEpochRef.current !== epoch) return
-          prepareAbortRef.current = undefined
-          setPreparingImages(false)
-          notify(`image submission failed: ${reason instanceof Error ? reason.message : String(reason)}`, 'error')
-        })
-        return
-      }
-      valueRef.current = ''
-      cursorRef.current = 0
-      setValue('')
-      setCursor(0)
-      resetCursorBlink()
-      setCompletionIndex(0)
+      }
+      const text = liveValue.trim()
+      if (draftImagesRef.current.length > 0) {
+        const controller = new AbortController()
+        const epoch = prepareEpochRef.current + 1
+        prepareEpochRef.current = epoch
+        prepareAbortRef.current = controller
+        setPreparingImages(true)
+        notify(`processing ${draftImagesRef.current.length} image${draftImagesRef.current.length === 1 ? '' : 's'}…`)
+        const snapshot = draftImagesRef.current
+        void prepareImages(snapshot.map(image => image.path), controller.signal).then((images) => {
+          if (controller.signal.aborted || prepareEpochRef.current !== epoch) return
+          prepareAbortRef.current = undefined
+          setPreparingImages(false)
+          valueRef.current = ''
+          cursorRef.current = 0
+          setValue('')
+          setCursor(0)
+          draftImagesRef.current = []
+          setDraftImages([])
+          setCompletionIndex(0)
+          setDismissedMenuValue(undefined)
+          dismissNotice()
+          if (text !== '') {
+            recordLocal(text)
+            recordHistory(text)
+          }
+          recall.current = beginRecall(recallSpace, '')
+          if (busy) steer(text, images)
+          else dispatch(text, images)
+        }, (reason: unknown) => {
+          if (controller.signal.aborted || prepareEpochRef.current !== epoch) return
+          prepareAbortRef.current = undefined
+          setPreparingImages(false)
+          notify(`image submission failed: ${reason instanceof Error ? reason.message : String(reason)}`, 'error')
+        })
+        return
+      }
+      valueRef.current = ''
+      cursorRef.current = 0
+      setValue('')
+      setCursor(0)
+      resetCursorBlink()
+      setCompletionIndex(0)
       setDismissedMenuValue(undefined)
       if (text === '') return
       dismissNotice()
@@ -3213,6 +3232,13 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
         openTodos()
         return
       }
+      if (text === '/vscode-keys' || text.startsWith('/vscode-keys ')) {
+        void applyEditorKeys().then(
+          summary => notify(summary),
+          error => notify(`vscode-keys failed: ${error instanceof Error ? error.message : String(error)}`, 'error'),
+        )
+        return
+      }
       if (text === '/subagent') {
         openSubagent()
         return
@@ -3231,19 +3257,19 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
       dispatch(text)
       return
     }
-    // Ink exposes Ctrl+J as a bare LF and Alt+Enter as a bare CR after
-    // stripping the leading escape. Neither is a multiline shortcut.
-    if (input === '\n' || input === '\r') return
-    // A fast Tab followed by text can arrive as one readable chunk in an
-    // integrated terminal. Accept the candidate first, then apply the
-    // remaining characters against the synchronously updated editor refs.
-    if (menuActive && (key.tab || input.startsWith('\t'))) {
-      const remainder = key.tab ? '' : input.slice(1)
-      acceptMenuCandidate()
-      if (remainder !== '') applyEdit(insertText(valueRef.current, cursorRef.current, remainder))
-      return
-    }
-    if (menuActive && key.upArrow) {
+    // Ink exposes Ctrl+J as a bare LF and Alt+Enter as a bare CR after
+    // stripping the leading escape. Neither is a multiline shortcut.
+    if (input === '\n' || input === '\r') return
+    // A fast Tab followed by text can arrive as one readable chunk in an
+    // integrated terminal. Accept the candidate first, then apply the
+    // remaining characters against the synchronously updated editor refs.
+    if (menuActive && (key.tab || input.startsWith('\t'))) {
+      const remainder = key.tab ? '' : input.slice(1)
+      acceptMenuCandidate()
+      if (remainder !== '') applyEdit(insertText(valueRef.current, cursorRef.current, remainder))
+      return
+    }
+    if (menuActive && key.upArrow) {
       setCompletionIndex(index => (index + menuRows.length - 1) % menuRows.length)
       return
     }
@@ -3251,86 +3277,86 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
       setCompletionIndex(index => (index + 1) % menuRows.length)
       return
     }
-    // Batched Home/End/Delete/Backspace sequences bypass Ink's one-key parser
-    // and reduce against one current editor snapshot in their original order.
-    const rawTokens = rawEditorTokens.current
-    rawEditorTokens.current = undefined
-    if (rawTokens !== undefined) {
-      applyRawEditorTokens(rawTokens)
-      return
-    }
-    if (key.upArrow || key.downArrow) {
-      navigateVertical(key.upArrow ? -1 : 1)
-      return
-    }
+    // Batched Home/End/Delete/Backspace sequences bypass Ink's one-key parser
+    // and reduce against one current editor snapshot in their original order.
+    const rawTokens = rawEditorTokens.current
+    rawEditorTokens.current = undefined
+    if (rawTokens !== undefined) {
+      applyRawEditorTokens(rawTokens)
+      return
+    }
+    if (key.upArrow || key.downArrow) {
+      navigateVertical(key.upArrow ? -1 : 1)
+      return
+    }
     // Ctrl+P / Ctrl+N share the Up/Down contract (Codex binds them to
     // move_up/move_down, so the history gate applies first).
-    if (key.ctrl && (input === 'p' || input === 'n')) {
-      navigateVertical(input === 'p' ? -1 : 1)
-      return
-    }
-    // Codex editor keymap: Alt/Ctrl+arrows and Alt+B/F move by word pieces;
-    // plain arrows and Ctrl+B/F move by grapheme.
-    if (key.leftArrow) {
-      moveCursorTo(key.meta || key.ctrl ? moveWordLeft(liveValue, liveCursor) : moveCursorBy(liveValue, liveCursor, -1))
-      return
-    }
-    if (key.rightArrow) {
-      moveCursorTo(key.meta || key.ctrl ? moveWordRight(liveValue, liveCursor) : moveCursorBy(liveValue, liveCursor, 1))
-      return
-    }
-    if (key.meta && input === 'b') {
-      moveCursorTo(moveWordLeft(liveValue, liveCursor))
-      return
-    }
-    if (key.meta && input === 'f') {
-      moveCursorTo(moveWordRight(liveValue, liveCursor))
-      return
-    }
-    if (key.ctrl && input === 'b') {
-      moveCursorTo(moveCursorBy(liveValue, liveCursor, -1))
-      return
-    }
-    if (key.ctrl && input === 'f') {
-      moveCursorTo(moveCursorBy(liveValue, liveCursor, 1))
-      return
-    }
+    if (key.ctrl && (input === 'p' || input === 'n')) {
+      navigateVertical(input === 'p' ? -1 : 1)
+      return
+    }
+    // Codex editor keymap: Alt/Ctrl+arrows and Alt+B/F move by word pieces;
+    // plain arrows and Ctrl+B/F move by grapheme.
+    if (key.leftArrow) {
+      moveCursorTo(key.meta || key.ctrl ? moveWordLeft(liveValue, liveCursor) : moveCursorBy(liveValue, liveCursor, -1))
+      return
+    }
+    if (key.rightArrow) {
+      moveCursorTo(key.meta || key.ctrl ? moveWordRight(liveValue, liveCursor) : moveCursorBy(liveValue, liveCursor, 1))
+      return
+    }
+    if (key.meta && input === 'b') {
+      moveCursorTo(moveWordLeft(liveValue, liveCursor))
+      return
+    }
+    if (key.meta && input === 'f') {
+      moveCursorTo(moveWordRight(liveValue, liveCursor))
+      return
+    }
+    if (key.ctrl && input === 'b') {
+      moveCursorTo(moveCursorBy(liveValue, liveCursor, -1))
+      return
+    }
+    if (key.ctrl && input === 'f') {
+      moveCursorTo(moveCursorBy(liveValue, liveCursor, 1))
+      return
+    }
     // Ctrl+W and Alt+Backspace delete the previous word piece into the kill
-    // buffer; Alt+D and the raw Ctrl/Alt+Delete variants kill forward.
-    if (key.ctrl && input === 'w') {
-      applyEdit(deleteWordBackward(liveValue, liveCursor))
-      return
-    }
-    if (key.meta && input === 'd') {
-      applyEdit(deleteWordForward(liveValue, liveCursor))
-      return
+    // buffer; Alt+D and the raw Ctrl/Alt+Delete variants kill forward.
+    if (key.ctrl && input === 'w') {
+      applyEdit(deleteWordBackward(liveValue, liveCursor))
+      return
+    }
+    if (key.meta && input === 'd') {
+      applyEdit(deleteWordForward(liveValue, liveCursor))
+      return
     }
     // Un-annotated backspace/delete (Ink maps both  and  here):
-    // delete the grapheme before the cursor.
-    if (key.backspace || key.delete) {
-      applyEdit(deleteBackward(liveValue, liveCursor))
-      return
+    // delete the grapheme before the cursor.
+    if (key.backspace || key.delete) {
+      applyEdit(deleteBackward(liveValue, liveCursor))
+      return
     }
     // Readline parity over the LOGICAL line: A/E to its ends, U/K kill to
-    // them (filling the single kill buffer), Y yanks it back.
-    if (key.ctrl && input === 'a') {
-      moveCursorTo(moveToLineStart(liveValue, liveCursor, true))
-      return
-    }
-    if (key.ctrl && input === 'e') {
-      moveCursorTo(moveToLineEnd(liveValue, liveCursor, true))
-      return
-    }
-    if (key.ctrl && input === 'u') {
-      applyEdit(killToLineStart(liveValue, liveCursor))
-      return
-    }
-    if (key.ctrl && input === 'k') {
-      applyEdit(killToLineEnd(liveValue, liveCursor))
-      return
-    }
-    if (key.ctrl && input === 'y') {
-      if (killRef.current !== '') applyEdit(insertText(liveValue, liveCursor, killRef.current))
+    // them (filling the single kill buffer), Y yanks it back.
+    if (key.ctrl && input === 'a') {
+      moveCursorTo(moveToLineStart(liveValue, liveCursor, true))
+      return
+    }
+    if (key.ctrl && input === 'e') {
+      moveCursorTo(moveToLineEnd(liveValue, liveCursor, true))
+      return
+    }
+    if (key.ctrl && input === 'u') {
+      applyEdit(killToLineStart(liveValue, liveCursor))
+      return
+    }
+    if (key.ctrl && input === 'k') {
+      applyEdit(killToLineEnd(liveValue, liveCursor))
+      return
+    }
+    if (key.ctrl && input === 'y') {
+      if (killRef.current !== '') applyEdit(insertText(liveValue, liveCursor, killRef.current))
       return
     }
     // Ctrl+L refreshes the screen (readline convention): raw ANSI clear
@@ -3365,18 +3391,18 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
         pasteBracketRef.current = false
         pasteBracketCancelRef.current?.()
         text = text.replaceAll(PASTE_END_MARKER, '')
-      }
-      if (text === '') return
-      const droppedPaths = text.length > 1 ? parsePastedImagePaths(text) : []
-      if (droppedPaths.length > 0) {
-        insertDroppedImages(droppedPaths)
-        return
-      }
-      applyEdit(insertText(valueRef.current, cursorRef.current, text))
-    }
-  }, active)
-
-  // The DeepSeek easter-egg wave owns its 33ms tick HERE instead of in App:
+      }
+      if (text === '') return
+      const droppedPaths = text.length > 1 ? parsePastedImagePaths(text) : []
+      if (droppedPaths.length > 0) {
+        insertDroppedImages(droppedPaths)
+        return
+      }
+      applyEdit(insertText(valueRef.current, cursorRef.current, text))
+    }
+  }, active)
+
+  // The DeepSeek easter-egg wave owns its 33ms tick HERE instead of in App:
   // the interval re-renders only the composer band at 30fps, never the whole
   // tree. App drives the tier/style pair on a model switch; this local effect
   // starts the sweep whenever that pair changes (App picks a NEW random style
@@ -3396,7 +3422,7 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
       setWaveTick(0)
     }
   }, [waveTier, waveStyle])
-  const waveActive = !preparingImages && waveTick !== null && waveTier !== null && waveStyle !== null
+  const waveActive = !preparingImages && waveTick !== null && waveTier !== null && waveStyle !== null
     && waveTick * DEEPSEEK_WAVE_TICK_MS < deepseekWaveDuration(waveTier, waveStyle)
   useEffect(() => {
     if (!waveActive) return
@@ -3422,7 +3448,7 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
   // column-safe physical rows, with the caret mapped to its exact row and
   // column. Computed before the frozen path so the row report below runs
   // unconditionally.
-  const editorViewModel = editorModel(value, editorColumns)
+  const editorViewModel = editorModel(value, editorColumns)
   const clampedCursor = clampCursor(value, cursor)
   const caret = caretSite(editorViewModel, clampedCursor)
   const editorWindowRows = Math.min(editorViewModel.rows.length, Math.max(1, maxRows))
@@ -3448,7 +3474,7 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
   const bandWidth = Math.max(1, columns - 1)
   const bandBg = inkColor(getPalette().composerBand)
   const bandFill = (consumed: number): string => ' '.repeat(Math.max(0, bandWidth - consumed))
-  const band = (content: ReactElement): ReactElement => createElement(
+  const band = (content: ReactElement): ReactElement => createElement(
     Box,
     { flexDirection: 'column', width: bandWidth },
     createElement(Text, { backgroundColor: bandBg }, ' '.repeat(bandWidth)),
@@ -3486,138 +3512,138 @@ function Input({ active, frozen, busy, descriptors, skills, dispatch, steer, int
     rows: menuRows,
   })
 
-  // Every state reuses this exact multiline editor window. Only the caret row
-  // owns an inverse block; non-caret rows render their text without a hidden
-  // spacer or a second blink timer.
-  const editorRows: ReactElement[] = []
-  for (let index = editorWindowStart; index < Math.min(editorViewModel.rows.length, editorWindowStart + editorWindowRows); index += 1) {
-    const row = editorViewModel.rows[index]!
-    const parts = editorRowParts(row, index, caret.row, clampedCursor, !preparingImages)
-    const placeholder = index === 0 && value === '' && !busy && !preparingImages
-    const tail = placeholder ? COMPOSER_PLACEHOLDER : parts.after
-    const consumed = 2 + visibleColumns(parts.before) + visibleColumns(parts.caret) + visibleColumns(tail)
-    editorRows.push(createElement(
-      Text,
-      { key: index, backgroundColor: bandBg, wrap: 'truncate-end' },
-      index === 0
-        ? preparingImages
-          ? createElement(Text, { color: inkColor(getPalette().warn), bold: true }, '… ')
-          : busy
-            ? createElement(BusyChase)
-            : createElement(Text, { color: promptColor, bold: tierActive ? true : undefined }, `${promptGlyph} `)
-        : '  ',
-      parts.before,
-      parts.hasCaret
-        ? createElement(Text, { key: 'caret', inverse: cursorVisible || undefined }, parts.caret)
-        : null,
-      placeholder
-        ? createElement(Text, { dimColor: true }, COMPOSER_PLACEHOLDER)
-        : parts.after,
+  // Every state reuses this exact multiline editor window. Only the caret row
+  // owns an inverse block; non-caret rows render their text without a hidden
+  // spacer or a second blink timer.
+  const editorRows: ReactElement[] = []
+  for (let index = editorWindowStart; index < Math.min(editorViewModel.rows.length, editorWindowStart + editorWindowRows); index += 1) {
+    const row = editorViewModel.rows[index]!
+    const parts = editorRowParts(row, index, caret.row, clampedCursor, !preparingImages)
+    const placeholder = index === 0 && value === '' && !busy && !preparingImages
+    const tail = placeholder ? COMPOSER_PLACEHOLDER : parts.after
+    const consumed = 2 + visibleColumns(parts.before) + visibleColumns(parts.caret) + visibleColumns(tail)
+    editorRows.push(createElement(
+      Text,
+      { key: index, backgroundColor: bandBg, wrap: 'truncate-end' },
+      index === 0
+        ? preparingImages
+          ? createElement(Text, { color: inkColor(getPalette().warn), bold: true }, '… ')
+          : busy
+            ? createElement(BusyChase)
+            : createElement(Text, { color: promptColor, bold: tierActive ? true : undefined }, `${promptGlyph} `)
+        : '  ',
+      parts.before,
+      parts.hasCaret
+        ? createElement(Text, { key: 'caret', inverse: cursorVisible || undefined }, parts.caret)
+        : null,
+      placeholder
+        ? createElement(Text, { dimColor: true }, COMPOSER_PLACEHOLDER)
+        : parts.after,
       bandFill(consumed),
     ))
-  }
-  const staticEditor = createElement(Box, { flexDirection: 'column' }, ...editorRows)
-
-  // The wave paints the SAME visible rows and caret site as the static path.
-  // Graphemes remain atomic and every background sample advances by terminal
-  // display columns, so CJK and emoji cannot move the caret or wrap the band.
-  const waveRow = (): ReactElement => {
-    const hues = deepseekWaveHues(waveTier!)
-    const style = waveStyle!
-    const bandRgb = getPalette().composerBand
-    const visibleRows = editorViewModel.rows.slice(editorWindowStart, editorWindowStart + editorWindowRows)
-    const totalBandRows = visibleRows.length + 2
-    const waveBg = (row: number, column: number): string => {
-      const rgb = deepseekWaveColumnBg(waveTick!, column, bandWidth, waveTier!, style, hues, bandRgb, row, totalBandRows)
-      return rgb === null ? bandBg : inkColor(rgb)
-    }
-    const blankBandRow = (row: number): ReactElement => {
-      const blanks: ComposerCell[] = []
-      for (let column = 0; column < bandWidth; column += 1) {
-        blanks.push({ char: ' ', width: 1, backgroundColor: waveBg(row, column) })
-      }
-      return createElement(Text, { key: `blank-${row}` }, ...waveRowSpans(blanks))
-    }
-    const cellIndexAtColumn = (cells: readonly ComposerCell[], target: number): number | undefined => {
-      let column = 0
-      for (let index = 0; index < cells.length; index += 1) {
-        if (column === target) return index
-        column += cells[index]!.width ?? visibleColumns(cells[index]!.char)
-        if (column > target) return undefined
-      }
-      return undefined
-    }
-    const editorWaveRows = visibleRows.map((row, visibleIndex) => {
-      const sourceIndex = editorWindowStart + visibleIndex
-      const bandRow = visibleIndex + 1
-      const parts = editorRowParts(row, sourceIndex, caret.row, clampedCursor)
-      const placeholder = sourceIndex === 0 && value === '' && !busy
-      const cells: ComposerCell[] = []
-      let usedColumns = 0
-      const push = (char: string, extra: Omit<ComposerCell, 'char' | 'width' | 'backgroundColor'> = {}): void => {
-        const width = visibleColumns(char)
-        cells.push({ char, width, backgroundColor: waveBg(bandRow, usedColumns), ...extra })
-        usedColumns += width
-      }
-      if (sourceIndex === 0) {
-        push(promptGlyph, { color: promptColor, bold: true })
-        push(' ', { color: promptColor })
-      } else {
-        push(' ')
-        push(' ')
-      }
-      for (const span of splitGraphemes(parts.before)) push(span.text)
-      if (parts.hasCaret) push(parts.caret, { inverse: cursorVisible })
-      const tail = placeholder ? COMPOSER_PLACEHOLDER : parts.after
-      for (const span of splitGraphemes(tail)) push(span.text, placeholder ? { dim: true } : {})
-      while (usedColumns < bandWidth) push(' ')
-
-      const middleBandRow = Math.floor(totalBandRows / 2)
-      if (bandRow === middleBandRow && deepseekWaveWordVisible(waveTick!, waveTier!, style)) {
-        const word = waveTier === 'unknown' ? 'Into the Unknown' : 'deepseek'
-        const start = Math.max(2, Math.floor((bandWidth - word.length) / 2))
-        const indices = Array.from({ length: word.length }, (_, at) => cellIndexAtColumn(cells, start + at))
-        if (indices.every(index => index !== undefined && (cells[index]!.char === ' ' || cells[index]!.dim === true))) {
-          for (let at = 0; at < word.length; at += 1) {
-            const cell = cells[indices[at]!]!
-            cell.char = word[at]!
-            cell.width = 1
-            cell.color = inkColor(deepseekWaveWordHue(at, hues))
-            cell.bold = true
-            cell.dim = false
-          }
-        }
-      }
-      if (bandRow === middleBandRow && (waveTier === 'deepseek' || waveTier === 'unknown') && style === 'wave') {
-        const spark = deepseekWaveSpark(waveTick!)
-        const lastIndex = cellIndexAtColumn(cells, bandWidth - 1)
-        if (spark !== null && lastIndex !== undefined && cells[lastIndex]!.char === ' ') {
-          cells[lastIndex]!.char = spark
-          cells[lastIndex]!.color = promptColor
-          cells[lastIndex]!.bold = true
-          cells[lastIndex]!.dim = false
-        }
-      }
-      return createElement(Text, { key: `editor-${sourceIndex}`, wrap: 'truncate-end' }, ...waveRowSpans(cells))
-    })
-    return createElement(
-      Box,
-      { flexDirection: 'column', width: bandWidth },
-      blankBandRow(0),
-      ...editorWaveRows,
-      blankBandRow(totalBandRows - 1),
-    )
-  }
-
-  return createElement(
-    Box,
-    { flexDirection: 'column' },
-    menu,
-    waveTick !== null && waveTier !== null && waveStyle !== null && !busy && !preparingImages
-      ? waveRow()
-      : band(staticEditor),
-  )
-}
+  }
+  const staticEditor = createElement(Box, { flexDirection: 'column' }, ...editorRows)
+
+  // The wave paints the SAME visible rows and caret site as the static path.
+  // Graphemes remain atomic and every background sample advances by terminal
+  // display columns, so CJK and emoji cannot move the caret or wrap the band.
+  const waveRow = (): ReactElement => {
+    const hues = deepseekWaveHues(waveTier!)
+    const style = waveStyle!
+    const bandRgb = getPalette().composerBand
+    const visibleRows = editorViewModel.rows.slice(editorWindowStart, editorWindowStart + editorWindowRows)
+    const totalBandRows = visibleRows.length + 2
+    const waveBg = (row: number, column: number): string => {
+      const rgb = deepseekWaveColumnBg(waveTick!, column, bandWidth, waveTier!, style, hues, bandRgb, row, totalBandRows)
+      return rgb === null ? bandBg : inkColor(rgb)
+    }
+    const blankBandRow = (row: number): ReactElement => {
+      const blanks: ComposerCell[] = []
+      for (let column = 0; column < bandWidth; column += 1) {
+        blanks.push({ char: ' ', width: 1, backgroundColor: waveBg(row, column) })
+      }
+      return createElement(Text, { key: `blank-${row}` }, ...waveRowSpans(blanks))
+    }
+    const cellIndexAtColumn = (cells: readonly ComposerCell[], target: number): number | undefined => {
+      let column = 0
+      for (let index = 0; index < cells.length; index += 1) {
+        if (column === target) return index
+        column += cells[index]!.width ?? visibleColumns(cells[index]!.char)
+        if (column > target) return undefined
+      }
+      return undefined
+    }
+    const editorWaveRows = visibleRows.map((row, visibleIndex) => {
+      const sourceIndex = editorWindowStart + visibleIndex
+      const bandRow = visibleIndex + 1
+      const parts = editorRowParts(row, sourceIndex, caret.row, clampedCursor)
+      const placeholder = sourceIndex === 0 && value === '' && !busy
+      const cells: ComposerCell[] = []
+      let usedColumns = 0
+      const push = (char: string, extra: Omit<ComposerCell, 'char' | 'width' | 'backgroundColor'> = {}): void => {
+        const width = visibleColumns(char)
+        cells.push({ char, width, backgroundColor: waveBg(bandRow, usedColumns), ...extra })
+        usedColumns += width
+      }
+      if (sourceIndex === 0) {
+        push(promptGlyph, { color: promptColor, bold: true })
+        push(' ', { color: promptColor })
+      } else {
+        push(' ')
+        push(' ')
+      }
+      for (const span of splitGraphemes(parts.before)) push(span.text)
+      if (parts.hasCaret) push(parts.caret, { inverse: cursorVisible })
+      const tail = placeholder ? COMPOSER_PLACEHOLDER : parts.after
+      for (const span of splitGraphemes(tail)) push(span.text, placeholder ? { dim: true } : {})
+      while (usedColumns < bandWidth) push(' ')
+
+      const middleBandRow = Math.floor(totalBandRows / 2)
+      if (bandRow === middleBandRow && deepseekWaveWordVisible(waveTick!, waveTier!, style)) {
+        const word = waveTier === 'unknown' ? 'Into the Unknown' : 'deepseek'
+        const start = Math.max(2, Math.floor((bandWidth - word.length) / 2))
+        const indices = Array.from({ length: word.length }, (_, at) => cellIndexAtColumn(cells, start + at))
+        if (indices.every(index => index !== undefined && (cells[index]!.char === ' ' || cells[index]!.dim === true))) {
+          for (let at = 0; at < word.length; at += 1) {
+            const cell = cells[indices[at]!]!
+            cell.char = word[at]!
+            cell.width = 1
+            cell.color = inkColor(deepseekWaveWordHue(at, hues))
+            cell.bold = true
+            cell.dim = false
+          }
+        }
+      }
+      if (bandRow === middleBandRow && (waveTier === 'deepseek' || waveTier === 'unknown') && style === 'wave') {
+        const spark = deepseekWaveSpark(waveTick!)
+        const lastIndex = cellIndexAtColumn(cells, bandWidth - 1)
+        if (spark !== null && lastIndex !== undefined && cells[lastIndex]!.char === ' ') {
+          cells[lastIndex]!.char = spark
+          cells[lastIndex]!.color = promptColor
+          cells[lastIndex]!.bold = true
+          cells[lastIndex]!.dim = false
+        }
+      }
+      return createElement(Text, { key: `editor-${sourceIndex}`, wrap: 'truncate-end' }, ...waveRowSpans(cells))
+    })
+    return createElement(
+      Box,
+      { flexDirection: 'column', width: bandWidth },
+      blankBandRow(0),
+      ...editorWaveRows,
+      blankBandRow(totalBandRows - 1),
+    )
+  }
+
+  return createElement(
+    Box,
+    { flexDirection: 'column' },
+    menu,
+    waveTick !== null && waveTier !== null && waveStyle !== null && !busy && !preparingImages
+      ? waveRow()
+      : band(staticEditor),
+  )
+}
 
 /** One cached settled row: the row Box plus its roomy-prompt spacers. */
 interface SettledRowRecord {
@@ -3857,13 +3883,13 @@ export function App(props: AppProps): ReactElement {
   const skills = useSyncExternalStore(props.skills.subscribe, readSkills)
   const [modelLabel, setModelLabel] = useState(props.model)
   const [modelOpen, setModelOpen] = useState(false)
-  /** Nested /model stages; only one owns terminal input at a time. */
-  const [providerOpen, setProviderOpen] = useState(false)
-  const [providerAction, setProviderAction] = useState<
-    | { kind: 'credential' | 'configure' | 'unset' | 'remove'; target: ProviderTargetView }
-    | { kind: 'login' | 'logout'; target: ProviderTargetView; authorization: ProviderAuthorizationRow }
-    | undefined
-  >(undefined)
+  /** Nested /model stages; only one owns terminal input at a time. */
+  const [providerOpen, setProviderOpen] = useState(false)
+  const [providerAction, setProviderAction] = useState<
+    | { kind: 'credential' | 'configure' | 'unset' | 'remove'; target: ProviderTargetView }
+    | { kind: 'login' | 'logout'; target: ProviderTargetView; authorization: ProviderAuthorizationRow }
+    | undefined
+  >(undefined)
   /** The model row whose effort levels the /model stage lists; undefined shows the model list. */
   const [effortFor, setEffortFor] = useState<ModelRow | undefined>(undefined)
   /** Effective reasoning effort, shown in the /model picker and switch notice. */
@@ -3913,10 +3939,10 @@ export function App(props: AppProps): ReactElement {
   }, [modelLabel, effortLabel])
   const [directory, setDirectory] = useState<ModelDirectory | undefined>(undefined)
   const [modelError, setModelError] = useState<string | undefined>(undefined)
-  const [providerDirectory, setProviderDirectory] = useState<ProviderSettingsDirectory | undefined>(undefined)
-  const [providerError, setProviderError] = useState<string | undefined>(undefined)
-  const [authorizationDirectory, setAuthorizationDirectory] = useState<ProviderAuthorizationDirectory | undefined>(undefined)
-  const [authorizationError, setAuthorizationError] = useState<string | undefined>(undefined)
+  const [providerDirectory, setProviderDirectory] = useState<ProviderSettingsDirectory | undefined>(undefined)
+  const [providerError, setProviderError] = useState<string | undefined>(undefined)
+  const [authorizationDirectory, setAuthorizationDirectory] = useState<ProviderAuthorizationDirectory | undefined>(undefined)
+  const [authorizationError, setAuthorizationError] = useState<string | undefined>(undefined)
   const [modelLoadEpoch, setModelLoadEpoch] = useState(0)
   const [notice, setNotice] = useState<{ text: string; tone: NoticeTone } | undefined>(undefined)
   const notify = useCallback((text: string, tone: NoticeTone = 'info'): void => {
@@ -3956,21 +3982,21 @@ export function App(props: AppProps): ReactElement {
     return () => {
       cancelled = true
     }
-  }, [modelOpen, modelLoadEpoch, props.loadModelProviders])
-  useEffect(() => {
-    if (!modelOpen || props.loadProviderAuthorizations === undefined) return
-    let cancelled = false
-    setAuthorizationDirectory(undefined)
-    setAuthorizationError(undefined)
-    Promise.resolve().then(() => props.loadProviderAuthorizations!()).then((loaded) => {
-      if (!cancelled) setAuthorizationDirectory(loaded)
-    }, (error: unknown) => {
-      if (!cancelled) setAuthorizationError(error instanceof Error ? error.message : String(error))
-    })
-    return () => {
-      cancelled = true
-    }
-  }, [modelOpen, modelLoadEpoch, props.loadProviderAuthorizations])
+  }, [modelOpen, modelLoadEpoch, props.loadModelProviders])
+  useEffect(() => {
+    if (!modelOpen || props.loadProviderAuthorizations === undefined) return
+    let cancelled = false
+    setAuthorizationDirectory(undefined)
+    setAuthorizationError(undefined)
+    Promise.resolve().then(() => props.loadProviderAuthorizations!()).then((loaded) => {
+      if (!cancelled) setAuthorizationDirectory(loaded)
+    }, (error: unknown) => {
+      if (!cancelled) setAuthorizationError(error instanceof Error ? error.message : String(error))
+    })
+    return () => {
+      cancelled = true
+    }
+  }, [modelOpen, modelLoadEpoch, props.loadProviderAuthorizations])
   useEffect(() => {
     const subscribe = props.subscribeModelProviders
     if (!modelOpen || subscribe === undefined) return
@@ -3979,19 +4005,21 @@ export function App(props: AppProps): ReactElement {
     } catch (error: unknown) {
       setProviderError(error instanceof Error ? error.message : String(error))
     }
-  }, [modelOpen, props.subscribeModelProviders])
-  useEffect(() => {
-    const subscribe = props.subscribeProviderAuthorizations
-    if (!modelOpen || subscribe === undefined) return
-    try {
-      return subscribe(() => setModelLoadEpoch(epoch => epoch + 1))
-    } catch (error: unknown) {
-      setAuthorizationError(error instanceof Error ? error.message : String(error))
-    }
-  }, [modelOpen, props.subscribeProviderAuthorizations])
+  }, [modelOpen, props.subscribeModelProviders])
+  useEffect(() => {
+    const subscribe = props.subscribeProviderAuthorizations
+    if (!modelOpen || subscribe === undefined) return
+    try {
+      return subscribe(() => setModelLoadEpoch(epoch => epoch + 1))
+    } catch (error: unknown) {
+      setAuthorizationError(error instanceof Error ? error.message : String(error))
+    }
+  }, [modelOpen, props.subscribeProviderAuthorizations])
 
   const busy = view.busy
   const [showReasoning, setShowReasoning] = useState(false)
+  // Dedupe for the dynamic-budget tripwire: one warning per distinct shape.
+  const budgetWarnRef = useRef<string | undefined>(undefined)
   const [verboseOpen, setVerboseOpen] = useState(false)
   const [diffView, setDiffView] = useState<GitDiffView | undefined>(undefined)
   const [helpOpen, setHelpOpen] = useState(false)
@@ -4224,6 +4252,22 @@ export function App(props: AppProps): ReactElement {
           ? Math.max(1, Math.floor(streamRows / 3))
           : 1
   const answerRows = view.streaming === '' ? 0 : Math.max(1, streamRows - reasoningRows)
+  // Dynamic-height tripwire: the allocation must fit dynamicRows by
+  // construction; a future edit that breaks the derivation clamps here
+  // (answer, then reasoning, then settled live rows) and warns once.
+  const liveAudit = clampLiveAllocation(
+    { live: visibleLiveLines.length, reasoning: reasoningRows, answer: answerRows },
+    dynamicRows,
+  )
+  if (liveAudit.warning !== undefined && budgetWarnRef.current !== liveAudit.warning) {
+    budgetWarnRef.current = liveAudit.warning
+    console.warn(`[dsh-code] ${liveAudit.warning}`)
+  }
+  const auditedLiveLines = liveAudit.allocation.live === visibleLiveLines.length
+    ? visibleLiveLines
+    : visibleLiveLines.slice(-liveAudit.allocation.live)
+  const auditedReasoningRows = liveAudit.allocation.reasoning
+  const auditedAnswerRows = liveAudit.allocation.answer
   const transcriptVisible = !modelOpen && !helpOpen && !modeOpen && !permissionOpen && !resumeOpen && !pluginOpen && !jobsOpen && !statuslineOpen && !themeOpen && !historyOpen && !agentsOpen && !subagentOpen && !todosOpen && !verboseOpen && diffView === undefined && !approvalPending && !questionPending
   const inspectorVisible = verboseOpen && !approvalPending && !questionPending
   const modalVisible = modelOpen || helpOpen || modeOpen || permissionOpen || resumeOpen || pluginOpen || jobsOpen || statuslineOpen || themeOpen || historyOpen || agentsOpen || subagentOpen || todosOpen || inspectorVisible || diffView !== undefined || approvalPending || questionPending
@@ -4248,7 +4292,7 @@ export function App(props: AppProps): ReactElement {
     appStdout.write(SYNCHRONIZED_UPDATE_END)
   }, [appStdout, refreshEpoch])
   // An idle Ctrl+R fold toggle joins resize and explicit Ctrl+L as a deliberate
-  // source-backed rebuild of native scrollback; busy turns never do.
+  // source-backed rebuild of native scrollback.
 
   // Rendered-history cap: when the settled window overflows the trim
   // hysteresis, one source-backed replay re-windows it (the rebuild branch
@@ -4261,21 +4305,21 @@ export function App(props: AppProps): ReactElement {
     refreshScreen()
   }, [settledNeedsTrim, busy, streamingActive])
 
-  const sessionHasImages = useMemo(() => view.entries.some(entry =>
-    (entry.kind === 'user' || entry.kind === 'pending') && (entry.images?.length ?? 0) > 0), [view.entries])
-
-  /** Apply one /model pick: record the selection, close the panel, report via notice. */
-  const applyModel = (row: ModelRow, effortId: string | undefined): void => {
-    try {
-      const label = props.selectModel(row, effortId)
-      setModelLabel(label)
-      setEffortLabel(effortId)
-      const selected = `${label}${effortId === undefined || effortId === '' ? '' : `@${effortId}`}`
-      if (sessionHasImages && row.inputModalities !== undefined && !row.inputModalities.includes('image')) {
-        notify(`model → ${selected} · image history will be sent as text placeholders`, 'warning')
-      } else {
-        notify(`model → next step uses ${selected}`)
-      }
+  const sessionHasImages = useMemo(() => view.entries.some(entry =>
+    (entry.kind === 'user' || entry.kind === 'pending') && (entry.images?.length ?? 0) > 0), [view.entries])
+
+  /** Apply one /model pick: record the selection, close the panel, report via notice. */
+  const applyModel = (row: ModelRow, effortId: string | undefined): void => {
+    try {
+      const label = props.selectModel(row, effortId)
+      setModelLabel(label)
+      setEffortLabel(effortId)
+      const selected = `${label}${effortId === undefined || effortId === '' ? '' : `@${effortId}`}`
+      if (sessionHasImages && row.inputModalities !== undefined && !row.inputModalities.includes('image')) {
+        notify(`model → ${selected} · image history will be sent as text placeholders`, 'warning')
+      } else {
+        notify(`model → next step uses ${selected}`)
+      }
       setModelOpen(false)
       setProviderOpen(false)
       setProviderAction(undefined)
@@ -4295,44 +4339,44 @@ export function App(props: AppProps): ReactElement {
     setEffortFor(undefined)
   }
   let modelSurface: ReactElement | undefined
-  if (modelOpen && !approvalPending && !questionPending) {
-    if (providerAction?.kind === 'login'
-      && props.beginProviderAuthorization !== undefined
-      && props.cancelProviderAuthorization !== undefined
-      && props.openAuthorizationUrl !== undefined
-      && props.copyTextValue !== undefined) {
-      modelSurface = createElement(ProviderAuthorizationPanel, {
-        row: providerAction.authorization,
-        begin: props.beginProviderAuthorization,
-        cancel: () => props.cancelProviderAuthorization!(providerAction.authorization),
-        openUrl: props.openAuthorizationUrl,
-        copy: props.copyTextValue,
-        done: () => {
-          const authorization = providerAction.authorization
-          setProviderAction(undefined)
-          setProviderOpen(false)
-          reloadModelSurfaces()
-          notify(`logged in to ${authorization.label}; select a model`)
-        },
-        back: () => {
-          setProviderAction(undefined)
-          setProviderOpen(true)
-        },
-      })
-    } else if (providerAction?.kind === 'logout' && props.logoutProviderAuthorization !== undefined) {
-      modelSurface = createElement(ProviderAuthorizationLogoutPanel, {
-        row: providerAction.authorization,
-        confirm: props.logoutProviderAuthorization,
-        done: () => {
-          const authorization = providerAction.authorization
-          setProviderAction(undefined)
-          setProviderOpen(true)
-          reloadModelSurfaces()
-          notify(`logged out from ${authorization.label}`)
-        },
-        back: () => setProviderAction(undefined),
-      })
-    } else if (providerAction?.kind === 'configure' && props.saveModelProviderConfiguration !== undefined) {
+  if (modelOpen && !approvalPending && !questionPending) {
+    if (providerAction?.kind === 'login'
+      && props.beginProviderAuthorization !== undefined
+      && props.cancelProviderAuthorization !== undefined
+      && props.openAuthorizationUrl !== undefined
+      && props.copyTextValue !== undefined) {
+      modelSurface = createElement(ProviderAuthorizationPanel, {
+        row: providerAction.authorization,
+        begin: props.beginProviderAuthorization,
+        cancel: () => props.cancelProviderAuthorization!(providerAction.authorization),
+        openUrl: props.openAuthorizationUrl,
+        copy: props.copyTextValue,
+        done: () => {
+          const authorization = providerAction.authorization
+          setProviderAction(undefined)
+          setProviderOpen(false)
+          reloadModelSurfaces()
+          notify(`logged in to ${authorization.label}; select a model`)
+        },
+        back: () => {
+          setProviderAction(undefined)
+          setProviderOpen(true)
+        },
+      })
+    } else if (providerAction?.kind === 'logout' && props.logoutProviderAuthorization !== undefined) {
+      modelSurface = createElement(ProviderAuthorizationLogoutPanel, {
+        row: providerAction.authorization,
+        confirm: props.logoutProviderAuthorization,
+        done: () => {
+          const authorization = providerAction.authorization
+          setProviderAction(undefined)
+          setProviderOpen(true)
+          reloadModelSurfaces()
+          notify(`logged out from ${authorization.label}`)
+        },
+        back: () => setProviderAction(undefined),
+      })
+    } else if (providerAction?.kind === 'configure' && props.saveModelProviderConfiguration !== undefined) {
       modelSurface = createElement(ProviderConfigurationPanel, {
         target: providerAction.target,
         catalog: directory?.rows ?? [],
@@ -4388,11 +4432,11 @@ export function App(props: AppProps): ReactElement {
         back: () => setProviderAction(undefined),
       })
     } else if (providerOpen) {
-      modelSurface = createElement(ProviderPanel, {
-        directory: providerDirectory,
-        error: providerError,
-        authorizations: authorizationDirectory,
-        authorizationError,
+      modelSurface = createElement(ProviderPanel, {
+        directory: providerDirectory,
+        error: providerError,
+        authorizations: authorizationDirectory,
+        authorizationError,
         onCredential: (target: ProviderTargetView) => {
           if (props.saveModelProviderCredential === undefined) {
             notify('API key storage is unavailable in this profile', 'warning')
@@ -4414,34 +4458,34 @@ export function App(props: AppProps): ReactElement {
           }
           setProviderAction({ kind: 'unset', target })
         },
-        onRemove: (target: ProviderTargetView) => {
+        onRemove: (target: ProviderTargetView) => {
           if (props.removeModelProvider === undefined) {
             notify('provider removal is unavailable in this profile', 'warning')
             return
           }
-          setProviderAction({ kind: 'remove', target })
-        },
-        onLogin: (target: ProviderTargetView, authorization: ProviderAuthorizationRow) => {
-          if (busy) {
-            notify('provider login is available only while the agent is idle', 'warning')
-            return
-          }
-          if (props.beginProviderAuthorization === undefined
-            || props.cancelProviderAuthorization === undefined
-            || props.openAuthorizationUrl === undefined
-            || props.copyTextValue === undefined) {
-            notify('provider login is unavailable in this profile', 'warning')
-            return
-          }
-          setProviderAction({ kind: 'login', target, authorization })
-        },
-        onLogout: (target: ProviderTargetView, authorization: ProviderAuthorizationRow) => {
-          if (props.logoutProviderAuthorization === undefined) {
-            notify('provider logout is unavailable in this profile', 'warning')
-            return
-          }
-          setProviderAction({ kind: 'logout', target, authorization })
-        },
+          setProviderAction({ kind: 'remove', target })
+        },
+        onLogin: (target: ProviderTargetView, authorization: ProviderAuthorizationRow) => {
+          if (busy) {
+            notify('provider login is available only while the agent is idle', 'warning')
+            return
+          }
+          if (props.beginProviderAuthorization === undefined
+            || props.cancelProviderAuthorization === undefined
+            || props.openAuthorizationUrl === undefined
+            || props.copyTextValue === undefined) {
+            notify('provider login is unavailable in this profile', 'warning')
+            return
+          }
+          setProviderAction({ kind: 'login', target, authorization })
+        },
+        onLogout: (target: ProviderTargetView, authorization: ProviderAuthorizationRow) => {
+          if (props.logoutProviderAuthorization === undefined) {
+            notify('provider logout is unavailable in this profile', 'warning')
+            return
+          }
+          setProviderAction({ kind: 'logout', target, authorization })
+        },
         onRetry: reloadModelSurfaces,
         onBack: () => setProviderOpen(false),
       })
@@ -4494,22 +4538,39 @@ export function App(props: AppProps): ReactElement {
         // prefix, so streaming text lands exactly where the composer's input
         // text and the settled reply both render (Codex LIVE_PREFIX).
         { flexDirection: 'column' },
-        visibleLiveLines.length === 0 ? undefined : createElement(StyledRows, { lines: visibleLiveLines }),
-        view.streamingReasoning !== '' && reasoningRows > 0
-          ? createElement(StreamTail, {
-            text: showReasoning ? view.streamingReasoning : 'Thinking… (Ctrl+R to expand)',
-            prefix: '✻ ',
-            continuationPrefix: '  ',
-            dim: true,
-            maxRows: reasoningRows,
-          })
+        auditedLiveLines.length === 0 ? undefined : createElement(StyledRows, { lines: auditedLiveLines }),
+        view.streamingReasoning !== '' && auditedReasoningRows > 0
+          ? showReasoning
+            ? createElement(StreamTail, {
+              text: view.streamingReasoning,
+              prefix: '✻ ',
+              continuationPrefix: '  ',
+              dim: true,
+              maxRows: auditedReasoningRows,
+            })
+            // The collapsed marker shimmers only while reasoning streams
+            // alone: once answer text flows, a periodically re-rendered
+            // animation component would race the store's frame-throttled
+            // notifications and could defer the answer paint by tens to
+            // hundreds of milliseconds (stream-burst contract), so the
+            // marker falls back to the static dim row — same as Deep diving
+            // always yields the live region to streaming content.
+            : view.streaming === ''
+              ? createElement(ShimmerLine, { text: '✻ Thinking… (Ctrl/Alt+R to expand)' })
+              : createElement(StreamTail, {
+                text: 'Thinking… (Ctrl/Alt+R to expand)',
+                prefix: '✻ ',
+                continuationPrefix: '  ',
+                dim: true,
+                maxRows: auditedReasoningRows,
+              })
           : undefined,
-        view.streaming !== '' && answerRows > 0
+        view.streaming !== '' && auditedAnswerRows > 0
           ? createElement(
             StreamTail,
             // The same two-column gutter as settled replies: streamed text
             // lands exactly where the assembled message will render.
-            { text: view.streaming, dim: false, maxRows: answerRows, prefix: '  ' },
+            { text: view.streaming, dim: false, maxRows: auditedAnswerRows, prefix: '  ' },
             busy ? createElement(Caret) : undefined,
           )
           : undefined,
@@ -4517,7 +4578,7 @@ export function App(props: AppProps): ReactElement {
       )
       : undefined,
     transcriptVisible ? createElement(TodoPanel, { todos: view.todos }) : undefined,
-    transcriptVisible ? createElement(AgentsLine, { rows: agentRows }) : undefined,
+    transcriptVisible ? createElement(AgentsLine, { rows: agentRows, total: props.subagents.getTotalSeen() }) : undefined,
     todosOpen && !approvalPending && !questionPending
       ? createElement(MemoTodoListPanel, {
         todos: view.todos,
@@ -4686,16 +4747,17 @@ export function App(props: AppProps): ReactElement {
         descriptors,
         skills,
         dispatch: props.dispatch,
+        applyEditorKeys: props.applyEditorKeys,
         steer: props.steer,
         interrupt: props.interrupt,
         quit: props.quit,
         openModel: () => {
           setDirectory(undefined)
           setModelError(undefined)
-          setProviderDirectory(undefined)
-          setProviderError(undefined)
-          setAuthorizationDirectory(undefined)
-          setAuthorizationError(undefined)
+          setProviderDirectory(undefined)
+          setProviderError(undefined)
+          setAuthorizationDirectory(undefined)
+          setAuthorizationError(undefined)
           setProviderOpen(false)
           setProviderAction(undefined)
           setEffortFor(undefined)
@@ -4785,19 +4847,20 @@ export function App(props: AppProps): ReactElement {
           props.store.reset()
         },
         refresh: refreshScreen,
-        // Ctrl+R flips the reasoning fold. Idle toggles must be visible: rows
-        // already emitted through Static are native scrollback, so the fold
-        // state of past entries can only change through the source-backed
-        // replay (one clear + rebuild, wrapped in a synchronized frame). A
-        // busy/streaming turn stays calm: the live region flips alone and the
-        // entries that settle afterward capture the mode.
+        // Ctrl+R flips the reasoning fold. Rows already emitted through
+        // Static are native scrollback, so the fold state of past entries can
+        // only change through the source-backed replay (one clear + rebuild,
+        // wrapped in a synchronized frame). Every toggle replays globally and
+        // immediately — including mid-turn — so the whole transcript stays at
+        // one fold state; the resize path already proves replaying during a
+        // stream is safe.
         toggleReasoning: () => {
           setShowReasoning(current => !current)
-          if (!busy && !streamingActive) refreshScreen()
+          refreshScreen()
         },
-        loadMentions: props.loadMentions,
-        inspectImages: props.inspectImages,
-        prepareImages: props.prepareImages,
+        loadMentions: props.loadMentions,
+        inspectImages: props.inspectImages,
+        prepareImages: props.prepareImages,
         cyclePermission: props.cyclePermission,
         exportTranscript: props.exportTranscript,
         renameTitle: props.renameTitle,