@deepseek-harness-tui/dsh-tui 0.9.3 → 0.10.0-beta.2

package/lib/types/components/MessageList.js

@@ -18,11 +18,13 @@ import { stripNarration } from '../utils/narration.js';
 import { stringWidth } from '../ink/stringWidth.js';
 import { truncateToWidth } from '../ink/truncateToWidth.js';
 import { clipPreview } from '../ink/timeline-rail.js';
+import { getRevealVersion, revealLengthOf, revealTextOf, subscribeReveal } from './smoothReveal.js';
 /**
  * Transcript rows rendered in the Claude Code visual language: user prompts
  * on a grey bubble with a `❯` pointer, assistant text with a `●` bullet and
- * markdown, thinking folded to `⚓ Thinking (ctrl+o to expand)`, tool calls as
- * status-dot cards. `expanded` (Ctrl+O) shows full reasoning + full tool
+ * markdown, thinking as a live three-line/full toggle then a settled
+ * `⚓ Thinking (ctrl+o to expand)` row, and tool calls as status-dot cards.
+ * `expanded` (Ctrl+O) shows full reasoning + full tool
  * args/results; `expandedRows` (message-selection mode, Enter) expands single
  * rows; `selectedId` highlights the selected row.
  */
@@ -47,13 +49,44 @@ const DEFAULT_ROW_HEIGHT = 2;
 /** Cold-start estimate of the header block above the rows; corrected by the
  *  first layout measurement. */
 const DEFAULT_HEADER_LINES = 14;
-/** Stable fallbacks for the stream-fold props: verify/repro harnesses and
- *  embedders render MessageList with prop sets that predate them, and the
+/** Stable fallbacks for the stream-view toggle props: verify/repro harnesses
+ *  and embedders render MessageList with prop sets that predate them, and the
  *  render must not throw (same rule as Chat's stubbed channel APIs). Module
  *  scope keeps the identities stable so MemoRow's shallow compare and the
  *  toggle callback's deps never churn. */
-const NO_STREAM_FOLDED = new Set();
-const NOOP_TOGGLE_STREAM_FOLD = (_rowId) => { };
+const NO_STREAM_VIEW_TOGGLED = new Set();
+const NOOP_TOGGLE_STREAM_VIEW = (_rowId) => { };
+// --- smooth-streaming display text -----------------------------------------
+// Render-phase reads of the shared reveal cursors (see smoothReveal.ts for
+// why the cursors live outside React). `active` gates cursor CREATION to
+// live-arrived content (streaming rows, live-settled rows marked `fresh`,
+// replayed history paints complete); once created, a cursor keeps revealing
+// until it catches up — settling mid-reveal must not snap (that is the
+// "non-streaming delivery becomes a smooth flow" contract).
+function assistantRevealText(row, enabled) {
+    const stripped = stripNarration(row.text);
+    return revealTextOf(`a${row.id}`, stripped, {
+        enabled,
+        active: row.streaming === true || row.fresh === true,
+    });
+}
+function reasoningRevealText(row, enabled) {
+    return revealTextOf(`r${row.id}`, row.text, { enabled, active: row.streaming === true });
+}
+/** Display length only (layout signature; no slice allocation). */
+function revealDisplayLen(row, enabled) {
+    if (row.kind === 'assistant') {
+        const stripped = stripNarration(row.text);
+        return revealLengthOf(`a${row.id}`, stripped, {
+            enabled,
+            active: row.streaming === true || row.fresh === true,
+        });
+    }
+    if (row.kind === 'reasoning') {
+        return revealLengthOf(`r${row.id}`, row.text, { enabled, active: row.streaming === true });
+    }
+    return row.text.length;
+}
 /**
  * Per-kind layout signature PARTS: the O(1) identity of every input that
  * decides a row's rendered HEIGHT (see sigRef in MessageList). Fields are
@@ -75,11 +108,13 @@ const NOOP_TOGGLE_STREAM_FOLD = (_rowId) => { };
  * (parts.slice()).
  */
 const signatureScratch = [];
-function signatureParts(row, columns, expanded, expandedRows, streamFolded, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint) {
+function signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint, displayTextLen) {
     signatureScratch.length = 0;
     // Universal height inputs: width reflows every row; kind switches height
-    // semantics wholesale; text length drives wrapping.
-    signatureScratch.push(columns, row.kind, row.text?.length ?? 0);
+    // semantics wholesale; text length drives wrapping. `displayTextLen` is the
+    // REVEALED length while smooth streaming is painting (the height follows
+    // what is on screen, not what has arrived).
+    signatureScratch.push(columns, row.kind, displayTextLen);
     switch (row.kind) {
         case 'assistant':
             // Streaming vs settled swaps renderers; Ctrl+O/per-row expand adds the
@@ -88,10 +123,9 @@ function signatureParts(row, columns, expanded, expandedRows, streamFolded, thin
             signatureScratch.push(row.streaming === true, expanded, expandedRows.has(row.id), expanded ? model : '');
             break;
         case 'reasoning':
-            // thinkingFold (preview vs full) and the visibility filter change the
-            // folded card's height; streaming shows verbose live unless the user
-            // clicked it folded (streamFolded collapses to the ticker/header).
-            signatureScratch.push(row.streaming === true, expanded, expandedRows.has(row.id), streamFolded.has(row.id), thinkingVisible, thinkingFold);
+            // thinkingFold (preview vs full), its per-row live override, and the
+            // visibility filter all change the card's height.
+            signatureScratch.push(row.streaming === true, expanded, expandedRows.has(row.id), streamViewToggledRows.has(row.id), thinkingVisible, thinkingFold);
             break;
         case 'tool': {
             const tool = row.tool;
@@ -119,7 +153,7 @@ function signatureParts(row, columns, expanded, expandedRows, streamFolded, thin
     }
     return signatureScratch;
 }
-export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamFoldedRows = NO_STREAM_FOLDED, onToggleStreamFold = NOOP_TOGGLE_STREAM_FOLD, model, diffLayout = 'auto', thinkingFold = 'preview', toolBackground = 'none', foldTerminalCommand = false, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, historyPaintEnabled = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }) {
+export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows = NO_STREAM_VIEW_TOGGLED, onToggleStreamView = NOOP_TOGGLE_STREAM_VIEW, model, diffLayout = 'auto', thinkingFold = 'preview', toolBackground = 'none', foldTerminalCommand = false, smoothStreaming = false, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, historyPaintEnabled = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }) {
     const hiddenCount = rows.length - MAX_RENDERED_ROWS;
     // The thinking filter runs BEFORE virtualization so window indices line up.
     //
@@ -225,6 +259,13 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
     };
     // --- layout virtualization ---------------------------------------------
     const { columns, rows: termRows } = useTerminalSize();
+    // Smooth-reveal wakeups: the scheduler's tick bumps this store, re-running
+    // MessageList so the revealed `text`/line-count reads below feed fresh
+    // values through the same MemoRow-prop pipeline an arriving chunk uses —
+    // memo miss → re-render → post-commit height re-measure. Without this
+    // subscription a reveal living in child state would change row heights
+    // invisibly to the virtualization (stale cached heights → blank bands).
+    React.useSyncExternalStore(subscribeReveal, getRevealVersion);
     // Measured row heights, remembered after a row unmounts so virtualization
     // can compute total content height. Bounded: row ids grow monotonically
     // and rows are never removed from the transcript (foldRows keeps the
@@ -318,7 +359,7 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
             // reasoning height at once, remounting the widened window over rows
             // whose rendering never changed (Yoga spike + measure churn for
             // nothing). Base parts cover the universal height inputs.
-            const parts = signatureParts(row, columns, expanded, expandedRows, streamFoldedRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint);
+            const parts = signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint, revealDisplayLen(row, smoothStreaming));
             const cachedParts = sigs.get(row.id);
             let same = false;
             if (cachedParts !== undefined && cachedParts.length === parts.length) {
@@ -832,7 +873,27 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
                 const addMargin = margins.get(row.id) === true;
                 const tool = row.tool;
                 const subagent = row.kind === 'subagent' ? row.subagent : undefined;
-                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: row.text, executionTarget: row.executionTarget, streaming: row.streaming === true, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, thinkingFold: thinkingFold, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, activityFrames: activityFrames, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, subagent: subagent, onToggleRow: onToggleRow, onToggleStreamFold: onToggleStreamFold, streamFolded: streamFoldedRows.has(row.id), onOpenSubagent: onOpenSubagent, onOpenFile: onOpenFile, setRowRef: setRowRef }, row.id));
+                // Smooth reveal feeds the SAME flattened text prop a chunk feeds,
+                // and keeps the streaming layout alive until the reveal catches up
+                // (settling mid-reveal must not snap — a one-shot non-streaming
+                // delivery still paints as a flow).
+                let displayText = row.text;
+                let displayStreaming = row.streaming === true;
+                if (row.kind === 'assistant' && smoothStreaming) {
+                    const stripped = stripNarration(row.text);
+                    displayText = revealTextOf(`a${row.id}`, stripped, {
+                        enabled: true,
+                        active: displayStreaming || row.fresh === true,
+                    });
+                    displayStreaming = displayStreaming || displayText.length !== stripped.length;
+                }
+                else if (row.kind === 'assistant') {
+                    displayText = stripNarration(row.text);
+                }
+                else if (row.kind === 'reasoning' && smoothStreaming) {
+                    displayText = revealTextOf(`r${row.id}`, row.text, { enabled: true, active: displayStreaming });
+                }
+                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: displayText, textFull: row.kind === 'reasoning' ? row.text : undefined, executionTarget: row.executionTarget, streaming: displayStreaming, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, thinkingFold: thinkingFold, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, smoothStreaming: smoothStreaming, fresh: row.fresh === true, activityFrames: activityFrames, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, subagent: subagent, onToggleRow: onToggleRow, onToggleStreamView: onToggleStreamView, streamViewToggled: streamViewToggledRows.has(row.id), onOpenSubagent: onOpenSubagent, onOpenFile: onOpenFile, setRowRef: setRowRef }, row.id));
             }), bottomPad > 0 && _jsx(Box, { height: bottomPad, flexShrink: 0 })] }));
 }
 /** Load-earlier / show-previous divider row with a mouse hover tint — the
@@ -841,7 +902,7 @@ function ClickableDivider({ title, onClick }) {
     const [hovered, setHovered] = useState(false);
     return (_jsx(Box, { marginTop: 1, onClick: onClick, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), backgroundColor: hovered ? 'userMessageBackgroundHover' : undefined, children: _jsx(Divider, { title: title }) }));
 }
-function TranscriptRow({ rowId, kind, text, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, subagent, onToggleRow, onToggleStreamFold, streamFolded, onOpenSubagent, onOpenFile, setRowRef, }) {
+function TranscriptRow({ rowId, kind, text, textFull, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, smoothStreaming, fresh, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, subagent, onToggleRow, onToggleStreamView, streamViewToggled, onOpenSubagent, onOpenFile, setRowRef, }) {
     const ref = React.useCallback((el) => {
         setRowRef(rowId, el);
     }, [setRowRef, rowId]);
@@ -854,13 +915,13 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
             return;
         onToggleRow(rowId);
     }, [onToggleRow, rowId]);
-    // 流式 reasoning 行：点击折叠/展开 live 视图（默认展开，与落定行的
-    // 默认折叠相反——所以走独立开关，落定后语义自动回到 foldOnClick）。
-    const streamFoldOnClick = React.useCallback((event) => {
+    // 流式 reasoning 行：点击在三行预览/全文间切换。它反转 thinkingFold
+    // 的默认值，落定后语义自动回到 foldOnClick。
+    const streamViewOnClick = React.useCallback((event) => {
         if (event.cellIsBlank)
             return;
-        onToggleStreamFold(rowId);
-    }, [onToggleStreamFold, rowId]);
+        onToggleStreamView(rowId);
+    }, [onToggleStreamView, rowId]);
     // 子代理卡：点击打开详情场景（不是折叠）。
     const openSubagent = React.useCallback(() => {
         if (subagent !== undefined)
@@ -873,15 +934,16 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
             return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(UserPromptMessage, { text: text, addMargin: addMargin, isSelected: isSelected }) }));
         case 'assistant':
             return streaming ? (_jsxs(Box, { alignItems: "flex-start", flexDirection: "row", marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: background, ref: ref, children: [_jsx(Box, { minWidth: 2, children: _jsx(Text, { color: "text", children: "\u25CF" }) }), _jsx(Box, { flexDirection: "column", children: _jsx(StreamingMarkdown, { children: stripNarration(text) }) })] })) : (_jsxs(Box, { width: "100%", flexDirection: "column", backgroundColor: background, ref: ref, children: [expanded && (_jsx(Box, { flexDirection: "row", justifyContent: "flex-end", gap: 1, marginTop: 1, children: _jsx(MessageMetadata, { timestamp: time, model: model }) })), _jsx(AssistantTextMessage, { text: stripNarration(text), addMargin: addMargin, isSelected: isSelected, isExpanded: isExpanded })] }));
-        case 'reasoning':
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantThinkingMessage, { thinking: text, addMargin: addMargin, streaming: streaming, preview: streaming &&
-                        !streamFolded &&
-                        thinkingFold === 'preview' &&
-                        !isExpanded, 
-                    // Streaming reasoning shows expanded live (click collapses to the
-                    // ticker/header via streamFolded); settled rows keep the
-                    // fold-on-settle default and expand via expandedRows/Ctrl+O.
-                    verbose: isExpanded || expanded || (streaming && !streamFolded), durationMs: durationMs, isSelected: isSelected, onClick: streaming ? streamFoldOnClick : foldOnClick }) }));
+        case 'reasoning': {
+            // The setting chooses the live default; a row click reverses it. Global
+            // or per-row transcript expansion always wins and shows the full text.
+            const streamPreview = streaming && !expanded && !isExpanded &&
+                (streamViewToggled ? thinkingFold === 'full' : thinkingFold === 'preview');
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantThinkingMessage, { thinking: text, textFull: textFull, addMargin: addMargin, streaming: streaming, preview: streamPreview, 
+                    // Settled rows keep the fold-on-settle default and expand via
+                    // expandedRows/Ctrl+O; a live row is always preview or full.
+                    verbose: isExpanded || expanded || (streaming && !streamPreview), durationMs: durationMs, isSelected: isSelected, onClick: streaming ? streamViewOnClick : foldOnClick }) }));
+        }
         case 'tool': {
             if (toolCallId === undefined ||
                 toolName === undefined ||
@@ -906,7 +968,7 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
                 startedAt: toolStartedAt,
                 durationMs: toolDurationMs,
             };
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, onClick: foldOnClick, onOpenFile: onOpenFile }) }));
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout, toolBackground: toolBackground, smoothReveal: smoothStreaming, fresh: fresh, foldTerminalCommand: foldTerminalCommand, onClick: foldOnClick, onOpenFile: onOpenFile }) }));
         }
         case 'notice':
             return (_jsx(Box, { marginTop: 1, ref: ref, children: _jsx(Divider, { title: ` ${text} ` }) }));

package/lib/types/components/PermissionsPicker.d.ts

@@ -1,18 +1,17 @@
 import React from 'react';
+import type { PermissionPresetOption } from '../dsh-adapter/channel.js';
 /**
  * `/permission` sandbox-preset picker. The command itself is registered by
  * the harness side (dsh-sandbox-policy / dsh-base permission-presets row);
  * bare `/permission` opens this picker and Enter dispatches
  * `/permission <preset>` through the same external-command path a hand-typed
- * argument takes. The list mirrors the `sandbox/mode` vocabulary the session
- * modes use (`sessionModes.ts`), so the ✓ mark stays consistent with the
- * mode the TUI derives from the session log.
+ * argument takes. The roster comes from the adapter snapshot so host plugins
+ * can contribute additional preset identities without UI changes.
  */
-export declare const PERMISSION_PRESET_IDS: readonly ["read-only", "workspace-write", "danger-full-access"];
-export type PermissionPresetId = (typeof PERMISSION_PRESET_IDS)[number];
-export declare function PermissionsPicker({ focusIndex, currentMode, cwd, onPick, }: {
+export declare function PermissionsPicker({ options, focusIndex, currentValue, cwd, onPick, }: {
+    options: readonly PermissionPresetOption[];
     focusIndex: number;
-    currentMode: string | undefined;
+    currentValue: string | undefined;
     cwd: string;
     /** Mouse pick (fullscreen): clicked row's absolute index (Chat applies
      *  the same code path as the keyboard Enter). */

package/lib/types/components/PermissionsPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionsPicker.d.ts","sourceRoot":"","sources":["../../../src/components/PermissionsPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,iEAIxB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;AAEvE,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,WAAW,EACX,GAAG,EACH,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA4BlB"}
+{"version":3,"file":"PermissionsPicker.d.ts","sourceRoot":"","sources":["../../../src/components/PermissionsPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAEvE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,GAAG,EAAE,MAAM,CAAA;IACX;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAwClB"}

package/lib/types/components/PermissionsPicker.js

@@ -9,19 +9,25 @@ import { HintLine } from './design-system/HintLine.js';
  * the harness side (dsh-sandbox-policy / dsh-base permission-presets row);
  * bare `/permission` opens this picker and Enter dispatches
  * `/permission <preset>` through the same external-command path a hand-typed
- * argument takes. The list mirrors the `sandbox/mode` vocabulary the session
- * modes use (`sessionModes.ts`), so the ✓ mark stays consistent with the
- * mode the TUI derives from the session log.
+ * argument takes. The roster comes from the adapter snapshot so host plugins
+ * can contribute additional preset identities without UI changes.
  */
-export const PERMISSION_PRESET_IDS = [
-    'read-only',
-    'workspace-write',
-    'danger-full-access',
-];
-export function PermissionsPicker({ focusIndex, currentMode, cwd, onPick, }) {
-    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('permission-picker-title') }) }), _jsx(Select, { options: [
-                        { value: 'read-only', label: t('permission-preset-readonly'), description: t('permission-preset-readonly-desc') },
-                        { value: 'workspace-write', label: t('permission-preset-workspace-write'), description: t('permission-preset-workspace-write-desc') },
-                        { value: 'danger-full-access', label: t('permission-preset-full-access'), description: t('permission-preset-full-access-desc') },
-                    ], focusIndex: focusIndex, selectedValue: currentMode, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) }), _jsx(Text, { dimColor: true, children: t('permission-root-hint', { cwd }) })] }) }));
+export function PermissionsPicker({ options, focusIndex, currentValue, cwd, onPick, }) {
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('permission-picker-title') }) }), _jsx(Select, { options: options.map(option => ({
+                        value: option.value,
+                        label: option.value === 'read-only'
+                            ? t('permission-preset-readonly')
+                            : option.value === 'workspace-write'
+                                ? t('permission-preset-workspace-write')
+                                : option.value === 'danger-full-access'
+                                    ? t('permission-preset-full-access')
+                                    : option.name,
+                        description: option.value === 'read-only'
+                            ? t('permission-preset-readonly-desc')
+                            : option.value === 'workspace-write'
+                                ? t('permission-preset-workspace-write-desc')
+                                : option.value === 'danger-full-access'
+                                    ? t('permission-preset-full-access-desc')
+                                    : option.description ?? option.name,
+                    })), focusIndex: focusIndex, selectedValue: currentValue, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) }), _jsx(Text, { dimColor: true, children: t('permission-root-hint', { cwd }) })] }) }));
 }

package/lib/types/components/PromptEditor.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import type { Color } from '../ink/styles.js';
+import type { Theme } from '../theme.js';
+/**
+ * 全屏草稿编辑的挂载层。编辑状态（value/caret/选区/折叠）全部住在
+ * PromptInput 内部，展开视图却必须盖住整棵 Chat 树的每个后绘兄弟
+ * （StatusLine、OverlayAbove、TooltipLayer）——渲染器按树序绘制，
+ * absolute 浮层只有作为根 Box 的最后一个孩子才天然压过一切
+ * （TooltipLayer 的同款契约）。PromptInput 因此把展开视图的 React
+ * 节点发布到这个 module 级 store，`PromptEditorLayer`（挂在 Chat 根
+ * Box 末尾）订阅并渲染；节点是 PromptInput 每次渲染的新鲜闭包，
+ * 命中/拖拽/按钮 handler 无需任何额外的状态同步管道。
+ *
+ * 节点写入用 useInsertionEffect：sink 的同步重渲染发生在 layout
+ * 阶段之前，PromptInput 的 useDeclaredCursor（layout effect）读到
+ * 的 ref 已经指向编辑区的 Box，首帧光标声明即正确。
+ */
+type EditorNode = React.ReactNode | null;
+/** Publish (or withdraw, with null) the fullscreen editor subtree. */
+export declare function setPromptEditorNode(node: EditorNode): void;
+/**
+ * The fullscreen sink, mounted once at the very end of Chat's root Box.
+ * The absolute cover is `opaque` so its padding/blank cells never bleed
+ * the covered transcript through, and it swallows stray clicks so the
+ * conversation underneath cannot react to a click meant for the editor.
+ */
+export declare function PromptEditorLayer(): React.ReactNode;
+/**
+ * A mouse-friendly pill button for the editor chrome (send / collapse /
+ * the ⤢ close affordance). Hover swaps the surface so the affordance
+ * reads at a glance — the same interaction language as the transcript's
+ * clickable rows and the session browser's menu items.
+ */
+export declare function EditorButton({ label, hint, onClick, primary, accent, }: {
+    /** Button text, e.g. `⏎ 发送`. */
+    label: string;
+    /** Dim trailing hint inside the pill, e.g. `Ctrl+Enter`. */
+    hint?: string;
+    onClick: () => void;
+    /** Filled variant (the primary action); default is the outline look. */
+    primary?: boolean;
+    /** Accent theme token / raw color for the filled variant. */
+    accent?: keyof Theme | Color;
+}): React.ReactNode;
+export {};
+//# sourceMappingURL=PromptEditor.d.ts.map

package/lib/types/components/PromptEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptEditor.d.ts","sourceRoot":"","sources":["../../../src/components/PromptEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC;;;;;;;;;;;;;GAaG;AAEH,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,GAAG,IAAI,CAAA;AAKxC,sEAAsE;AACtE,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAI1D;AAaD;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,SAAS,CAqBnD;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,MAAM,GACP,EAAE;IACD,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;CAC7B,GAAG,KAAK,CAAC,SAAS,CAmClB"}

package/lib/types/components/PromptEditor.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from '../ui.js';
+let editorNode = null;
+const listeners = new Set();
+/** Publish (or withdraw, with null) the fullscreen editor subtree. */
+export function setPromptEditorNode(node) {
+    if (node === editorNode)
+        return;
+    editorNode = node;
+    for (const listener of listeners)
+        listener();
+}
+function subscribe(callback) {
+    listeners.add(callback);
+    return () => {
+        listeners.delete(callback);
+    };
+}
+function snapshot() {
+    return editorNode;
+}
+/**
+ * The fullscreen sink, mounted once at the very end of Chat's root Box.
+ * The absolute cover is `opaque` so its padding/blank cells never bleed
+ * the covered transcript through, and it swallows stray clicks so the
+ * conversation underneath cannot react to a click meant for the editor.
+ */
+export function PromptEditorLayer() {
+    const node = React.useSyncExternalStore(subscribe, snapshot);
+    if (node === null)
+        return null;
+    return (_jsx(Box, { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", flexDirection: "column", flexShrink: 0, overflow: "hidden", opaque: true, onClick: (event) => {
+            event.stopImmediatePropagation();
+        }, children: node }));
+}
+/**
+ * A mouse-friendly pill button for the editor chrome (send / collapse /
+ * the ⤢ close affordance). Hover swaps the surface so the affordance
+ * reads at a glance — the same interaction language as the transcript's
+ * clickable rows and the session browser's menu items.
+ */
+export function EditorButton({ label, hint, onClick, primary, accent, }) {
+    const [hovered, setHovered] = React.useState(false);
+    const text = hint === undefined ? ` ${label} ` : ` ${label} ${hint} `;
+    return (_jsx(Box, { flexShrink: 0, backgroundColor: primary
+            ? hovered
+                ? 'userMessageBackgroundHover'
+                : (accent ?? 'claude')
+            : hovered
+                ? 'userMessageBackgroundHover'
+                : undefined, onClick: (event) => {
+            event.stopImmediatePropagation();
+            onClick();
+        }, onMouseEnter: () => {
+            setHovered(true);
+        }, onMouseLeave: () => {
+            setHovered(false);
+        }, children: _jsx(Text, { bold: primary || hovered, color: primary && !hovered ? 'inverseText' : undefined, dimColor: !primary && !hovered, children: text }) }));
+}

package/lib/types/components/PromptInput.d.ts

@@ -9,6 +9,18 @@ import type { Channel } from '../dsh-adapter/channel.js';
 export interface PromptController {
     hasText(): boolean;
     clear(): void;
+    /**
+     * Copy the active mouse selection to the system clipboard (OSC 52 + the
+     * native fallback) and KEEP the selection for further editing. Returns
+     * true when a selection existed and consumed the key; Chat's Ctrl+C
+     * branch calls this first, before its clear/exit semantics.
+     */
+    consumeSelectionCopy(): boolean;
+    /** Toggle vim editing mode (`/vim`); returns the new state (true = on). */
+    toggleVim(): boolean;
+    /** True while vim mode is on (either submode). Esc belongs to vim then —
+     *  Chat's working-turn Esc interrupt must yield in BOTH submodes. */
+    vimActive(): boolean;
 }
 export interface PromptInputProps {
     channel: Channel;

package/lib/types/components/PromptInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/components/PromptInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAmJxD;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,OAAO,CAAA;IAClB,KAAK,IAAI,IAAI,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,IAAI,IAAI,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IACrD,6EAA6E;IAC7E,eAAe,EAAE,OAAO,CAAA;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,IAAI,IAAI,CAAA;IACvB,8EAA8E;IAC9E,eAAe,CAAC,IAAI,IAAI,CAAA;IACxB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACzD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,GACd,EAAE,gBAAgB,qBAi9ClB"}
+{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/components/PromptInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwBzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AA4OxD;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,OAAO,CAAA;IAClB,KAAK,IAAI,IAAI,CAAA;IACb;;;;;OAKG;IACH,oBAAoB,IAAI,OAAO,CAAA;IAC/B,2EAA2E;IAC3E,SAAS,IAAI,OAAO,CAAA;IACpB;yEACqE;IACrE,SAAS,IAAI,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,IAAI,IAAI,CAAA;IACpB;;;OAGG;IACH,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IACrD,6EAA6E;IAC7E,eAAe,EAAE,OAAO,CAAA;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,IAAI,IAAI,CAAA;IACvB,8EAA8E;IAC9E,eAAe,CAAC,IAAI,IAAI,CAAA;IACxB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CACzD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,GACd,EAAE,gBAAgB,qBA85ElB"}