praxis-agent 0.43.0 → 0.43.1

package/dist/cli/interactive.js

@@ -1,18 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { randomUUID } from 'node:crypto';
 import { existsSync } from 'node:fs';
 import { mkdir, readFile, writeFile } from 'node:fs/promises';
 import { homedir } from 'node:os';
 import { join, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { useEffect, useMemo, useReducer, useRef, useState, } from 'react';
-import { Box, Text, render, useApp, useInput } from 'ink';
+import { useEffect, useMemo, useReducer, useRef, useState } from 'react';
+import { render, useApp, useInput } from 'ink';
 import { permissionRuleValueToString } from '../permissions/permission-updates.js';
 import { resolveDataPlane, resolveDataPlaneRoot, } from '../persistence/data-plane.js';
 import { AgentRunCancelledError } from '../core/runtime.js';
 import { claudePermissionActionKey, claudePermissionRuleMatches, } from '../permissions/claude-permission-resolver.js';
 import { redactSensitiveText, sensitiveEnvironmentValues, } from '../platform/sensitive-data.js';
-import { CommandPalette, BtwPanel, Composer, DiffDashboard, DialogFrame, LeafSurface, ExternalEditorWait, HelpMenu, HookDashboard, ListDashboard, MemoryDashboard, MentionPicker, ModelMenu, EffortMenu, SessionPicker, ThemePicker, CustomThemeEditor, SessionIdentity, Transcript, WelcomePanel, } from './tui/claude-style.js';
 import { projectTuiEffortSurface, projectTuiModelSurface, } from './tui/model-effort-surface-model.js';
 import { projectTuiLeafSurface, } from './tui/leaf-surface-model.js';
 import { projectTuiThemeSurface, } from './tui/theme-surface-model.js';
@@ -24,12 +23,14 @@ import { tuiInkRenderOptions, useTuiPresentationEnvironment, } from './tui/prese
 import { StreamingFrameBuffer } from './tui/streaming-frame-buffer.js';
 import { createTuiStoreState, reduceTuiStore } from './tui/kernel/tui-store.js';
 import { TuiEffectRunner } from './tui/kernel/tui-effect-runner.js';
-import { createClaudeStatusLineInput, StatusLine } from './tui/status-line.js';
+import { createClaudeStatusLineInput, formatClaudeStatusLineState, useClaudeStatusLine, } from './tui/status-line.js';
 import { createTuiAppendHistoryChange } from './tui/transcript-window-model.js';
 import { createTuiHistoryChange, resolveTuiRenderer, } from './tui/tui-view-model.js';
 import { projectTuiScreen, } from './tui/tui-screen-model.js';
-import { supportsAnsiSurface, TuiAnsiSurface } from './tui/ansi-surface.js';
-import { projectTuiHelpSurface, } from './tui/help-surface-model.js';
+import { TuiAnsiSurface } from './tui/ansi-surface.js';
+import { QuietInkFrame } from './tui/quiet-frame-adapter.js';
+import { projectQuietScreenFrame, } from './tui/quiet-screen-projector.js';
+import { projectTuiHelpSurface } from './tui/help-surface-model.js';
 import { projectTuiHooksSurface, } from './tui/hooks-surface-model.js';
 import { loadGitDiff } from './tui/git-diff.js';
 import { projectTuiDiffSurface, } from './tui/diff-surface-model.js';
@@ -56,34 +57,30 @@ import { defaultTuiKeybindings, ensureTuiKeybindingsFile, hasTuiKeybindingPrefix
 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, useTuiTheme, } from './tui/theme.js';
+import { DEFAULT_TUI_THEME_SETTINGS, TUI_THEMES, TuiThemeProvider, } 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, ElicitationSurface, moveElicitationFocus, moveElicitationOption, selectElicitationOption, toggleElicitationBoolean, typeaheadElicitationOption, unsetElicitationField, validateTuiElicitationForm, } from './tui/mcp-elicitation.js';
+import { commitElicitationText, createTuiElicitationForm, elicitationFormIsValid, elicitationTextValue, expandElicitationOptions, focusedElicitationField, moveElicitationFocus, moveElicitationOption, selectElicitationOption, toggleElicitationBoolean, typeaheadElicitationOption, unsetElicitationField, validateTuiElicitationForm, } from './tui/mcp-elicitation.js';
 import { projectTuiElicitationSurface, } from './tui/mcp-elicitation-surface-model.js';
 import { openTuiUrl } from './tui/open-url.js';
 import { projectTuiToolPermission } from './tui/tool-permission.js';
 import { projectTuiPermissionSurface, } from './tui/permission-surface-model.js';
-import { PermissionSurface } from './tui/permission-surface.js';
 import { projectTuiDecisionSurface, } from './tui/decision-surface-model.js';
-import { DecisionSurface } from './tui/decision-surface.js';
-import { ConfigDashboard, projectConfigRows } from './tui/config-dashboard.js';
+import { projectConfigRows } from './tui/config-dashboard.js';
 import { projectTuiConfigSurface, } from './tui/config-surface-model.js';
-import { DoctorDashboard } from './tui/doctor-dashboard.js';
 import { projectTuiDoctorSurface, } from './tui/doctor-surface-model.js';
 import { projectTuiMemorySurface, } from './tui/memory-surface-model.js';
-import { SandboxDashboard, tuiSandboxTabs } from './tui/sandbox-dashboard.js';
+import { tuiSandboxTabs } from './tui/sandbox-dashboard.js';
 import { projectTuiSandboxSurface, } from './tui/sandbox-surface-model.js';
 import { createTuiSandboxStore, } from './tui/sandbox-settings.js';
 import { loadConfigSettings, saveConfigSetting, configSettingDefinition, resolveConfigSettingsLocation, } from './tui/config-settings.js';
 import { projectRuntimeSettings, loadRuntimeSettings, } from './tui/runtime-settings.js';
-import { autoUpdateTarget, copyCandidates, externalEditorInitialContent, formatTurnDuration, questionTimeoutMilliseconds, sessionRecap, spinnerTip, shouldShowCopyPicker, } from './tui/runtime-interactions.js';
+import { autoUpdateTarget, copyCandidates, externalEditorInitialContent, questionTimeoutMilliseconds, sessionRecap, spinnerTip, shouldShowCopyPicker, } from './tui/runtime-interactions.js';
 import { notifyTerminal, } from './tui/terminal-notifications.js';
-import { McpPanel } from './tui/mcp-panel.js';
 import { McpPanelController, mcpRuntimeFromSession, } from './tui/mcp-panel-controller.js';
 import { initialTuiMcpPanelState, } from './tui/mcp-panel-projector.js';
 import { projectTuiMcpSurface, } from './tui/mcp-surface-model.js';
-import { TaskPanel, initialTuiTaskPanelState, projectTuiTasks, reconcileTuiTaskPanelState, updateTuiTaskPanelState, } from './tui/task-panel.js';
+import { initialTuiTaskPanelState, projectTuiTasks, reconcileTuiTaskPanelState, updateTuiTaskPanelState, } from './tui/task-panel.js';
 import { projectTuiTaskSurface, } from './tui/task-surface-model.js';
 import { ClaudeMcpManagement } from '../mcp/claude-mcp-management.js';
 const EMPTY_SLASH_COMMANDS = [];
@@ -241,25 +238,6 @@ 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] }));
-}
 /** Advances the React-owned transcript plus its exact local mutation fact. */
 export function advanceInteractiveHistoryState(current, items, changedFrom) {
     if (!Number.isInteger(changedFrom) ||
@@ -359,7 +337,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             : { viewportOverride: { columns: terminalWidth } }),
     });
     const width = presentation.viewport.columns;
-    const rows = presentation.viewport.rows;
     const fixedViewport = presentation.fixedViewport;
     const runtimeSettingsRef = useRef(runtimeSettings);
     runtimeSettingsRef.current = runtimeSettings;
@@ -386,9 +363,9 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
     const statusLineSessionId = useRef(resume?.sessionId ?? randomUUID());
     const sessionIdRef = useRef(resume?.sessionId ?? null);
     sessionIdRef.current = sessionId;
-    const [sessionColor, setSessionColor] = useState(initialSessionColor);
+    const [, setSessionColor] = useState(initialSessionColor);
     const [sessionName, setSessionName] = useState(null);
-    const [activeSessionSummary, setActiveSessionSummary] = useState(() => resume?.sessionId
+    const [, setActiveSessionSummary] = useState(() => resume?.sessionId
         ? initialSessions.find((session) => session.sessionId === resume.sessionId)
         : undefined);
     const [pendingFork, setPendingFork] = useState(resume?.forkSession === true);
@@ -406,7 +383,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
     const themeEffectRunnerRef = useRef(null);
     if (themeEffectRunnerRef.current === null)
         themeEffectRunnerRef.current = new TuiEffectRunner();
-    const [clipboardBusy, setClipboardBusy] = useState(false);
+    const [, setClipboardBusy] = useState(false);
     const stashedInputRef = useRef('');
     const lastEscapeAtRef = useRef(0);
     const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
@@ -476,7 +453,7 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
         });
     }
     const [thinkingExpanded, setThinkingExpanded] = useState(false);
-    const [turnDuration, setTurnDuration] = useState();
+    const [, setTurnDuration] = useState();
     const [usage, setUsage] = useState();
     const [costUsd, setCostUsd] = useState();
     const [contextWindowTokens, setContextWindowTokens] = useState(display.contextWindowTokens);
@@ -646,17 +623,6 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
         query: commandQuery ?? '',
         selectedIndex: commandSelection,
     }), [allSlashCommands, commandQuery, commandSelection]);
-    const commandArgumentHint = useMemo(() => {
-        if (shellMode || !input.startsWith('/'))
-            return undefined;
-        if (inputCursor !== input.length)
-            return undefined;
-        const match = /^\/(\S+) $/u.exec(input);
-        if (!match?.[1])
-            return undefined;
-        const command = allSlashCommands.find((candidate) => candidate.name === match[1]);
-        return command?.argumentHint;
-    }, [allSlashCommands, input, inputCursor, shellMode]);
     const commandPaletteVisible = !busy &&
         !permission &&
         !planApproval &&
@@ -1089,7 +1055,9 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
         return null;
     }, [menu, input, compactProgress]);
     const secondarySurface = menu === null
-        ? undefined
+        ? shortcutsVisible
+            ? shortcutHelpSurface
+            : undefined
         : menu.kind === 'help'
             ? (helpSurface ?? undefined)
             : menu.kind === 'diff'
@@ -1216,23 +1184,11 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
         sessionId,
         screenSurfaces,
     ]);
-    const ansiActive = ansiRequested && supportsAnsiSurface(screen);
+    const ansiActive = ansiRequested;
     useEffect(() => {
         previousTuiScreenRef.current = screen;
     }, [screen]);
     const conversationScreen = screen.body.kind === 'conversation' ? screen.body : undefined;
-    const selectedPriority = conversationScreen?.foreground.kind === 'priority'
-        ? conversationScreen.foreground.surface
-        : undefined;
-    const selectedSecondarySurface = conversationScreen?.foreground.kind === 'secondary'
-        ? (conversationScreen.foreground.surface ?? null)
-        : null;
-    const selectedOverlays = conversationScreen?.foreground.kind === 'compose'
-        ? conversationScreen.foreground.overlays
-        : [];
-    const selectedCommandPalette = selectedOverlays.find((overlay) => overlay.kind === 'command-palette');
-    const selectedFilePicker = selectedOverlays.find((overlay) => overlay.kind === 'mention-picker');
-    const selectedExitConfirmation = selectedOverlays.find((overlay) => overlay.kind === 'exit-confirmation');
     const transcriptPageRows = conversationScreen?.transcript.pageRows ?? 2;
     const maxTranscriptScrollOffset = conversationScreen?.transcript.maxScrollOffset ?? 0;
     const permissionOptions = useMemo(() => [
@@ -6501,94 +6457,93 @@ export function InteractiveApp({ dataPlane = resolveDataPlane(), configRoot: sup
             return;
         }
     });
-    return (_jsx(TuiThemeProvider, { settings: themeSettings, screenReader: axScreenReader, children: _jsx(Box, { flexDirection: "column", ...(!fixedViewport
-                ? {}
-                : { height: rows, overflowY: 'hidden' }), children: ansiActive ? (_jsx(TuiAnsiSurface, { screen: screen, width: width, rows: rows, input: shellMode ? input.slice(1) : input, busy: busy, status: status, display: runtimeDisplay, ...(conversationScreen?.sessionLabel === undefined
-                    ? {}
-                    : { sessionLabel: conversationScreen.sessionLabel }), cursor: shellMode ? Math.max(0, inputCursor - 1) : inputCursor, screenReader: axScreenReader, onError: () => setAnsiRendererFailed(true) })) : screen.body.kind === 'session-picker' ? (_jsx(SessionPicker, { model: screen.body.surface, screenReader: axScreenReader })) : (_jsxs(_Fragment, { children: [screen.body.intro === 'welcome' ? (_jsx(WelcomePanel, { display: runtimeDisplay, width: width, showTips: runtimeSettings.tips })) : null, screen.body.sessionLabel ? (_jsxs(Text, { dimColor: true, children: ["Session ", screen.body.sessionLabel] })) : null, screen.body.intro === 'identity' ? (_jsx(SessionIdentity, { display: runtimeDisplay, width: width })) : null, _jsx(Box, { ...(fixedViewport
-                            ? {
-                                flexShrink: 1,
-                                minHeight: 0,
-                                overflowY: 'hidden',
-                            }
-                            : {}), children: _jsx(Transcript, { entries: screen.body.transcript.entries, activeText: screen.body.transcript.active.text, activeThinking: screen.body.transcript.active.thinking, activeStreamVisible: screen.body.transcript.active.visible, thinkingExpanded: thinkingExpanded, detailedTranscript: screen.body.transcript.readingMode !== 'normal', screenReader: axScreenReader }) }), selectedPriority?.kind === 'editor-wait' ? (_jsx(ExternalEditorWait, { screenReader: axScreenReader })) : selectedPriority?.kind === 'permission' ? (_jsx(PermissionSurface, { model: selectedPriority.surface, width: width, screenReader: axScreenReader })) : selectedPriority?.kind === 'plan-approval' ? (_jsx(DecisionSurface, { model: selectedPriority, width: width, screenReader: axScreenReader })) : selectedPriority?.kind === 'question' ? (_jsx(DecisionSurface, { model: selectedPriority, width: width, screenReader: axScreenReader })) : selectedPriority?.kind === 'elicitation' ? (_jsx(ElicitationSurface, { model: selectedPriority.surface, screenReader: axScreenReader })) : selectedSecondarySurface?.kind === 'model-input' ||
-                        selectedSecondarySurface?.kind === 'export' ||
-                        selectedSecondarySurface?.kind === 'copy' ||
-                        selectedSecondarySurface?.kind === 'export-filename' ||
-                        selectedSecondarySurface?.kind === 'compact-progress' ? (_jsx(LeafSurface, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface?.kind === 'rewind-panel' ? (selectedSecondarySurface.view === 'points' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: " Rewind" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [' ', "Restore the code and/or conversation to the point before\u2026"] }), _jsx(Text, { children: " " }), selectedSecondarySurface.window.start > 0 ? (_jsxs(Text, { dimColor: true, children: [' ', "\u2191 ", selectedSecondarySurface.window.start, " more above"] })) : null, selectedSecondarySurface.points
-                                .slice(selectedSecondarySurface.window.start, selectedSecondarySurface.window.end)
-                                .map((point, offset) => {
-                                const index = selectedSecondarySurface.window.start + offset;
-                                return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(DecisionOption, { selected: selectedSecondarySurface.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)
-                                                        : path)
-                                                        .join(', ')
-                                                    : point.fileRestoreAvailable
-                                                        ? 'No code changes'
-                                                        : '⚠ No code restore'] })] }, point.messageId));
-                            }), selectedSecondarySurface.window.end <
-                                selectedSecondarySurface.points.length ? (_jsxs(Text, { dimColor: true, children: [' ', "\u2193", ' ', selectedSecondarySurface.points.length -
-                                        selectedSecondarySurface.window.end, ' ', "more below"] })) : null, _jsx(DecisionOption, { selected: selectedSecondarySurface.selectedIndex ===
-                                    selectedSecondarySurface.points.length, screenReader: axScreenReader, selectedPrefix: " \u276F ", unselectedPrefix: "   ", children: "(current)" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: " Enter to continue \u00B7 Esc to cancel" })] })) : selectedSecondarySurface.view === 'confirm' ? (_jsxs(DialogFrame, { title: "Confirm restore point", screenReader: axScreenReader, children: [_jsxs(Text, { children: ["\u2502 ", selectedSecondarySurface.point.prompt] }), _jsx(Text, { children: " " }), _jsx(Text, { children: "The conversation will be forked." }), _jsxs(Text, { children: ["The code will", ' ', selectedSecondarySurface.point.fileChanges.length > 0
-                                        ? `restore ${selectedSecondarySurface.point.fileChanges.join(', ')}.`
-                                        : 'be unchanged.'] }), _jsx(Text, { children: " " }), selectedSecondarySurface.actions.map((option, index) => (_jsxs(DecisionOption, { selected: selectedSecondarySurface.selectedIndex === index, screenReader: axScreenReader, children: [index + 1, ". ", option.label] }, option.action))), _jsx(Text, { children: " " }), _jsx(RewindWarning, {})] })) : (_jsxs(DialogFrame, { title: `Summarize ${selectedSecondarySurface.direction === 'from' ? 'from' : 'up to'} here`, screenReader: axScreenReader, children: [_jsx(Text, { children: selectedSecondarySurface.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): ", selectedSecondarySurface.context] }), _jsx(Text, { dimColor: true, children: "Enter to summarize \u00B7 Esc to go back" })] }))) : selectedSecondarySurface !== null && menu !== null ? (selectedSecondarySurface.kind === 'permission-dashboard' ||
-                        selectedSecondarySurface.kind === 'permission-rule-input' ||
-                        selectedSecondarySurface.kind === 'permission-scope' ||
-                        selectedSecondarySurface.kind === 'permission-delete' ||
-                        selectedSecondarySurface.kind === 'workspace-directory-input' ||
-                        selectedSecondarySurface.kind === 'workspace-directory-delete' ? (_jsx(PermissionSurface, { model: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'mcp-panel' ? (_jsx(McpPanel, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'help' ? (_jsx(HelpMenu, { model: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'diff' ? (_jsx(DiffDashboard, { model: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'tasks-panel' ? (_jsx(TaskPanel, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'doctor-panel' ? (_jsx(DoctorDashboard, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'memory-panel' ? (_jsx(MemoryDashboard, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'hooks-panel' ? (_jsx(HookDashboard, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'config-panel' ? (_jsx(ConfigDashboard, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'sandbox-panel' ? (_jsx(SandboxDashboard, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'list-panel' ? (_jsx(ListDashboard, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'btw-panel' ? (_jsx(BtwPanel, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'model-panel' ? (_jsx(ModelMenu, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'effort-panel' ? (_jsx(EffortMenu, { surface: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'theme-panel' ? (_jsx(ThemePicker, { model: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'custom-theme-create' ? (_jsxs(DialogFrame, { title: "New custom theme", screenReader: axScreenReader, children: [_jsxs(Text, { children: ["Name: ", selectedSecondarySurface.name || 'my-theme'] }), _jsxs(Text, { children: ["based on ", selectedSecondarySurface.base, " \u00B7 saved to ~/", settingsDirectory, "/themes/theme.json"] }), _jsx(Text, { dimColor: true, children: "Enter to create \u00B7 Esc to cancel" })] })) : selectedSecondarySurface.kind === 'custom-theme-editor' ||
-                        selectedSecondarySurface.kind === 'custom-theme-token' ? (_jsx(CustomThemeEditor, { model: selectedSecondarySurface, width: width, screenReader: axScreenReader })) : selectedSecondarySurface.kind === 'custom-theme-delete' ? (_jsxs(DialogFrame, { title: "Delete custom theme", screenReader: axScreenReader, children: [_jsxs(Text, { children: ["Delete ", selectedSecondarySurface.theme.name, " permanently?"] }), _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Esc to cancel" })] })) : null) : (_jsxs(_Fragment, { children: [selectedCommandPalette !== undefined ? (_jsx(CommandPalette, { model: selectedCommandPalette, width: width, screenReader: axScreenReader })) : null, selectedFilePicker !== undefined ? (_jsx(MentionPicker, { model: selectedFilePicker, width: width, screenReader: axScreenReader })) : null, selectedExitConfirmation !== undefined ? (_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
-                                    ? (() => {
-                                        const duration = formatTurnDuration(turnDuration);
-                                        return duration === undefined
-                                            ? {}
-                                            : { turnDuration: duration };
-                                    })()
-                                    : {}), editorMode: runtimeSettings.editor, ...(runtimeSettings.prStatus &&
-                                    activeSessionSummary?.prNumber
-                                    ? { prStatus: `PR #${activeSessionSummary.prNumber}` }
-                                    : {}), shortcutsVisible: shortcutsVisible, shortcutHelp: shortcutHelpSurface, ...(editorFooterMessage === undefined
-                                    ? {}
-                                    : { footerMessage: editorFooterMessage }) }), _jsx(StatusLine, { configRoot: keybindingsRoot, cwd: runtimeCwd, dataPlane: dataPlane, input: createClaudeStatusLineInput({
-                                    configRoot: keybindingsRoot,
-                                    cwd: runtimeCwd,
-                                    projectDir: display.cwd,
-                                    sessionId: sessionId ?? statusLineSessionId.current,
-                                    sessionName,
-                                    ...(runtimeDisplay.model === undefined
-                                        ? {}
-                                        : { model: runtimeDisplay.model }),
-                                    version: runtimeDisplay.version,
-                                    outputStyle: runtimeSettings.outputStyle,
-                                    permissionMode: runtimePreferences.permissionMode,
-                                    additionalDirectories: runtimePreferences.additionalDirectories,
-                                    dataPlane,
-                                    ...(usage === undefined ? {} : { usage }),
-                                    ...(costUsd === undefined ? {} : { costUsd }),
-                                    ...(runtimeDisplay.contextWindowTokens === undefined
-                                        ? {}
-                                        : {
-                                            contextWindowTokens: runtimeDisplay.contextWindowTokens,
-                                        }),
-                                    ...(runtimeSettings.editor === 'vim'
-                                        ? { vimMode: vimInsertMode ? 'INSERT' : 'NORMAL' }
-                                        : {}),
-                                }), refreshKey: [
-                                    history.length,
-                                    runtimePreferences.permissionMode,
-                                    runtimeDisplay.model,
-                                    runtimeSettings.outputStyle,
-                                    vimInsertMode,
-                                    sessionName,
-                                    usage?.inputTokens,
-                                    usage?.outputTokens,
-                                ].join(':'), width: width, ...(settingSources === undefined ? {} : { settingSources }) })] }))] })) }) }));
+    const statusLineInput = useMemo(() => createClaudeStatusLineInput({
+        configRoot: keybindingsRoot,
+        cwd: runtimeCwd,
+        projectDir: display.cwd,
+        sessionId: sessionId ?? statusLineSessionId.current,
+        sessionName,
+        ...(runtimeDisplay.model === undefined
+            ? {}
+            : { model: runtimeDisplay.model }),
+        version: runtimeDisplay.version,
+        outputStyle: runtimeSettings.outputStyle,
+        permissionMode: runtimePreferences.permissionMode,
+        additionalDirectories: runtimePreferences.additionalDirectories,
+        dataPlane,
+        ...(usage === undefined ? {} : { usage }),
+        ...(costUsd === undefined ? {} : { costUsd }),
+        ...(runtimeDisplay.contextWindowTokens === undefined
+            ? {}
+            : { contextWindowTokens: runtimeDisplay.contextWindowTokens }),
+        ...(runtimeSettings.editor === 'vim'
+            ? { vimMode: vimInsertMode ? 'INSERT' : 'NORMAL' }
+            : {}),
+    }), [
+        keybindingsRoot,
+        runtimeCwd,
+        display.cwd,
+        sessionId,
+        sessionName,
+        runtimeDisplay.model,
+        runtimeDisplay.version,
+        runtimeSettings.outputStyle,
+        runtimePreferences.permissionMode,
+        runtimePreferences.additionalDirectories,
+        dataPlane,
+        usage,
+        costUsd,
+        runtimeDisplay.contextWindowTokens,
+        runtimeSettings.editor,
+        vimInsertMode,
+    ]);
+    const statusLineRefreshKey = [
+        history.length,
+        runtimePreferences.permissionMode,
+        runtimeDisplay.model,
+        runtimeSettings.outputStyle,
+        vimInsertMode,
+        sessionName,
+        usage?.inputTokens,
+        usage?.outputTokens,
+    ].join(':');
+    const configuredStatusLine = useClaudeStatusLine({
+        configRoot: keybindingsRoot,
+        cwd: runtimeCwd,
+        dataPlane,
+        input: statusLineInput,
+        refreshKey: statusLineRefreshKey,
+        width,
+        ...(settingSources === undefined ? {} : { settingSources }),
+    });
+    const configuredStatusText = formatClaudeStatusLineState(configuredStatusLine, width);
+    const conciseStatus = [
+        status,
+        editorFooterMessage
+            ? `${editorFooterMessage.isError ? 'Error: ' : ''}${editorFooterMessage.text}`
+            : undefined,
+        configuredStatusText,
+    ]
+        .filter((value, index, values) => Boolean(value) && (index === 0 || value !== values[index - 1]))
+        .join(' · ');
+    const quietFrame = useMemo(() => projectQuietScreenFrame({
+        screen,
+        composerText: shellMode ? input.slice(1) : input,
+        composerCursor: shellMode ? Math.max(0, inputCursor - 1) : inputCursor,
+        shellMode,
+        busy,
+        status: conciseStatus,
+        display: runtimeDisplay,
+    }), [
+        screen,
+        shellMode,
+        input,
+        inputCursor,
+        busy,
+        conciseStatus,
+        runtimeDisplay,
+    ]);
+    return (_jsx(TuiThemeProvider, { settings: themeSettings, screenReader: axScreenReader, children: ansiActive ? (_jsx(TuiAnsiSurface, { frame: quietFrame, onError: () => setAnsiRendererFailed(true) })) : (_jsx(QuietInkFrame, { frame: quietFrame, screenReader: axScreenReader })) }));
 }
 /**
  * Whether the user explicitly saved a `tui` renderer value in configuration.
@@ -6624,10 +6579,11 @@ export async function runInteractive(options) {
     // fallback for screen-reader and non-interactive execution, and an explicit
     // renderer saved in configuration is honored over the default.
     const rendererExplicitlyConfigured = await tuiRendererExplicitlyConfigured(runtimeSettingsTarget);
+    const interactiveTty = process.stdin.isTTY === true && process.stdout.isTTY === true;
     let currentRenderer = resolveTuiRenderer({
         configured: currentRuntimeSettings.tui,
         explicitlyConfigured: rendererExplicitlyConfigured,
-        interactiveTty: process.stdin.isTTY === true,
+        interactiveTty,
         screenReader: options.axScreenReader ?? false,
     });
     if (currentRenderer !== currentRuntimeSettings.tui) {
@@ -6726,7 +6682,7 @@ export async function runInteractive(options) {
         let backgrounded;
         rendererChange = null;
         const ansiRendererEnabled = currentRenderer === 'fullscreen' &&
-            process.stdin.isTTY === true &&
+            interactiveTty &&
             options.axScreenReader !== true;
         const instance = render(_jsx(InteractiveApp, { dataPlane: dataPlane, configRoot: configRoot, statePath: statePath, factory: options.factory, initialSessions: initialSessions, slashCommands: initialSlashCommands, agents: initialAgents, initialHistory: history, ...(initialSessionColor === undefined ? {} : { initialSessionColor }), runtimeSettings: currentRuntimeSettings, runtimeSettingsTarget: runtimeSettingsTarget, ...(options.settingSources === undefined
                 ? {}

package/dist/cli/tui/ansi-frame-renderer.d.ts

@@ -1,3 +1,4 @@
+import type { QuietFrameCursor } from './quiet-frame.js';
 import type { TuiRow, TuiTextRole } from './tui-row-ir.js';
 export interface AnsiFrameWriter {
     write(chunk: string): void;
@@ -6,6 +7,7 @@ export interface AnsiFrame {
     readonly columns: number;
     readonly rows: number;
     readonly lines: readonly TuiRow[];
+    readonly cursor?: QuietFrameCursor;
 }
 export interface AnsiFullscreenRendererOptions {
     readonly writer: AnsiFrameWriter;

package/dist/cli/tui/ansi-frame-renderer.js

@@ -1,4 +1,5 @@
 import { stripVTControlCharacters } from 'node:util';
+import { terminalGraphemes, terminalGraphemeWidth, terminalTextWidth, } from './transcript-viewport.js';
 const ALTERNATE_SCREEN_ENTER = '\u001b[?1049h';
 const ALTERNATE_SCREEN_LEAVE = '\u001b[?1049l';
 const HIDE_CURSOR = '\u001b[?25l';
@@ -19,22 +20,44 @@ function validateFrame(frame) {
     if (!Array.isArray(frame.lines)) {
         throw new TypeError('ANSI frame lines must be an array');
     }
+    if (frame.cursor !== undefined) {
+        if (frame.cursor === null ||
+            typeof frame.cursor !== 'object' ||
+            typeof frame.cursor.rowKey !== 'string' ||
+            frame.cursor.rowKey.length === 0 ||
+            !Number.isFinite(frame.cursor.column) ||
+            !Number.isInteger(frame.cursor.column) ||
+            frame.cursor.column < 0) {
+            throw new TypeError('ANSI frame cursor must have a non-empty row key and non-negative integer column');
+        }
+    }
 }
 function renderLine(row, styles, columns) {
     const segments = row.segments.map((segment) => ({
         text: stripVTControlCharacters(segment.text).replace(/[\r\n]/gu, ''),
         role: segment.role,
     }));
-    const visibleLength = segments.reduce((length, segment) => length + Array.from(segment.text).length, 0);
+    const visibleLength = segments.reduce((length, segment) => length + terminalTextWidth(segment.text), 0);
     const wasTruncated = visibleLength > columns;
     const targetLength = wasTruncated ? Math.max(0, columns - 1) : columns;
     let remaining = targetLength;
     let line = '';
+    let stopped = false;
     for (const segment of segments) {
-        if (remaining === 0)
+        if (remaining === 0 || stopped)
             break;
-        const text = Array.from(segment.text).slice(0, remaining).join('');
-        remaining -= Array.from(text).length;
+        let text = '';
+        for (const grapheme of terminalGraphemes(segment.text)) {
+            const width = terminalGraphemeWidth(grapheme);
+            if (remaining < width) {
+                stopped = true;
+                break;
+            }
+            text += grapheme;
+            remaining -= width;
+        }
+        if (text.length === 0)
+            continue;
         const style = styles?.[segment.role];
         line += style === undefined ? text : `${style}${text}${RESET}`;
     }
@@ -50,6 +73,7 @@ export class AnsiFullscreenRenderer {
     #styles;
     #mounted = false;
     #previousLines = [];
+    #previousCursor;
     constructor(options) {
         this.#writer = options.writer;
         this.#synchronizedOutput = options.synchronizedOutput === true;
@@ -64,11 +88,50 @@ export class AnsiFullscreenRenderer {
     mount() {
         if (this.#mounted)
             return;
-        this.#writer.write(ALTERNATE_SCREEN_ENTER);
-        this.#writer.write(HIDE_CURSOR);
-        if (this.#synchronizedOutput)
-            this.#writer.write(SYNCHRONIZED_BEGIN);
-        this.#mounted = true;
+        let alternateScreenEntered = false;
+        let cursorHidden = false;
+        let synchronizedOutputBegun = false;
+        try {
+            alternateScreenEntered = true;
+            this.#writer.write(ALTERNATE_SCREEN_ENTER);
+            cursorHidden = true;
+            this.#writer.write(HIDE_CURSOR);
+            if (this.#synchronizedOutput) {
+                synchronizedOutputBegun = true;
+                this.#writer.write(SYNCHRONIZED_BEGIN);
+            }
+            this.#mounted = true;
+        }
+        catch (error) {
+            this.#mounted = false;
+            this.#previousLines = [];
+            this.#previousCursor = undefined;
+            if (synchronizedOutputBegun) {
+                try {
+                    this.#writer.write(SYNCHRONIZED_END);
+                }
+                catch {
+                    // Rollback must continue if one restoration write fails.
+                }
+            }
+            if (cursorHidden) {
+                try {
+                    this.#writer.write(SHOW_CURSOR);
+                }
+                catch {
+                    // Rollback must continue if one restoration write fails.
+                }
+            }
+            if (alternateScreenEntered) {
+                try {
+                    this.#writer.write(ALTERNATE_SCREEN_LEAVE);
+                }
+                catch {
+                    // Rollback must continue if one restoration write fails.
+                }
+            }
+            throw error;
+        }
     }
     draw(frame) {
         if (!this.#mounted)
@@ -78,24 +141,48 @@ export class AnsiFullscreenRenderer {
         const previousLines = this.#previousLines;
         const changed = lines.length !== previousLines.length ||
             lines.some((line, index) => line !== previousLines[index]);
-        if (!changed)
+        const cursorRow = frame.cursor
+            ? frame.lines.findIndex((row) => row.key === frame.cursor?.rowKey)
+            : -1;
+        const nextCursor = cursorRow >= 0 && frame.cursor !== undefined
+            ? {
+                rowKey: frame.cursor.rowKey,
+                column: Math.min(frame.cursor.column, frame.columns - 1),
+                row: cursorRow,
+            }
+            : undefined;
+        const cursorChanged = nextCursor?.rowKey !== this.#previousCursor?.rowKey ||
+            nextCursor?.column !== this.#previousCursor?.column ||
+            nextCursor?.row !== this.#previousCursor?.row;
+        if (!changed && !cursorChanged)
             return;
         if (this.#synchronizedOutput)
             this.#writer.write(SYNCHRONIZED_BEGIN);
         try {
-            const commonLength = Math.max(lines.length, previousLines.length);
-            for (let index = 0; index < commonLength; index += 1) {
-                const line = lines[index];
-                if (line !== undefined) {
-                    if (line === previousLines[index])
-                        continue;
-                    this.#writer.write(`\u001b[${index + 1};1H\u001b[2K${line}`);
-                }
-                else {
-                    this.#writer.write(`\u001b[${index + 1};1H\u001b[2K`);
+            if (changed) {
+                if (this.#previousCursor !== undefined || nextCursor !== undefined)
+                    this.#writer.write(HIDE_CURSOR);
+                const commonLength = Math.max(lines.length, previousLines.length);
+                for (let index = 0; index < commonLength; index += 1) {
+                    const line = lines[index];
+                    if (line !== undefined) {
+                        if (line === previousLines[index])
+                            continue;
+                        this.#writer.write(`\u001b[${index + 1};1H\u001b[2K${line}`);
+                    }
+                    else {
+                        this.#writer.write(`\u001b[${index + 1};1H\u001b[2K`);
+                    }
                 }
+                this.#previousLines = lines;
+            }
+            if (nextCursor !== undefined) {
+                this.#writer.write(`\u001b[${cursorRow + 1};${nextCursor.column + 1}H`);
+                this.#writer.write(SHOW_CURSOR);
             }
-            this.#previousLines = lines;
+            else if (this.#previousCursor !== undefined)
+                this.#writer.write(HIDE_CURSOR);
+            this.#previousCursor = nextCursor;
         }
         finally {
             if (this.#synchronizedOutput)
@@ -114,6 +201,7 @@ export class AnsiFullscreenRenderer {
         finally {
             this.#mounted = false;
             this.#previousLines = [];
+            this.#previousCursor = undefined;
         }
     }
 }