praxis-agent 0.35.0 → 0.36.0

package/dist/cli/interactive.js

@@ -26,18 +26,19 @@ import { agentColorMessage, parseAgentColorInput, } from '../compatibility/claud
 import { filterTuiSlashCommands, mergeTuiSlashCommands, slashCommandQuery, } from './tui/slash-commands.js';
 import { runDoctor, } from '../maintenance/doctor.js';
 import { canonicalClaudeCostModelName, formatCostSummary, } from './tui/cost-summary.js';
-import { createComposerEditor, deleteComposerBackward, deleteComposerForward, deleteComposerToEnd, deleteComposerToStart, deleteComposerWordBackward, insertComposerText, moveComposerCursor, moveComposerCursorByWord, } from './tui/composer-editor.js';
+import { createComposerEditor, deleteComposerBackward, deleteComposerForward, insertComposerText, moveComposerCursor, } from './tui/composer-editor.js';
 import { routeComposerKey, } from './tui/composer-key-router.js';
+import { routeTuiInteraction, } from './tui/tui-interaction-router.js';
 import { applyMentionReference, fileReferenceAtCursor, filterTuiMentionEntries, loadTuiFileEntries, } from './tui/file-picker.js';
 import { editTuiPrompt, openTuiEditorFile, } from './tui/external-editor.js';
 import { suspendTuiProcess } from './tui/terminal-suspend.js';
 import { readTuiClipboard, writeTuiClipboard, writeTuiOsc52Clipboard, } from './tui/clipboard.js';
-import { composerImageIds, deleteComposerImageBackward, deleteComposerImageForward, insertComposerImageMarker, moveComposerCursorAcrossImages, } from './tui/composer-images.js';
+import { composerImageIds, insertComposerImageMarker, } from './tui/composer-images.js';
 import { defaultTuiKeybindings, ensureTuiKeybindingsFile, hasTuiKeybindingPrefix, loadTuiKeybindings, resolveTuiKeybinding, tuiKeyChord, } from './tui/keybindings.js';
 import { completeTuiWorkspaceDirectory, resolveTuiWorkspaceDirectory, } from './tui/workspace-directories.js';
 import { conversationExportPath, conversationExportText, defaultConversationExportFilename, writeConversationExport, } from './tui/conversation-export.js';
 import { loadTuiThemeSettings, saveTuiThemeSettings, themeSettingsWithCustomTheme, } from './tui/theme-settings.js';
-import { DEFAULT_TUI_THEME_SETTINGS, TUI_THEMES, TuiThemeProvider, tuiPalette, } from './tui/theme.js';
+import { DEFAULT_TUI_THEME_SETTINGS, TUI_THEMES, TuiThemeProvider, useTuiTheme, } from './tui/theme.js';
 import { CUSTOM_THEME_TOKENS, createTuiCustomTheme, deleteTuiCustomTheme, loadTuiCustomThemes, updateTuiCustomTheme, } from './tui/custom-themes.js';
 import { setupTuiTerminal, terminalSetupTuiSlashCommand, } from './tui/terminal-setup.js';
 import { commitElicitationText, createTuiElicitationForm, elicitationFormIsValid, elicitationTextValue, expandElicitationOptions, focusedElicitationField, McpElicitationForm, McpElicitationUrl, moveElicitationFocus, moveElicitationOption, selectElicitationOption, toggleElicitationBoolean, typeaheadElicitationOption, unsetElicitationField, validateTuiElicitationForm, } from './tui/mcp-elicitation.js';
@@ -111,11 +112,6 @@ const ZERO_COST_SUMMARY = {
     hasUnknownModelCost: false,
     modelUsage: [],
 };
-function selectionPrefix(selected, screenReader) {
-    if (selected)
-        return screenReader ? 'Selected: ' : '❯ ';
-    return screenReader ? '' : '  ';
-}
 function rewindActions(point) {
     const shared = [
         { action: 'summarize-from', label: 'Summarize from here' },
@@ -266,6 +262,25 @@ const HIDDEN_TUI_SLASH_COMMANDS = new Set([
     'update',
     'usage',
 ]);
+function RewindWarning() {
+    const theme = useTuiTheme();
+    return (_jsx(Text, { ...theme.text.warning, children: "\u26A0 Rewinding does not affect files edited manually or via bash." }));
+}
+function ExitWarning() {
+    const theme = useTuiTheme();
+    return _jsx(Text, { ...theme.text.warning, children: "Press Ctrl-C again to exit" });
+}
+function DecisionOption({ selected, screenReader, children, selectedPrefix = '❯ ', unselectedPrefix = '  ', }) {
+    const theme = useTuiTheme();
+    const accessible = screenReader || theme.noColor;
+    return (_jsxs(Text, { ...(selected ? theme.text.selectedRow : {}), children: [selected
+                ? accessible
+                    ? 'Selected: '
+                    : selectedPrefix
+                : accessible
+                    ? ''
+                    : unselectedPrefix, children] }));
+}
 export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: suppliedConfigRoot, statePath: suppliedStatePath, factory, initialSessions, initialPrompt, initialHistory = [], initialSessionColor, signal, onCancel, onTurnChange, onCleanup, onRendererChange, onBackground, axScreenReader = false, allowNewSession = true, resume, display = { version: 'dev', cwd: process.cwd() }, terminalWidth, slashCommands = EMPTY_SLASH_COMMANDS, agents = EMPTY_AGENTS, allowDangerouslySkipPermissions = false, additionalDirectories = [], diffLoader, doctorLoader, fileLoader, externalEditor = editTuiPrompt, keybindingsConfigRoot, keybindingsFile = ensureTuiKeybindingsFile, keybindingsLoader = loadTuiKeybindings, keybindingsEditor = openTuiEditorFile, memoryFilesLoader, memoryEditor = openTuiEditorFile, memoryFolderOpener = openTuiMemoryFolder, suspendProcess = suspendTuiProcess, clipboardReader = readTuiClipboard, clipboardWriter = writeTuiClipboard, sideQuestionClipboardWriter = writeTuiOsc52Clipboard, exportWriter = writeConversationExport, permissionRuleStore, sandboxStore: suppliedSandboxStore, recentlyDeniedStore: suppliedRecentlyDeniedStore, terminalSetup: terminalSetupOverride, themeStore, initialThemeSettings, initialThemeLoadError, workspaceDirectoryResolver = resolveTuiWorkspaceDirectory, workspaceDirectoryCompleter = completeTuiWorkspaceDirectory, runtimeSettings: suppliedRuntimeSettings, runtimeSettingsTarget, notificationWriter, notificationDelayMs = 6_000, elicitationUrlOpener = openTuiUrl, releaseNotesLoader = (configRoot) => loadClaudeReleaseNotes({ configRoot }), settingSources, }) {
     const { exit, suspendTerminal, waitUntilRenderFlush } = useApp();
     const width = useTerminalWidth(terminalWidth);
@@ -345,9 +360,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
     runtimeSettingsRef.current = runtimeSettings;
     runtimeGitignoreRef.current = runtimeSettings.gitignore;
     const [vimInsertMode, setVimInsertMode] = useState(true);
-    const activePalette = tuiPalette(TUI_THEMES.includes(themeSettings.theme)
-        ? themeSettings.theme
-        : 'dark', themeSettings.syntaxHighlightingDisabled, process.env, themeSettings.customTheme);
     const choices = useMemo(() => allowNewSession ? [null, ...initialSessions] : initialSessions, [allowNewSession, initialSessions]);
     const [pickerIncludesNewSession, setPickerIncludesNewSession] = useState(allowNewSession);
     const pickerIncludesNewSessionRef = useRef(allowNewSession);
@@ -449,7 +461,12 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
     const [contextWindowTokens, setContextWindowTokens] = useState(display.contextWindowTokens);
     const [history, setHistory] = useState([...initialHistory]);
     const activeAttemptThinkingItemsRef = useRef([]);
-    const [transcriptScrollOffset, setTranscriptScrollOffset] = useState(0);
+    const [transcriptScrollOffset, setTranscriptScrollOffsetState] = useState(0);
+    const transcriptScrollOffsetRef = useRef(0);
+    const setTranscriptScrollOffset = (offset) => {
+        transcriptScrollOffsetRef.current = offset;
+        setTranscriptScrollOffsetState(offset);
+    };
     // The pure TUI view model classifies the session identity (fresh/resumed/
     // started) and projects the rendered transcript. Startup diagnostics are
     // useful before the first prompt, but they are not conversation history and
@@ -1152,25 +1169,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
         exitConfirmationTimerRef.current = null;
         setExitConfirmation(false);
     };
-    const armExitConfirmation = () => {
-        if (exitConfirmation) {
-            permissionRef.current?.resolve(false);
-            elicitationRef.current?.resolve({ action: 'cancel' });
-            questionRef.current?.resolve(null);
-            planApprovalRef.current?.resolve({ behavior: 'deny' });
-            onCancel?.();
-            exit();
-            return;
-        }
-        clearComposerInput();
-        setExitConfirmation(true);
-        if (exitConfirmationTimerRef.current)
-            clearTimeout(exitConfirmationTimerRef.current);
-        exitConfirmationTimerRef.current = setTimeout(() => {
-            exitConfirmationTimerRef.current = null;
-            setExitConfirmation(false);
-        }, 1_500);
-    };
     useEffect(() => {
         setCommandSelection((current) => Math.min(current, Math.max(0, matchingSlashCommands.length - 1)));
     }, [matchingSlashCommands.length]);
@@ -2872,74 +2870,150 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             const codePoint = character.codePointAt(0) ?? 0;
             return codePoint >= 32 && codePoint !== 127;
         });
+        const composerKey = {
+            value,
+            left: key.leftArrow,
+            right: key.rightArrow,
+            backspace: key.backspace,
+            delete: key.delete,
+            ctrl: key.ctrl,
+            meta: key.meta,
+            escape: key.escape || value === '\u001B',
+        };
         const editor = () => createComposerEditor(inputRef.current, inputCursorRef.current);
         const editComposer = () => {
-            if (key.leftArrow) {
-                updateComposerEditor(key.meta
-                    ? moveComposerCursorByWord(editor(), 'backward')
-                    : moveComposerCursorAcrossImages(editor(), -1));
-                return true;
-            }
-            if (key.rightArrow) {
-                updateComposerEditor(key.meta
-                    ? moveComposerCursorByWord(editor(), 'forward')
-                    : moveComposerCursorAcrossImages(editor(), 1));
-                return true;
-            }
-            if (controlKey('a')) {
-                updateComposerEditor(createComposerEditor(inputRef.current, 0));
-                return true;
-            }
-            if (controlKey('e')) {
-                updateComposerEditor(createComposerEditor(inputRef.current));
-                return true;
-            }
-            if (controlKey('b')) {
-                updateComposerEditor(moveComposerCursorAcrossImages(editor(), -1));
-                return true;
-            }
-            if (controlKey('f')) {
-                updateComposerEditor(moveComposerCursorAcrossImages(editor(), 1));
-                return true;
-            }
-            if (controlKey('w')) {
-                updateComposerEditor(deleteComposerWordBackward(editor()));
-                return true;
-            }
-            if (controlKey('u')) {
-                updateComposerEditor(deleteComposerToStart(editor()));
-                return true;
-            }
-            if (controlKey('k')) {
-                updateComposerEditor(deleteComposerToEnd(editor()));
-                return true;
-            }
-            if (key.backspace) {
-                updateComposerEditor(deleteComposerImageBackward(editor()));
+            const transition = routeComposerKey(editor(), composerKey);
+            if (transition.kind === 'edit') {
+                updateComposerEditor(transition.editor);
                 return true;
             }
-            if (key.delete) {
-                updateComposerEditor(deleteComposerImageForward(editor()));
-                return true;
-            }
-            if (!key.ctrl && !key.meta && value && printable) {
-                updateComposerEditor(insertComposerText(editor(), value));
-                return true;
-            }
-            return false;
+            if (transition.kind === 'cancel')
+                clearComposerInput();
+            return transition.kind === 'cancel';
         };
-        if (controlKey('c')) {
-            armExitConfirmation();
-            return;
-        }
-        if (controlKey('z')) {
-            if (!processSuspendRequestedRef.current) {
-                processSuspendRequestedRef.current = true;
-                setProcessSuspendRequested(true);
+        const interactionComposer = () => ({
+            mode: runtimeSettingsRef.current.editor === 'vim'
+                ? vimInsertMode
+                    ? 'vim-insert'
+                    : 'vim-normal'
+                : 'readline',
+            editor: editor(),
+            lastCancelAtMs: lastEscapeAtRef.current,
+        });
+        const applyInteractionEffects = (effects) => {
+            for (const effect of effects) {
+                if (effect.kind === 'request-process-suspension') {
+                    processSuspendRequestedRef.current = true;
+                    setProcessSuspendRequested(true);
+                }
+                else if (effect.kind === 'set-transcript-scroll-offset') {
+                    setTranscriptScrollOffset(effect.offset);
+                }
+                else if (effect.kind === 'interrupt-turn') {
+                    turnControllerRef.current?.abort();
+                }
+                else if (effect.kind === 'arm-exit-confirmation') {
+                    setExitConfirmation(true);
+                    if (exitConfirmationTimerRef.current)
+                        clearTimeout(exitConfirmationTimerRef.current);
+                    exitConfirmationTimerRef.current = setTimeout(() => {
+                        exitConfirmationTimerRef.current = null;
+                        setExitConfirmation(false);
+                    }, 1_500);
+                }
+                else if (effect.kind === 'dismiss-exit-confirmation') {
+                    dismissExitConfirmation();
+                }
+                else if (effect.kind === 'exit-application') {
+                    permissionRef.current?.resolve(false);
+                    elicitationRef.current?.resolve({ action: 'cancel' });
+                    questionRef.current?.resolve(null);
+                    planApprovalRef.current?.resolve({ behavior: 'deny' });
+                    onCancel?.();
+                    exit();
+                }
+                else if (effect.kind === 'set-vim-insert-mode') {
+                    setVimInsertMode(effect.insert);
+                }
+                else if (effect.kind === 'set-composer-editor') {
+                    updateComposerEditor(effect.editor);
+                }
+                else if (effect.kind === 'clear-composer') {
+                    clearComposerInput();
+                }
+                else if (effect.kind === 'record-composer-cancel') {
+                    lastEscapeAtRef.current = effect.timestamp;
+                }
+                else if (effect.kind === 'cancel-tui-layer') {
+                    switch (effect.target) {
+                        case 'permission':
+                            permissionRef.current?.resolve(false);
+                            break;
+                        case 'plan-approval':
+                            planApprovalRef.current?.resolve({ behavior: 'deny' });
+                            break;
+                        case 'question':
+                            questionRef.current?.resolve(null);
+                            break;
+                        case 'elicitation-url-waiting':
+                            if (elicitationUrlWaitingRef.current) {
+                                elicitationUrlWaitingRef.current = null;
+                                setElicitationUrlWaiting(false);
+                                setElicitation(null);
+                                setElicitationForm(null);
+                                clearComposerInput();
+                            }
+                            break;
+                        case 'elicitation-options':
+                            setElicitationForm((current) => current?.expandedField
+                                ? { ...current, expandedField: undefined }
+                                : current);
+                            break;
+                        case 'elicitation':
+                            elicitationRef.current?.resolve({ action: 'cancel' });
+                            break;
+                        case 'file-picker':
+                            setFilePickerOpen(false);
+                            break;
+                        case 'command-palette':
+                            setCommandPaletteOpen(false);
+                            break;
+                        default: {
+                            const unhandledTarget = effect.target;
+                            return unhandledTarget;
+                        }
+                    }
+                }
+                else {
+                    const unhandledEffect = effect;
+                    return unhandledEffect;
+                }
             }
+        };
+        if (controlKey('c') || controlKey('z')) {
+            const globalInteraction = routeTuiInteraction({
+                suspensionPending: processSuspendRequestedRef.current,
+                exitConfirmationArmed: exitConfirmation,
+                layer: { kind: 'none' },
+                busy,
+                viewport: {
+                    enabled: false,
+                    offset: 0,
+                    maxOffset: 0,
+                    pageRows: 0,
+                },
+                composer: interactionComposer(),
+            }, {
+                globalIntent: controlKey('c') ? 'exit' : 'suspend',
+                scrollIntent: 'none',
+                action: undefined,
+                composerKey,
+                timestamp: Date.now(),
+                callerIntent: 'none',
+            });
+            applyInteractionEffects(globalInteraction.effects);
             return;
         }
-        dismissExitConfirmation();
         const keybindingContexts = menuRef.current
             ? menuRef.current.kind === 'diff'
                 ? ['DiffDialog']
@@ -2976,57 +3050,90 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
         if (!keybindingAction) {
             keybindingAction = resolveTuiKeybinding(keybindings, keybindingContexts, inputChord);
         }
-        if (!keybindingAction &&
-            inputChord &&
-            hasTuiKeybindingPrefix(keybindings, keybindingContexts, inputChord)) {
+        const scrollIntent = key.pageUp
+            ? 'page-older'
+            : key.pageDown
+                ? 'page-newer'
+                : controlKey('u') || controlKey('b')
+                    ? 'half-page-older'
+                    : controlKey('f') || controlKey('n')
+                        ? 'half-page-newer'
+                        : inputRef.current.length === 0 && key.upArrow
+                            ? 'line-older'
+                            : inputRef.current.length === 0 && key.downArrow
+                                ? 'line-newer'
+                                : 'none';
+        const hasPendingPrefix = !keybindingAction &&
+            inputChord !== null &&
+            hasTuiKeybindingPrefix(keybindings, keybindingContexts, inputChord);
+        if (hasPendingPrefix) {
             keySequenceRef.current = { chord: inputChord, at: Date.now() };
+        }
+        const layer = hasPendingPrefix
+            ? { kind: 'pending-prefix' }
+            : permission
+                ? { kind: 'cancelable', target: 'permission' }
+                : planApproval
+                    ? { kind: 'cancelable', target: 'plan-approval' }
+                    : question
+                        ? { kind: 'cancelable', target: 'question' }
+                        : elicitation
+                            ? {
+                                kind: 'cancelable',
+                                target: elicitationUrlWaiting
+                                    ? 'elicitation-url-waiting'
+                                    : elicitationForm?.expandedField
+                                        ? 'elicitation-options'
+                                        : 'elicitation',
+                            }
+                            : selectingSession
+                                ? { kind: 'delegated', target: 'session-picker' }
+                                : menuRef.current
+                                    ? { kind: 'delegated', target: 'menu' }
+                                    : filePickerVisible
+                                        ? { kind: 'cancelable', target: 'file-picker' }
+                                        : commandPaletteVisible
+                                            ? { kind: 'cancelable', target: 'command-palette' }
+                                            : { kind: 'none' };
+        const callerIntent = !busy && value === '?' && inputRef.current.length === 0
+            ? 'toggle-shortcuts'
+            : runtimeSettingsRef.current.leftArrowOpensAgents &&
+                key.leftArrow &&
+                inputRef.current.length === 0 &&
+                availableAgents.length > 0
+                ? 'open-agents'
+                : key.return &&
+                    (key.shift || key.meta) &&
+                    keybindingAction === undefined
+                    ? 'implicit-newline'
+                    : 'none';
+        const interaction = routeTuiInteraction({
+            suspensionPending: processSuspendRequestedRef.current,
+            exitConfirmationArmed: exitConfirmation,
+            layer,
+            busy,
+            viewport: {
+                enabled: fixedViewport,
+                offset: transcriptScrollOffsetRef.current,
+                maxOffset: maxTranscriptScrollOffset,
+                pageRows: transcriptPageRows,
+            },
+            composer: interactionComposer(),
+        }, {
+            globalIntent: 'none',
+            scrollIntent,
+            action: keybindingAction,
+            composerKey,
+            timestamp: Date.now(),
+            callerIntent,
+        });
+        applyInteractionEffects(interaction.effects);
+        if (interaction.disposition === 'handled') {
             return;
         }
         const isKeybinding = (action) => keybindingAction === action;
-        if (fixedViewport &&
-            menuRef.current === null &&
-            !permission &&
-            !planApproval &&
-            !question &&
-            !elicitation &&
-            !selectingSession) {
-            const page = transcriptPageRows;
-            const scrollDelta = key.pageUp
-                ? page
-                : key.pageDown
-                    ? -page
-                    : controlKey('u') || controlKey('b')
-                        ? page / 2
-                        : controlKey('f') || controlKey('n')
-                            ? -page / 2
-                            : inputRef.current.length === 0 && key.upArrow
-                                ? 1
-                                : inputRef.current.length === 0 && key.downArrow
-                                    ? -1
-                                    : 0;
-            if (scrollDelta !== 0) {
-                setTranscriptScrollOffset((current) => Math.min(Math.max(0, maxTranscriptScrollOffset), Math.max(0, current + Math.trunc(scrollDelta))));
-                return;
-            }
-        }
-        if (runtimeSettingsRef.current.editor === 'vim' &&
-            !permission &&
-            !planApproval &&
-            !question &&
-            !elicitation &&
-            menuRef.current === null) {
-            if (!vimInsertMode) {
-                if (value === 'i' || value === 'a')
-                    setVimInsertMode(true);
-                else if (key.leftArrow || key.rightArrow)
-                    editComposer();
-                return;
-            }
-            if (key.escape || value === '\u001B') {
-                setVimInsertMode(false);
-                return;
-            }
-        }
+        if (hasPendingPrefix)
+            return;
         if (permission) {
             const options = permission.kind === 'tool' && toolPermissionModel
                 ? toolPermissionModel.options
@@ -3172,10 +3279,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                 }
                 permission.resolve(feedback ? { behavior: 'deny', message: feedback } : false);
             };
-            if (key.escape) {
-                permission.resolve(false);
-            }
-            else if (permissionFeedbackMode) {
+            if (permissionFeedbackMode) {
                 if (key.tab) {
                     clearComposerInput();
                     setPermissionFeedbackMode(false);
@@ -3256,10 +3360,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                     ...(feedback ? { feedback } : {}),
                 });
             };
-            if (key.escape) {
-                planApproval.resolve({ behavior: 'deny' });
-            }
-            else if (planApprovalFeedbackMode) {
+            if (planApprovalFeedbackMode) {
                 if (key.tab) {
                     clearComposerInput();
                     setPlanApprovalFeedbackMode(false);
@@ -3296,10 +3397,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             return;
         }
         if (question) {
-            if (key.escape) {
-                question.resolve(null);
-            }
-            else if (key.return) {
+            if (key.return) {
                 try {
                     const current = question.questions[question.index];
                     if (!current)
@@ -3353,13 +3451,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                     setElicitationForm(null);
                     clearComposerInput();
                 };
-                if (key.escape) {
-                    if (elicitationUrlWaiting)
-                        dismissUrlDialog();
-                    else
-                        elicitation.resolve({ action: 'cancel' });
-                }
-                else if (key.leftArrow || key.rightArrow) {
+                if (key.leftArrow || key.rightArrow) {
                     setElicitationForm({
                         ...form,
                         focusIndex: form.focusIndex === 0 ? 1 : 0,
@@ -3385,7 +3477,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                 return;
             }
             if (form.expandedField && currentField) {
-                if (key.escape || key.leftArrow) {
+                if (key.leftArrow) {
                     setElicitationForm({ ...form, expandedField: undefined });
                 }
                 else if (key.upArrow) {
@@ -3404,9 +3496,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                     setElicitationForm(typeaheadElicitationOption(form, value));
                 }
             }
-            else if (key.escape) {
-                elicitation.resolve({ action: 'cancel' });
-            }
             else if (key.upArrow) {
                 move(-1);
             }
@@ -5175,8 +5264,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                 void backgrounding;
                 return;
             }
-            if (isKeybinding('chat:cancel'))
-                turnControllerRef.current?.abort();
             return;
         }
         if (isKeybinding('chat:imagePaste')) {
@@ -5192,10 +5279,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             return;
         }
         if (filePickerVisible) {
-            if (key.escape || value === '\u001B') {
-                setFilePickerOpen(false);
-                return;
-            }
             if (key.upArrow) {
                 setFileSelection((current) => Math.max(0, current - 1));
                 return;
@@ -5220,13 +5303,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             updateMenu({ kind: 'agents', agents: availableAgents, selectedIndex: 0 });
             return;
         }
-        if (isKeybinding('chat:cancel')) {
-            const now = Date.now();
-            if (now - lastEscapeAtRef.current <= 500)
-                clearComposerInput();
-            lastEscapeAtRef.current = now;
-            return;
-        }
         if (isKeybinding('chat:cycleMode')) {
             const currentIndex = permissionOptions.findIndex((option) => option.mode === runtimePreferences.permissionMode);
             const next = permissionOptions[(currentIndex + 1) % permissionOptions.length];
@@ -5235,10 +5311,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             return;
         }
         if (commandPaletteVisible) {
-            if (key.escape) {
-                setCommandPaletteOpen(false);
-                return;
-            }
             if (key.upArrow) {
                 if (matchingSlashCommands.length > 0) {
                     setCommandSelection((current) => Math.max(0, current - 1));
@@ -5842,24 +5914,12 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             clearComposerInput();
             return;
         }
-        const transition = routeComposerKey(editor(), {
-            value,
-            left: key.leftArrow,
-            right: key.rightArrow,
-            backspace: key.backspace,
-            delete: key.delete,
-            ctrl: key.ctrl,
-            meta: key.meta,
-            escape: key.escape || value === '\u001B',
-        });
-        if (transition.kind === 'cancel') {
-            clearComposerInput();
-        }
-        else if (transition.kind === 'edit') {
-            updateComposerEditor(transition.editor);
+        if (filePickerVisible || commandPaletteVisible) {
+            editComposer();
+            return;
         }
     });
-    return (_jsx(TuiThemeProvider, { settings: themeSettings, children: _jsx(Box, { flexDirection: "column", ...(!fixedViewport
+    return (_jsx(TuiThemeProvider, { settings: themeSettings, screenReader: axScreenReader, children: _jsx(Box, { flexDirection: "column", ...(!fixedViewport
                 ? {}
                 : { height: rows, overflowY: 'hidden' }), children: selectingSession ? (_jsx(SessionPicker, { sessions: filteredPickerChoices, selectedIndex: selectedIndex, screenReader: axScreenReader, query: sessionSearch })) : (_jsxs(_Fragment, { children: [!axScreenReader && freshSession ? (_jsx(WelcomePanel, { display: runtimeDisplay, width: width, showTips: runtimeSettings.tips, dataPlane: dataPlane })) : null, sessionId ? (_jsxs(Text, { dimColor: true, children: ["Session ", sessionId.slice(0, 8)] })) : null, !axScreenReader && !resumed && hasConversationHistory ? (_jsx(SessionIdentity, { display: runtimeDisplay, width: width })) : null, _jsx(Box, { ...(fixedViewport
                             ? {
@@ -5869,16 +5929,16 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                             }
                             : {}), children: _jsx(Transcript, { entries: transcriptEntries, activeText: activeText, activeThinking: activeThinking, activeStreamVisible: transcriptScrollOffset === 0, thinkingExpanded: thinkingExpanded, detailedTranscript: thinkingExpanded || runtimeSettings.verbose, screenReader: axScreenReader }) }), externalEditorRequest !== null ||
                         keybindingsEditing ||
-                        memoryEditorRequest !== null ? (_jsx(ExternalEditorWait, { screenReader: axScreenReader })) : permission ? (permission.kind === 'tool' && toolPermissionModel ? (_jsx(ToolPermissionDialog, { model: toolPermissionModel, selection: permissionSelection, feedbackMode: permissionFeedbackMode, feedback: input, ruleEditor: permissionRuleEditor, screenReader: axScreenReader })) : (_jsxs(DialogFrame, { title: `Retry interrupted ${permission.call.name}?`, screenReader: axScreenReader, children: [_jsx(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, children: _jsx(Text, { bold: true, children: describeTool(permission.call, sensitiveValues) }) }), _jsx(Text, { children: "Do you want to proceed?" }), _jsxs(Text, { inverse: !axScreenReader && permissionSelection === 0, children: [selectionPrefix(permissionSelection === 0, axScreenReader), "1. Yes"] }), _jsxs(Text, { inverse: !axScreenReader && permissionSelection === 1, children: [selectionPrefix(permissionSelection === 1, axScreenReader), "2. No"] }), permissionFeedbackMode ? (_jsxs(Text, { children: ["\u203A", ' ', input ||
+                        memoryEditorRequest !== null ? (_jsx(ExternalEditorWait, { screenReader: axScreenReader })) : permission ? (permission.kind === 'tool' && toolPermissionModel ? (_jsx(ToolPermissionDialog, { model: toolPermissionModel, selection: permissionSelection, feedbackMode: permissionFeedbackMode, feedback: input, ruleEditor: permissionRuleEditor, screenReader: axScreenReader })) : (_jsxs(DialogFrame, { title: `Retry interrupted ${permission.call.name}?`, screenReader: axScreenReader, children: [_jsx(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, children: _jsx(Text, { bold: true, children: describeTool(permission.call, sensitiveValues) }) }), _jsx(Text, { children: "Do you want to proceed?" }), _jsx(DecisionOption, { selected: permissionSelection === 0, screenReader: axScreenReader, children: "1. Yes" }), _jsx(DecisionOption, { selected: permissionSelection === 1, screenReader: axScreenReader, children: "2. No" }), permissionFeedbackMode ? (_jsxs(Text, { children: ["\u203A", ' ', input ||
                                         (permissionSelection === 0
                                             ? 'tell Praxis what to do next'
                                             : 'tell Praxis what to do differently')] })) : null, _jsx(Text, { dimColor: true, children: permissionFeedbackMode
                                     ? 'Enter to submit · Tab to collapse · Esc to cancel'
-                                    : 'Enter to confirm · Tab to add feedback · Esc to cancel' })] }))) : planApproval ? (_jsxs(DialogFrame, { title: "Ready to code?", screenReader: axScreenReader, children: [_jsx(Text, { children: "Here is Praxis's plan:" }), planApproval.request.plan ? (_jsx(Box, { borderStyle: axScreenReader ? undefined : 'classic', borderLeft: false, borderRight: false, paddingX: axScreenReader ? 0 : 1, marginY: 1, children: _jsx(Text, { children: planApproval.request.plan }) })) : null, _jsx(Text, { dimColor: true, children: "Praxis has written up a plan and is ready to execute. Would you like to proceed?" }), _jsxs(Text, { inverse: !axScreenReader && planApprovalSelection === 0, children: [selectionPrefix(planApprovalSelection === 0, axScreenReader), "1.", ' ', runtimeSettings.useAutoModeDuringPlan
+                                    : 'Enter to confirm · Tab to add feedback · Esc to cancel' })] }))) : planApproval ? (_jsxs(DialogFrame, { title: "Ready to code?", screenReader: axScreenReader, children: [_jsx(Text, { children: "Here is Praxis's plan:" }), planApproval.request.plan ? (_jsx(Box, { borderStyle: axScreenReader ? undefined : 'classic', borderLeft: false, borderRight: false, paddingX: axScreenReader ? 0 : 1, marginY: 1, children: _jsx(Text, { children: planApproval.request.plan }) })) : null, _jsx(Text, { dimColor: true, children: "Praxis has written up a plan and is ready to execute. Would you like to proceed?" }), _jsxs(DecisionOption, { selected: planApprovalSelection === 0, screenReader: axScreenReader, children: ["1.", ' ', runtimeSettings.useAutoModeDuringPlan
                                         ? 'Yes, and use auto mode'
                                         : allowDangerouslySkipPermissions
                                             ? 'Yes, and bypass permissions'
-                                            : 'Yes, auto-accept edits'] }), _jsxs(Text, { inverse: !axScreenReader && planApprovalSelection === 1, children: [selectionPrefix(planApprovalSelection === 1, axScreenReader), "2. Yes, manually approve edits"] }), _jsxs(Text, { inverse: !axScreenReader && planApprovalSelection === 2, children: [selectionPrefix(planApprovalSelection === 2, axScreenReader), "3. No, keep planning"] }), planApprovalFeedbackMode ? (_jsxs(Text, { children: ["\u203A", ' ', input ||
+                                            : 'Yes, auto-accept edits'] }), _jsx(DecisionOption, { selected: planApprovalSelection === 1, screenReader: axScreenReader, children: "2. Yes, manually approve edits" }), _jsx(DecisionOption, { selected: planApprovalSelection === 2, screenReader: axScreenReader, children: "3. No, keep planning" }), planApprovalFeedbackMode ? (_jsxs(Text, { children: ["\u203A", ' ', input ||
                                         (planApprovalSelection === 2
                                             ? 'Tell Praxis what to change'
                                             : 'Add feedback for implementation')] })) : null, _jsx(Text, { dimColor: true, children: planApproval.request.planPath }), _jsx(Text, { dimColor: true, children: planApprovalFeedbackMode
@@ -5894,9 +5954,9 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                                             .slice(window.start, window.end)
                                             .map((point, offset) => {
                                             const index = window.start + offset;
-                                            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { inverse: menu.selectedIndex === index, children: [menu.selectedIndex === index ? ' ❯ ' : '   ', point.prompt
-                                                                .replace(/\s+/gu, ' ')
-                                                                .slice(0, 72)] }), _jsxs(Text, { dimColor: true, children: ['     ', point.fileChanges.length > 0
+                                            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(DecisionOption, { selected: menu.selectedIndex === index, screenReader: axScreenReader, selectedPrefix: " \u276F ", unselectedPrefix: "   ", children: point.prompt
+                                                            .replace(/\s+/gu, ' ')
+                                                            .slice(0, 72) }), _jsxs(Text, { dimColor: true, children: ['     ', point.fileChanges.length > 0
                                                                 ? point.fileChanges
                                                                     .map((path) => path.startsWith(`${runtimeCwd}/`)
                                                                     ? path.slice(runtimeCwd.length + 1)
@@ -5906,11 +5966,11 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                                                                     ? 'No code changes'
                                                                     : '⚠ No code restore'] })] }, point.messageId));
                                         }), window.end < menu.points.length ? (_jsxs(Text, { dimColor: true, children: [' ', "\u2193 ", menu.points.length - window.end, " more below"] })) : null] }));
-                            })(), _jsxs(Text, { inverse: menu.selectedIndex === menu.points.length, children: [menu.selectedIndex === menu.points.length ? ' ❯ ' : '   ', "(current)"] }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: " Enter to continue \u00B7 Esc to cancel" })] })) : menu?.kind === 'rewind-confirm' ? (_jsxs(DialogFrame, { title: "Confirm restore point", screenReader: axScreenReader, children: [_jsxs(Text, { children: ["\u2502 ", menu.point.prompt] }), _jsx(Text, { children: " " }), _jsx(Text, { children: "The conversation will be forked." }), _jsxs(Text, { children: ["The code will", ' ', menu.point.fileChanges.length > 0
+                            })(), _jsx(DecisionOption, { selected: menu.selectedIndex === menu.points.length, screenReader: axScreenReader, selectedPrefix: " \u276F ", unselectedPrefix: "   ", children: "(current)" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: " Enter to continue \u00B7 Esc to cancel" })] })) : menu?.kind === 'rewind-confirm' ? (_jsxs(DialogFrame, { title: "Confirm restore point", screenReader: axScreenReader, children: [_jsxs(Text, { children: ["\u2502 ", menu.point.prompt] }), _jsx(Text, { children: " " }), _jsx(Text, { children: "The conversation will be forked." }), _jsxs(Text, { children: ["The code will", ' ', menu.point.fileChanges.length > 0
                                         ? `restore ${menu.point.fileChanges.join(', ')}.`
-                                        : 'be unchanged.'] }), _jsx(Text, { children: " " }), rewindActions(menu.point).map((option, index) => (_jsxs(Text, { inverse: menu.selectedIndex === index, children: [menu.selectedIndex === index ? '❯ ' : '  ', index + 1, ". ", option.label] }, option.action))), _jsx(Text, { children: " " }), _jsx(Text, { color: activePalette.warning, children: "\u26A0 Rewinding does not affect files edited manually or via bash." })] })) : menu?.kind === 'rewind-context' ? (_jsxs(DialogFrame, { title: `Summarize ${menu.direction === 'from' ? 'from' : 'up to'} here`, screenReader: axScreenReader, children: [_jsx(Text, { children: menu.direction === 'from'
+                                        : 'be unchanged.'] }), _jsx(Text, { children: " " }), rewindActions(menu.point).map((option, index) => (_jsxs(DecisionOption, { selected: menu.selectedIndex === index, screenReader: axScreenReader, children: [index + 1, ". ", option.label] }, option.action))), _jsx(Text, { children: " " }), _jsx(RewindWarning, {})] })) : menu?.kind === 'rewind-context' ? (_jsxs(DialogFrame, { title: `Summarize ${menu.direction === 'from' ? 'from' : 'up to'} here`, screenReader: axScreenReader, children: [_jsx(Text, { children: menu.direction === 'from'
                                     ? 'Messages after this point will be summarized.'
-                                    : 'Messages up to this point will be summarized.' }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["add context (optional): ", input] }), _jsx(Text, { dimColor: true, children: "Enter to summarize \u00B7 Esc to go back" })] })) : menu?.kind === 'permission-rule-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Add ", menu.behavior, " permission rule"] }), _jsx(Text, { children: "Permission rules are a tool name, optionally followed by a specifier in parentheses." }), _jsx(Text, { children: "e.g., WebFetch or Bash(ls *)" }), _jsx(Text, { children: " " }), _jsx(Box, { borderStyle: axScreenReader ? undefined : 'round', paddingX: axScreenReader ? 0 : 1, children: _jsx(Text, { ...(input ? {} : { dimColor: true }), children: input || 'Enter permission rule…' }) }), _jsx(Text, { dimColor: true, children: "Enter to submit \u00B7 Esc to cancel" })] })) : menu?.kind === 'workspace-directory-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Add directory to workspace" }), _jsx(Text, { children: "Praxis Code will be able to read files in this directory and make edits when auto-accept edits is on." }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Enter the path to the directory:" }), _jsx(Box, { borderStyle: axScreenReader ? undefined : 'round', paddingX: axScreenReader ? 0 : 1, children: _jsx(Text, { ...(input ? {} : { dimColor: true }), children: input || 'Directory path…' }) }), _jsx(Text, { dimColor: true, children: "Tab to complete \u00B7 Enter to add \u00B7 Esc to cancel" })] })) : menu?.kind === 'permission-delete' ? (_jsxs(DialogFrame, { title: permissionDeleteTitle(menu.rule.behavior), screenReader: axScreenReader, children: [_jsx(Text, { children: menu.rule.rule }), permissionRuleDescription(menu.rule.rule) ? (_jsx(Text, { dimColor: true, children: permissionRuleDescription(menu.rule.rule) })) : null, _jsx(Text, { dimColor: true, children: permissionScopeLabel(menu.rule.scope) }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Are you sure you want to delete this permission rule?" }), _jsx(Text, { children: " " }), _jsxs(Text, { inverse: !axScreenReader && menu.selectedIndex === 0, children: [selectionPrefix(menu.selectedIndex === 0, axScreenReader), "1. Yes"] }), _jsxs(Text, { inverse: !axScreenReader && menu.selectedIndex === 1, children: [selectionPrefix(menu.selectedIndex === 1, axScreenReader), "2. No"] }), _jsx(Text, { dimColor: true, children: "Esc to cancel" })] })) : menu?.kind === 'workspace-directory-delete' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Remove directory from workspace?" }), _jsxs(Text, { children: [" ", menu.path] }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Praxis Code will no longer have access to files in this directory." }), _jsx(Text, { children: " " }), _jsxs(Text, { inverse: !axScreenReader && menu.selectedIndex === 0, children: [selectionPrefix(menu.selectedIndex === 0, axScreenReader), "1. Yes"] }), _jsxs(Text, { inverse: !axScreenReader && menu.selectedIndex === 1, children: [selectionPrefix(menu.selectedIndex === 1, axScreenReader), "2. No"] }), _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Esc to cancel" })] })) : menu ? (menu.kind === 'help' ? (_jsx(HelpMenu, { tabIndex: menu.tabIndex, selectedIndex: menu.selectedIndex, builtinCommands: builtinSlashCommands, customCommands: customSlashCommands, width: width, screenReader: axScreenReader })) : menu.kind === 'diff' ? (_jsx(DiffDashboard, { snapshots: menu.snapshots, sourceIndex: menu.sourceIndex, selectedIndex: menu.selectedIndex, viewingFile: menu.viewingFile, scrollOffset: menu.scrollOffset, width: width, screenReader: axScreenReader })) : menu.kind === 'permission-dashboard' ? (_jsx(PermissionDashboard, { tabIndex: menu.tabIndex, selectedIndex: menu.selectedIndex, query: menu.query, rules: menu.rules, recentDenied: recentDenied, retryingDeniedId: retryingDeniedId, workspaceDirectories: workspaceDirectories, width: width, screenReader: axScreenReader })) : menu.kind === 'sandbox' ? (_jsx(SandboxDashboard, { snapshot: menu.snapshot, tab: menu.tab, selectedIndex: menu.selectedIndex, width: width, screenReader: axScreenReader })) : menu.kind === 'permission-scope' ? (_jsx(SelectionMenu, { title: "Where should this rule be saved?", description: `${menu.rule}${permissionRuleDescription(menu.rule)
+                                    : 'Messages up to this point will be summarized.' }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["add context (optional): ", input] }), _jsx(Text, { dimColor: true, children: "Enter to summarize \u00B7 Esc to go back" })] })) : menu?.kind === 'permission-rule-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: ["Add ", menu.behavior, " permission rule"] }), _jsx(Text, { children: "Permission rules are a tool name, optionally followed by a specifier in parentheses." }), _jsx(Text, { children: "e.g., WebFetch or Bash(ls *)" }), _jsx(Text, { children: " " }), _jsx(Box, { borderStyle: axScreenReader ? undefined : 'round', paddingX: axScreenReader ? 0 : 1, children: _jsx(Text, { ...(input ? {} : { dimColor: true }), children: input || 'Enter permission rule…' }) }), _jsx(Text, { dimColor: true, children: "Enter to submit \u00B7 Esc to cancel" })] })) : menu?.kind === 'workspace-directory-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Add directory to workspace" }), _jsx(Text, { children: "Praxis Code will be able to read files in this directory and make edits when auto-accept edits is on." }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Enter the path to the directory:" }), _jsx(Box, { borderStyle: axScreenReader ? undefined : 'round', paddingX: axScreenReader ? 0 : 1, children: _jsx(Text, { ...(input ? {} : { dimColor: true }), children: input || 'Directory path…' }) }), _jsx(Text, { dimColor: true, children: "Tab to complete \u00B7 Enter to add \u00B7 Esc to cancel" })] })) : menu?.kind === 'permission-delete' ? (_jsxs(DialogFrame, { title: permissionDeleteTitle(menu.rule.behavior), screenReader: axScreenReader, children: [_jsx(Text, { children: menu.rule.rule }), permissionRuleDescription(menu.rule.rule) ? (_jsx(Text, { dimColor: true, children: permissionRuleDescription(menu.rule.rule) })) : null, _jsx(Text, { dimColor: true, children: permissionScopeLabel(menu.rule.scope) }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Are you sure you want to delete this permission rule?" }), _jsx(Text, { children: " " }), _jsx(DecisionOption, { selected: menu.selectedIndex === 0, screenReader: axScreenReader, children: "1. Yes" }), _jsx(DecisionOption, { selected: menu.selectedIndex === 1, screenReader: axScreenReader, children: "2. No" }), _jsx(Text, { dimColor: true, children: "Esc to cancel" })] })) : menu?.kind === 'workspace-directory-delete' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Remove directory from workspace?" }), _jsxs(Text, { children: [" ", menu.path] }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Praxis Code will no longer have access to files in this directory." }), _jsx(Text, { children: " " }), _jsx(DecisionOption, { selected: menu.selectedIndex === 0, screenReader: axScreenReader, children: "1. Yes" }), _jsx(DecisionOption, { selected: menu.selectedIndex === 1, screenReader: axScreenReader, children: "2. No" }), _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Esc to cancel" })] })) : menu ? (menu.kind === 'help' ? (_jsx(HelpMenu, { tabIndex: menu.tabIndex, selectedIndex: menu.selectedIndex, builtinCommands: builtinSlashCommands, customCommands: customSlashCommands, width: width, screenReader: axScreenReader })) : menu.kind === 'diff' ? (_jsx(DiffDashboard, { snapshots: menu.snapshots, sourceIndex: menu.sourceIndex, selectedIndex: menu.selectedIndex, viewingFile: menu.viewingFile, scrollOffset: menu.scrollOffset, width: width, screenReader: axScreenReader })) : menu.kind === 'permission-dashboard' ? (_jsx(PermissionDashboard, { tabIndex: menu.tabIndex, selectedIndex: menu.selectedIndex, query: menu.query, rules: menu.rules, recentDenied: recentDenied, retryingDeniedId: retryingDeniedId, workspaceDirectories: workspaceDirectories, width: width, screenReader: axScreenReader })) : menu.kind === 'sandbox' ? (_jsx(SandboxDashboard, { snapshot: menu.snapshot, tab: menu.tab, selectedIndex: menu.selectedIndex, width: width, screenReader: axScreenReader })) : menu.kind === 'permission-scope' ? (_jsx(SelectionMenu, { title: "Where should this rule be saved?", description: `${menu.rule}${permissionRuleDescription(menu.rule)
                             ? ` · ${permissionRuleDescription(menu.rule)}`
                             : ''}`, options: [
                             {
@@ -5957,7 +6017,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
                                 label: 'Save to file',
                                 description: 'Save the conversation to a file in the current directory',
                             },
-                        ], selectedIndex: menu.selectedIndex, footer: "Esc to cancel", width: width, screenReader: axScreenReader })) : menu.kind === 'copy' ? (_jsx(SelectionMenu, { title: "Copy", description: "Select content to copy:", options: menu.candidates, selectedIndex: menu.selectedIndex, footer: "Enter to copy \u00B7 w to write to /tmp/claude \u00B7 Esc to cancel", width: width, screenReader: axScreenReader })) : null) : (_jsxs(_Fragment, { children: [commandPaletteVisible ? (_jsx(CommandPalette, { commands: matchingSlashCommands, selectedIndex: selectedSlashCommandIndex, width: width, screenReader: axScreenReader })) : null, filePickerVisible ? (_jsx(MentionPicker, { entries: matchingMentionEntries, selectedIndex: selectedFileIndex, width: width, screenReader: axScreenReader })) : null, exitConfirmation ? (_jsx(Text, { color: activePalette.warning, children: "Press Ctrl-C again to exit" })) : null, fixedViewport ? _jsx(Box, { flexGrow: 1 }) : null, _jsx(Composer, { input: shellMode ? input.slice(1) : input, cursor: shellMode ? Math.max(0, inputCursor - 1) : inputCursor, shellMode: shellMode, ...(sessionColor === undefined ? {} : { sessionColor }), ...(commandArgumentHint === undefined
+                        ], selectedIndex: menu.selectedIndex, footer: "Esc to cancel", width: width, screenReader: axScreenReader })) : menu.kind === 'copy' ? (_jsx(SelectionMenu, { title: "Copy", description: "Select content to copy:", options: menu.candidates, selectedIndex: menu.selectedIndex, footer: "Enter to copy \u00B7 w to write to /tmp/claude \u00B7 Esc to cancel", width: width, screenReader: axScreenReader })) : null) : (_jsxs(_Fragment, { children: [commandPaletteVisible ? (_jsx(CommandPalette, { commands: matchingSlashCommands, selectedIndex: selectedSlashCommandIndex, width: width, screenReader: axScreenReader })) : null, filePickerVisible ? (_jsx(MentionPicker, { entries: matchingMentionEntries, selectedIndex: selectedFileIndex, width: width, screenReader: axScreenReader })) : null, exitConfirmation ? _jsx(ExitWarning, {}) : null, fixedViewport ? _jsx(Box, { flexGrow: 1 }) : null, _jsx(Composer, { input: shellMode ? input.slice(1) : input, cursor: shellMode ? Math.max(0, inputCursor - 1) : inputCursor, shellMode: shellMode, ...(sessionColor === undefined ? {} : { sessionColor }), ...(commandArgumentHint === undefined
                                     ? {}
                                     : { commandArgumentHint }), busy: busy, clipboardBusy: clipboardBusy, status: status, display: runtimeDisplay, ...(usage === undefined ? {} : { usage }), ...(costUsd === undefined ? {} : { costUsd }), width: width, screenReader: axScreenReader, hasThinking: hasDetailedTranscript, thinkingExpanded: thinkingExpanded, reduceMotion: runtimeSettings.reduceMotion, progressBar: runtimeSettings.progressBar, ...(runtimeSettings.turnDuration
                                     ? (() => {