@deepseek-harness-tui/dsh-tui 0.9.0 → 0.9.2

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

@@ -0,0 +1,25 @@
+import React from 'react';
+/**
+ * `/recap` panel (pi-recap semantics), in the picker/dialog visual
+ * language: a permission-colored Pane with a title bar (会话回顾), a
+ * scrollable summary body (error / summary / answering spinner), the
+ * proposed session title row (apply via `a` or clicking the chip), and a
+ * dim italic hint line (click to copy, same as `c`). Owns the keyboard
+ * while open, mirroring BtwPanel.
+ */
+export declare function RecapPanel({ summary, title, error, streaming, titleApplied, onClose, onCopy, onApplyTitle, }: {
+    /** The one-line recap summary (streamed raw, then replaced on settle). */
+    summary: string;
+    /** Proposed session title from the recap call, when the model offered one. */
+    title?: string;
+    /** Human-readable failure reason. */
+    error?: string;
+    /** True while the recap call is in flight. */
+    streaming: boolean;
+    /** True once the proposed title was applied via renameSession. */
+    titleApplied: boolean;
+    onClose: () => void;
+    onCopy: () => void;
+    onApplyTitle: () => void;
+}): React.ReactNode;
+//# sourceMappingURL=RecapPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecapPanel.d.ts","sourceRoot":"","sources":["../../../src/components/RecapPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,OAAO,EACP,MAAM,EACN,YAAY,GACb,EAAE;IACD,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,GAAG,KAAK,CAAC,SAAS,CAuFlB"}

package/lib/types/components/RecapPanel.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput, ScrollBox, useTerminalSize } from '../ui.js';
+import { SpinnerGlyph } from './Spinner/SpinnerGlyph.js';
+import { Pane } from './design-system/Pane.js';
+import { t } from '../i18n.js';
+import { isPlainReturnInput } from '../utils/modifiers.js';
+/**
+ * `/recap` panel (pi-recap semantics), in the picker/dialog visual
+ * language: a permission-colored Pane with a title bar (会话回顾), a
+ * scrollable summary body (error / summary / answering spinner), the
+ * proposed session title row (apply via `a` or clicking the chip), and a
+ * dim italic hint line (click to copy, same as `c`). Owns the keyboard
+ * while open, mirroring BtwPanel.
+ */
+export function RecapPanel({ summary, title, error, streaming, titleApplied, onClose, onCopy, onApplyTitle, }) {
+    const scrollRef = React.useRef(null);
+    const { rows } = useTerminalSize();
+    // Spinner frame (80ms cadence, only while waiting for the first text).
+    const [frame, setFrame] = React.useState(0);
+    React.useEffect(() => {
+        if (!streaming || summary !== '')
+            return;
+        const interval = setInterval(() => setFrame(f => f + 1), 80);
+        return () => clearInterval(interval);
+    }, [streaming, summary]);
+    const canApply = title !== undefined && title !== '' && !titleApplied;
+    useInput((input, key, event) => {
+        if (key.escape || isPlainReturnInput(input, key) || input === ' ') {
+            event.stopImmediatePropagation();
+            onClose();
+            return;
+        }
+        if (key.upArrow || key.downArrow) {
+            scrollRef.current?.scrollBy(key.upArrow ? -3 : 3);
+            event.stopImmediatePropagation();
+            return;
+        }
+        if (input === 'c' && !key.ctrl) {
+            event.stopImmediatePropagation();
+            onCopy();
+            return;
+        }
+        if (input === 'a' && !key.ctrl && canApply) {
+            event.stopImmediatePropagation();
+            onApplyTitle();
+            return;
+        }
+        // The overlay owns the keyboard while open: swallow everything else so
+        // nothing leaks into the prompt input behind it.
+        event.stopImmediatePropagation();
+    });
+    const settled = summary !== '' || error !== undefined;
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: t('recap-panel-title') }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", t('recap-panel-subtitle')] })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(5, rows - 11), children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: error !== undefined ? (_jsx(Text, { color: "error", children: error })) : summary !== '' ? (_jsx(Text, { children: summary })) : (_jsxs(Box, { children: [_jsx(SpinnerGlyph, { frame: frame, messageColor: "warning" }), _jsxs(Text, { color: "warning", children: [" ", t('recap-answering')] })] })) }) }), title !== undefined && (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: [t('recap-title-label'), ": "] }), _jsx(Text, { color: "suggestion", children: title }), titleApplied ? (_jsxs(Text, { color: "success", children: [" \u2713 ", t('recap-title-applied')] })) : (_jsx(Box, { onClick: canApply ? onApplyTitle : undefined, children: _jsxs(Text, { color: "success", bold: true, children: [' ', "[", t('recap-apply-title'), "]"] }) }))] })), _jsx(Box, { onClick: settled ? onCopy : undefined, children: _jsx(Text, { dimColor: true, italic: true, children: t('recap-hint', { apply: canApply ? ' · a ' + t('recap-apply-title') : '' }) }) })] }) }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollbarGutter.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollbarGutter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAOpE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,aAAa,GACd,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,CAAA;CACtB,GAAG,KAAK,CAAC,SAAS,CA2DlB"}
+{"version":3,"file":"ScrollbarGutter.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollbarGutter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAUpE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,aAAa,GACd,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,CAAA;CACtB,GAAG,KAAK,CAAC,SAAS,CAoIlB"}

package/lib/types/components/ScrollbarGutter.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Text, NoSelect } from '../ui.js';
 import { RAIL_MIN_TERMINAL_WIDTH, RAIL_WIDTH } from '../ink/timeline-rail.js';
 /** Thumb glyph across the 2-col gutter: solid, clearly positional —
  *  deliberately distinct from the timeline's ━━ active tick. */
 const THUMB = '██';
+/** Rest time before the hover position chip pops (anti-flash sweep gate). */
+const CHIP_DWELL_MS = 250;
 /**
  * Proportional scrollbar for the fullscreen transcript's gutter — the
  * `scrollbar` option of the `dsh-tui.scrollGutter` setting (the timeline
@@ -28,6 +30,26 @@ const THUMB = '██';
  */
 export function ScrollbarGutter({ handle, terminalWidth, }) {
     const [, setTick] = React.useState(0);
+    // Hover readout: the row under the pointer brightens the thumb when it is
+    // the hovered one, and floats a `62% · 340/540` chip left of the gutter
+    // naming the position a click there would jump to. The chip is
+    // dwell-gated (TimelineRail's preview-card rule): a sweep across the
+    // track brightens rows but never pops chips — only ~250ms of rest does.
+    // Once shown it follows row changes immediately; leaving hides it.
+    const [hoverRow, setHoverRow] = React.useState(null);
+    const [chipRow, setChipRow] = React.useState(null);
+    const dwellTimer = React.useRef(null);
+    const clearDwell = () => {
+        if (dwellTimer.current !== null) {
+            clearTimeout(dwellTimer.current);
+            dwellTimer.current = null;
+        }
+    };
+    const clearChip = () => {
+        clearDwell();
+        setChipRow(null);
+    };
+    React.useEffect(() => clearDwell, []);
     React.useEffect(() => {
         if (!handle)
             return;
@@ -59,10 +81,39 @@ export function ScrollbarGutter({ handle, terminalWidth, }) {
     const rows = [];
     for (let y = 0; y < viewport; y++) {
         const inThumb = y >= thumbTop && y < thumbBottom;
-        rows.push(_jsx(Box, { height: 1, flexShrink: 0, onClick: () => handle.scrollTo(trackScrollTop(y)), children: _jsx(Text, { color: inThumb ? 'inactive' : undefined, children: inThumb ? THUMB : '  ' }) }, y));
+        rows.push(_jsx(Box, { height: 1, flexShrink: 0, onClick: () => handle.scrollTo(trackScrollTop(y)), onMouseEnter: () => {
+                setHoverRow(y);
+                // Resting pointer: chip follows immediately once dwell has
+                // opened it; a sweep re-arms the dwell instead of flashing.
+                clearDwell();
+                if (chipRow !== null) {
+                    setChipRow(y);
+                }
+                else {
+                    dwellTimer.current = setTimeout(() => setChipRow(y), CHIP_DWELL_MS);
+                }
+            }, onMouseLeave: () => {
+                setHoverRow(current => (current === y ? null : current));
+                clearChip();
+            }, children: _jsx(Text, { color: inThumb
+                    ? hoverRow !== null && hoverRow >= thumbTop && hoverRow < thumbBottom
+                        ? 'professionalBlue'
+                        : 'inactive'
+                    : undefined, children: inThumb ? THUMB : '  ' }) }, y));
+    }
+    // The floating position chip, anchored left of the gutter on the
+    // dwell-armed row (TimelineRail's preview-card geometry, one line tall).
+    // Absolute + zero layout contribution: popping it never moves anything.
+    // Fenced with noSelect: it floats over selectable transcript text.
+    let hoverChip = null;
+    if (chipRow !== null && maxScroll > 0) {
+        const jumpTop = trackScrollTop(chipRow);
+        const pct = Math.round((jumpTop / maxScroll) * 100);
+        const line = Math.min(content, jumpTop + 1);
+        hoverChip = (_jsx(Box, { position: "absolute", top: chipRow, right: RAIL_WIDTH + 1, flexShrink: 0, backgroundColor: "toolCardBackgroundDim", paddingX: 1, noSelect: true, children: _jsx(Text, { color: "text", children: `${pct}% · ${line}/${content}` }) }));
     }
-    return (_jsx(NoSelect, { fromLeftEdge: true, children: _jsx("ink-box", { onWheel: e => {
+    return (_jsx(NoSelect, { children: _jsxs("ink-box", { onWheel: e => {
                 if (e.deltaY !== 0)
                     handle.scrollBy(e.deltaY);
-            }, style: { flexDirection: 'column', flexShrink: 0, width: RAIL_WIDTH }, children: rows }) }));
+            }, style: { flexDirection: 'column', flexShrink: 0, width: RAIL_WIDTH }, children: [rows, hoverChip] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SubagentCard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAO9D,MAAM,WAAW,iBAAiB;IAAG,QAAQ,EAAE,aAAa,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAAE;AAEpH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAwC/F"}
+{"version":3,"file":"SubagentCard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAO9D,MAAM,WAAW,iBAAiB;IAAG,QAAQ,EAAE,aAAa,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAAE;AAEpH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CA0C/F"}

package/lib/types/components/SubagentCard.js

@@ -11,9 +11,14 @@ export function SubagentCard({ subagent, focused, onClick }) {
     const running = subagent.status === 'running' || subagent.status === 'starting';
     const elapsed = subagent.completedAt ? subagent.completedAt - subagent.startedAt : Date.now() - subagent.startedAt;
     const total = subagent.tokens?.total ?? ((subagent.tokens?.input ?? 0) + (subagent.tokens?.output ?? 0) || 0);
+    // Mouse affordance: clickable cards tint on hover; the keyboard-focused
+    // card keeps its brand-color header (no double highlight).
+    const [hovered, setHovered] = useState(false);
     // Live preview: the newest streamed line rides under the header while the
     // subagent runs, then folds away — the dashboard stays one line per settled
-    // subagent.
+    // subagent. Deliberately NOT revived on hover: an extra line would grow
+    // the card mid-gesture and reshuffle the whole dashboard list (user
+    // feedback: hover must never change layout). The hover tint stays.
     const liveLine = running ? subagent.output[subagent.output.length - 1] : undefined;
     const minimal = isMinimalMode();
     const glyph = running ? (minimal ? '·' : '🟡')
@@ -23,9 +28,6 @@ export function SubagentCard({ subagent, focused, onClick }) {
         : running ? 'warning'
             : subagent.status === 'failed' || subagent.status === 'cancelled' ? 'error'
                 : 'success';
-    // Mouse affordance: clickable cards tint on hover; the keyboard-focused
-    // card keeps its brand-color header (no double highlight).
-    const [hovered, setHovered] = useState(false);
     const hoverTint = onClick !== undefined && hovered && !focused;
     return _jsxs(Box, { flexDirection: "column", paddingLeft: 1, marginBottom: 1, onClick: onClick, onMouseEnter: onClick !== undefined ? () => setHovered(true) : undefined, onMouseLeave: onClick !== undefined ? () => setHovered(false) : undefined, backgroundColor: hoverTint ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: glyphColor, children: glyph }), _jsx(Text, { bold: true, color: focused ? 'claude' : undefined, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: ' · ' }), _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), _jsx(Text, { dimColor: true, children: ` · ${formatDuration(elapsed)} · ${total || '—'} tok · ${subagent.toolCalls.length} tools` })] })] }), liveLine && _jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${liveLine}` })] });
 }

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

@@ -1,4 +1,6 @@
 import React from 'react';
+import type { Color } from '../ink/styles.js';
+import type { Theme } from '../theme.js';
 /**
  * `/` 命令菜单与 `@` 文件菜单共用的圆角卡片外壳（与输入框 EffortInputBorder
  * 同款 ╭╮╰╯ 视觉语言）：
@@ -23,8 +25,8 @@ export declare function SuggestionCard({ title, columns, accent, footer, rows, o
     /** 嵌在顶边框里的标题（已本地化、含计数）。 */
     title: string;
     columns: number;
-    /** 边框色（主题 token）；缺省 promptBorder。 */
-    accent?: 'promptBorder' | 'planMode';
+    /** 边框色（主题 token 或裸色）；缺省 promptBorder。 */
+    accent?: keyof Theme | Color;
     /** 底部 dim 提示行（滚动指示）；null/undefined 时不渲染。 */
     footer?: string | null;
     /** 已渲染的行内容（每行一个节点），本组件为各行补上左右边框。 */

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

@@ -1 +1 @@
-{"version":3,"file":"SuggestionCard.d.ts","sourceRoot":"","sources":["../../../src/components/SuggestionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,EAAE;IACD,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,MAAM,CAAC,EAAE,cAAc,GAAG,UAAU,CAAA;IACpC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,oCAAoC;IACpC,IAAI,EAAE,SAAS,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CAwDlB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAmBzD"}
+{"version":3,"file":"SuggestionCard.d.ts","sourceRoot":"","sources":["../../../src/components/SuggestionCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGxC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,EAAE;IACD,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC5B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,oCAAoC;IACpC,IAAI,EAAE,SAAS,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CAwDlB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAmBzD"}

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineRail.d.ts","sourceRoot":"","sources":["../../../src/components/TimelineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpE,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAwBhC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,qEAAqE;IACrE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IAClC,gEAAgE;IAChE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB;sCACkC;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB;6DACyD;IACzD,YAAY,EAAE,OAAO,CAAA;IACrB;;;;;OAKG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,GAAG,KAAK,CAAC,SAAS,CA0MlB"}
+{"version":3,"file":"TimelineRail.d.ts","sourceRoot":"","sources":["../../../src/components/TimelineRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpE,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,yBAAyB,CAAA;AAwBhC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,aAAa,EACb,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,qEAAqE;IACrE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IAClC,gEAAgE;IAChE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB;sCACkC;IAClC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB;6DACyD;IACzD,YAAY,EAAE,OAAO,CAAA;IACrB;;;;;OAKG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,GAAG,KAAK,CAAC,SAAS,CAqNlB"}

package/lib/types/components/TimelineRail.js

@@ -177,13 +177,20 @@ export function TimelineRail({ handle, turns, activeId, upId, downId, terminalWi
                     const cardH = lines.length + 2;
                     if (cardH <= viewport) {
                         const top = Math.max(0, Math.min(tickRow - Math.floor(cardH / 2), viewport - cardH));
-                        card = (_jsx(Box, { position: "absolute", top: top, right: RAIL_WIDTH + 1, width: cardW, height: cardH, flexDirection: "column", flexShrink: 0, borderStyle: "round", borderColor: "inactive", backgroundColor: "toolCardBackgroundDim", paddingX: 1, children: lines.map((line, i) => (_jsx(Text, { color: "text", wrap: "truncate-end", children: line }, i))) }));
+                        card = (_jsx(Box, { position: "absolute", top: top, right: RAIL_WIDTH + 1, width: cardW, height: cardH, flexDirection: "column", flexShrink: 0, borderStyle: "round", borderColor: "inactive", paddingX: 1, 
+                            // The card floats LEFT of the rail over selectable
+                            // transcript text; fence its own rect so a drag that
+                            // happens under a dwell-popped preview never copies the
+                            // card's preview glyphs. On the box itself (not a NoSelect
+                            // wrapper): absolute children don't contribute to a flow
+                            // wrapper's layout, so a wrapper's region would be 0×0.
+                            noSelect: true, children: lines.map((line, i) => (_jsx(Text, { color: "text", wrap: "truncate-end", children: line }, i))) }));
                     }
                 }
             }
         }
     }
-    return (_jsx(NoSelect, { fromLeftEdge: true, children: _jsxs("ink-box", { onWheel: e => {
+    return (_jsx(NoSelect, { children: _jsxs("ink-box", { onWheel: e => {
                 if (e.deltaY !== 0)
                     handle.scrollBy(e.deltaY);
             }, style: { flexDirection: 'column', flexShrink: 0, width: RAIL_WIDTH }, children: [_jsx(Box, { height: geo.upRow, flexShrink: 0 }), chevron('up'), tickRows, chevron('down'), card] }) }));

package/lib/types/components/design-system/ThemeProvider.d.ts

@@ -1,4 +1,11 @@
 import React from 'react';
+/**
+ * DSH_TUI_THEME skips terminal detection (tests, debugging). Accepts a
+ * built-in name (auto|light|dark|dark-ansi) or a user theme name; invalid
+ * values are warned and ignored by the caller, falling back to detection.
+ * Exported for /reload, which must respect the env override's precedence.
+ */
+export declare function envThemeOverride(): string | undefined;
 export declare function ThemeProvider({ children, theme, }: {
     children: React.ReactNode;
     theme?: string;

package/lib/types/components/design-system/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AA4F7E,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,KAAK,CAAC,SAAS,CAuIlB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAG9D"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAsE7E;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,GAAG,SAAS,CAGrD;AAcD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,KAAK,CAAC,SAAS,CAuIlB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAG9D"}

package/lib/types/components/design-system/ThemeProvider.js

@@ -47,8 +47,9 @@ const ThemeContext = createContext({
  * DSH_TUI_THEME skips terminal detection (tests, debugging). Accepts a
  * built-in name (auto|light|dark|dark-ansi) or a user theme name; invalid
  * values are warned and ignored by the caller, falling back to detection.
+ * Exported for /reload, which must respect the env override's precedence.
  */
-function envThemeOverride() {
+export function envThemeOverride() {
     const v = process.env.DSH_TUI_THEME;
     return v === undefined || v === '' ? undefined : v;
 }

package/lib/types/components/messages/AssistantToolUseMessage.d.ts

@@ -32,6 +32,13 @@ type Props = {
     diffLayout?: 'auto' | 'split' | 'unified';
     /** Background treatment for the ordinary, unselected tool card surface. */
     toolBackground?: ToolBackground;
+    /**
+     * Click-to-act (fullscreen): opens the file-action menu for the tool's
+     * file path. When provided, the path in the card header (and diff path
+     * rows) renders underlined and clickable; the click stops propagation so
+     * the row's own fold-toggle does not fire.
+     */
+    onOpenFile?: (path: string) => void;
 };
 export declare function toolNameColor(raw: string): keyof Theme;
 /**
@@ -40,6 +47,6 @@ export declare function toolNameColor(raw: string): keyof Theme;
  * output, read content — instead of the raw result dump (mirroring Claude Code's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
  * channel captures per call).
  */
-export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, onClick, footnote, diffLayout, toolBackground, }: Props): React.ReactNode;
+export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, onClick, footnote, diffLayout, toolBackground, onOpenFile, }: Props): React.ReactNode;
 export {};
 //# sourceMappingURL=AssistantToolUseMessage.d.ts.map

package/lib/types/components/messages/AssistantToolUseMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAKvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,CAAA;AAgFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AAwKD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAmB,EACnB,cAAuB,GACxB,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAsKzB"}
+{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAKvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC,CAAA;AAsFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AAsMD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAmB,EACnB,cAAuB,EACvB,UAAU,GACX,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAkMzB"}

package/lib/types/components/messages/AssistantToolUseMessage.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
 import { extname } from 'node:path';
 import { Box, Text, useTerminalSize } from '../../ui.js';
 import { stringWidth } from '../../ink/stringWidth.js';
@@ -180,7 +181,7 @@ function capLines(lines, max, verbose) {
         return lines;
     return [
         ...lines.slice(0, max),
-        dim(`… +${lines.length - max} lines (ctrl+o to expand)`),
+        { ...dim(`… +${lines.length - max} lines (ctrl+o to expand)`), revealOnHover: true },
     ];
 }
 /** Header title from the presentation view: terminal cards keep the
@@ -199,7 +200,7 @@ function clipHeaderArgs(args) {
         return args;
     return `${args.slice(0, HEADER_ARGS_BUDGET)}…`;
 }
-function HeaderTitle({ name, title, isTerminal, displayArgs, argsLanguage, nameColor }) {
+function HeaderTitle({ name, title, isTerminal, displayArgs, argsLanguage, nameColor, filePath, onOpenFile }) {
     if (title === undefined) {
         return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), displayArgs !== '' && (_jsxs(Box, { flexWrap: "nowrap", children: [_jsx(Text, { children: "(" }), _jsx(SyntaxText, { text: clipHeaderArgs(displayArgs), sourceText: displayArgs, language: argsLanguage }), _jsx(Text, { children: ")" })] }))] }));
     }
@@ -210,6 +211,20 @@ function HeaderTitle({ name, title, isTerminal, displayArgs, argsLanguage, nameC
     if (trimmed === '') {
         return (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }));
     }
+    // Clickable path: when the caller resolved a file path that appears in
+    // the title (`Edit /path (1 - 100)`), render that segment underlined and
+    // clickable. The click stops propagation so the row's fold toggle does
+    // not fire. indexOf keeps the split exact even for paths with regex
+    // metacharacters.
+    if (onOpenFile !== undefined && filePath !== undefined && filePath !== '' && trimmed.includes(filePath)) {
+        const at = trimmed.indexOf(filePath);
+        const before = trimmed.slice(0, at);
+        const after = trimmed.slice(at + filePath.length);
+        return (_jsxs(Box, { flexWrap: "nowrap", children: [_jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: before }), _jsx(Box, { onClick: (event) => {
+                        event.stopImmediatePropagation();
+                        onOpenFile(filePath);
+                    }, children: _jsx(Text, { underline: true, wrap: "truncate-end", children: filePath }) }), after !== '' && (_jsx(Text, { bold: false, color: "text", wrap: "truncate-end", children: after }))] }));
+    }
     const space = trimmed.indexOf(' ');
     const head = space === -1 ? trimmed : trimmed.slice(0, space);
     const tail = space === -1 ? '' : trimmed.slice(space);
@@ -221,7 +236,7 @@ function HeaderTitle({ name, title, isTerminal, displayArgs, argsLanguage, nameC
  * output, read content — instead of the raw result dump (mirroring Claude Code's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
  * channel captures per call).
  */
-export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, onClick, footnote, diffLayout = 'auto', toolBackground = 'none', }) {
+export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, onClick, footnote, diffLayout = 'auto', toolBackground = 'none', onOpenFile, }) {
     const isRunning = tool.status === 'running';
     const isError = tool.status === 'error';
     const displayArgs = verbose ? tool.argsFull ?? tool.argsText : tool.argsText;
@@ -286,18 +301,31 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
         : ordinaryToolBackground === 'strong'
             ? 'toolCardBackground'
             : undefined;
+    // Hover affordance for the click-to-toggle row: the theme's tool-card blue
+    // face marks the call's content area while the pointer dwells (the
+    // toolBackground treatment steps up one level to the strong card face), the
+    // collapsed `(ctrl+o to expand)` hint steps from dim to text, the elapsed
+    // clock stops dimming, and a ▾/▴ discloses the row is a toggle.
+    // No layout change: the indicator is a fixed column on the header line, the
+    // body never moves.
+    const [hovered, setHovered] = React.useState(false);
+    const interactive = onClick !== undefined;
+    const hoverTint = interactive && hovered && !isSelected;
     return (_jsx(Box, { ref: viewportRef, flexDirection: "row", justifyContent: "space-between", marginTop: addMargin ? 1 : 0, width: "100%", onClick: onClick, 
         // Only selection paints a highlight; the configured treatment applies
         // to an ordinary card. Diff line tints stay - they are content, not chrome.
-        // No hover tint: the card stays visually quiet until clicked (user
-        // feedback — row-hover color changes read as noise in the transcript).
-        backgroundColor: isSelected ? 'messageActionsBackground' : ordinaryBackground, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError, toolName: tool.name }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, displayArgs: displayArgs, argsLanguage: argsLanguage, nameColor: toolNameColor(tool.name) }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: true, children: elapsedText }) }))] }), useSplitDiff && view?.card === 'diff' ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_FIRST }) }), _jsx(SplitDiffView, { diffs: view.diffs, width: columns - 4, maxRows: DIFF_BODY_MAX_LINES, verbose: verbose, toolBackground: ordinaryToolBackground })] })) : (rendered.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { color: line.tone === 'add'
+        backgroundColor: isSelected ? 'messageActionsBackground' : hoverTint ? 'toolCardBackground' : ordinaryBackground, onMouseEnter: interactive ? () => setHovered(true) : undefined, onMouseLeave: interactive ? () => setHovered(false) : undefined, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError, toolName: tool.name }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, displayArgs: displayArgs, argsLanguage: argsLanguage, nameColor: toolNameColor(tool.name), filePath: filePath, onOpenFile: onOpenFile }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: !hovered, children: elapsedText }) })), hovered && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: isExpanded ? '▴' : '▾' }) }))] }), useSplitDiff && view?.card === 'diff' ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_FIRST }) }), _jsx(SplitDiffView, { diffs: view.diffs, width: columns - 4, maxRows: DIFF_BODY_MAX_LINES, verbose: verbose, toolBackground: ordinaryToolBackground })] })) : (rendered.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { color: line.tone === 'add'
                                     ? 'diffAddedWord'
                                     : line.tone === 'del'
                                         ? 'diffRemovedWord'
                                         : line.tone === 'path'
                                             ? 'ide'
-                                            : undefined, dimColor: line.tone !== 'add' && line.tone !== 'del' && line.tone !== 'path', children: index === 0 ? GUTTER_FIRST : GUTTER_REST }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { color: line.tone === 'add'
+                                            : undefined, dimColor: line.tone !== 'add' && line.tone !== 'del' && line.tone !== 'path', children: index === 0 ? GUTTER_FIRST : GUTTER_REST }) }), _jsx(Box, { flexGrow: 1, children: line.tone === 'path' && onOpenFile !== undefined ? (_jsx(Box, { onClick: (event) => {
+                                    // Stop propagation so the row's fold toggle does not
+                                    // fire when clicking the path.
+                                    event.stopImmediatePropagation();
+                                    onOpenFile(line.text);
+                                }, children: _jsx(Text, { color: "ide", underline: true, children: line.text }) })) : (_jsx(Text, { color: line.tone === 'add'
                                     ? 'diffAddedWord'
                                     : line.tone === 'del'
                                         ? 'diffRemovedWord'
@@ -307,5 +335,5 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
                                                 ? 'subtle'
                                                 : line.tone === 'path'
                                                     ? 'ide'
-                                                    : undefined, dimColor: line.tone === 'dim', wrap: "wrap", children: line.tone === 'plain' && syntaxLanguage !== undefined ? (_jsx(SyntaxText, { text: line.text, sourceText: bodySource, lineIndex: index, language: syntaxLanguage })) : (line.text === '' ? ' ' : line.text) }) })] }, index)))), useSplitDiff && footnote !== undefined && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_REST }) }), _jsx(Text, { color: "subtle", children: footnote })] }))] }) }));
+                                                    : undefined, dimColor: line.tone === 'dim' && !(line.revealOnHover === true && hovered), wrap: "wrap", children: line.tone === 'plain' && syntaxLanguage !== undefined ? (_jsx(SyntaxText, { text: line.text, sourceText: bodySource, lineIndex: index, language: syntaxLanguage })) : (line.text === '' ? ' ' : line.text) })) })] }, index)))), useSplitDiff && footnote !== undefined && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_REST }) }), _jsx(Text, { color: "subtle", children: footnote })] }))] }) }));
 }

package/lib/types/components/questions/AskUserQuestionPanel.d.ts

@@ -12,7 +12,7 @@
  * the input row itself and typing gives a pure custom answer.
  */
 import React from 'react';
-import type { QuestionSelection } from '../../dsh-adapter/questions.js';
+import type { QuestionDraft, QuestionSelection } from '../../dsh-adapter/questions.js';
 export type AskUserQuestionPanelProps = {
     /** The question to render (from the QuestionStore snapshot). */
     readonly question: {
@@ -41,9 +41,13 @@ export type AskUserQuestionPanelProps = {
     readonly total: number;
     /** Questions answered before the current one. */
     readonly answered: number;
+    /** Previously saved answer or draft, restored when returning to this item. */
+    readonly initialDraft?: QuestionDraft;
     readonly onAnswer: (selection: QuestionSelection) => void;
-    /** Esc / Ctrl+C — aborts the whole ask (ASK_ABORTED back to the model). */
+    /** Esc on the first question / Ctrl+C — aborts the whole ask. */
     readonly onCancel: () => void;
+    /** Esc on later questions — navigates to the previous question. */
+    readonly onBack?: (draft: QuestionDraft) => void;
 };
-export declare function AskUserQuestionPanel({ question, position, total, answered, onAnswer, onCancel, }: AskUserQuestionPanelProps): React.ReactNode;
+export declare function AskUserQuestionPanel({ question, position, total, answered, initialDraft, onAnswer, onCancel, onBack, }: AskUserQuestionPanelProps): React.ReactNode;
 //# sourceMappingURL=AskUserQuestionPanel.d.ts.map

package/lib/types/components/questions/AskUserQuestionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AskUserQuestionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/AskUserQuestionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AASvE,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;QAC9B;;oEAE4D;QAC5D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;QAClC;0EACkE;QAClE,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,2EAA2E;IAC3E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CA+Y7C"}
+{"version":3,"file":"AskUserQuestionPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/AskUserQuestionPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAStF,MAAM,MAAM,yBAAyB,GAAG;IACtC,gEAAgE;IAChE,QAAQ,CAAC,QAAQ,EAAE;QACjB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;QACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC3F,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;QAC9B;;oEAE4D;QAC5D,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;QAClC;0EACkE;QAClE,QAAQ,CAAC,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,8EAA8E;IAC9E,QAAQ,CAAC,YAAY,CAAC,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAkb7C"}

package/lib/types/components/questions/AskUserQuestionPanel.js

@@ -24,7 +24,7 @@ import { listWindow } from '../listWindow.js';
 const CHECKED = '◉';
 const UNCHECKED = '○';
 const PENCIL = '✎';
-export function AskUserQuestionPanel({ question, position, total, answered, onAnswer, onCancel, }) {
+export function AskUserQuestionPanel({ question, position, total, answered, initialDraft, onAnswer, onCancel, onBack, }) {
     // Plan-mode's exit_plan_mode ask carries a presentation intent: render
     // the CC-style decision card instead of the generic questionnaire. The
     // branch precedes every hook so hook order stays stable per remount key.
@@ -37,13 +37,21 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
     const { rows: terminalRows } = useTerminalSize();
     /** Rows: the real options plus the inline input row at the tail. */
     const rowCount = options.length + (hideCustomInput ? 0 : 1);
-    const [focusIndex, setFocusIndex] = React.useState(0);
-    const [checked, setChecked] = React.useState(() => new Set());
-    const [customText, setCustomText] = React.useState('');
-    const [customCursor, setCustomCursor] = React.useState(0);
+    const initialSelected = initialDraft?.selected ?? [];
+    const initialCustom = initialDraft?.custom ?? '';
+    const selectedIndices = options
+        .map((option, index) => initialSelected.includes(option.label) ? index : -1)
+        .filter(index => index >= 0);
+    const initialFocus = initialCustom !== '' && selectedIndices.length === 0 && !hideCustomInput
+        ? options.length
+        : selectedIndices[0] ?? 0;
+    const [focusIndex, setFocusIndex] = React.useState(initialFocus);
+    const [checked, setChecked] = React.useState(() => new Set(multiSelect ? selectedIndices : []));
+    const [customText, setCustomText] = React.useState(initialCustom);
+    const [customCursor, setCustomCursor] = React.useState(initialCustom.length);
     /** Single-select label captured by typing on a focused option — submitted
      *  together with the custom text when the input row itself is Entered. */
-    const [attached, setAttached] = React.useState(null);
+    const [attached, setAttached] = React.useState(() => initialCustom !== '' && !multiSelect ? (initialSelected[0] ?? null) : null);
     const [error, setError] = React.useState(null);
     const inputFocused = !hideCustomInput && focusIndex === options.length;
     // Chat chrome + panel scaffolding consume twelve rows before the option
@@ -139,11 +147,33 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
         }
         onAnswer({ selected: attached !== null ? [attached] : [], custom: text });
     };
+    /** Capture the visible answer state before navigating away. */
+    const currentDraft = () => {
+        const selected = multiSelect
+            ? checkedLabels()
+            : inputFocused
+                ? (attached === null ? [] : [attached])
+                : (() => {
+                    const label = options[focusIndex]?.label;
+                    return label === undefined ? [] : [label];
+                })();
+        return {
+            selected,
+            ...(customText !== '' ? { custom: customText } : {}),
+        };
+    };
     useInput((input, key) => {
-        if (key.escape || (key.ctrl && input === 'c')) {
+        if (key.ctrl && input === 'c') {
             onCancel();
             return;
         }
+        if (key.escape) {
+            if (onBack !== undefined)
+                onBack(currentDraft());
+            else
+                onCancel();
+            return;
+        }
         if (inputFocused) {
             if (key.upArrow) {
                 moveFocus(-1);
@@ -298,7 +328,8 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
             t('question-hint-type'),
             t('question-hint-enter'),
             ...(options.length > 0 ? [t('question-hint-back')] : []),
-            t('question-hint-esc'),
+            onBack === undefined ? t('question-hint-esc') : t('question-hint-previous'),
+            ...(onBack === undefined ? [] : [t('question-hint-cancel')]),
             ...(multiSelect && checked.size > 0 ? [t('question-hint-selected', { n: checked.size })] : []),
         ]
         : [
@@ -306,7 +337,8 @@ export function AskUserQuestionPanel({ question, position, total, answered, onAn
             ...(multiSelect ? [t('question-hint-multi')] : []),
             ...(hideCustomInput ? [] : [t('question-hint-attach')]),
             t('question-hint-enter'),
-            t('question-hint-esc'),
+            onBack === undefined ? t('question-hint-esc') : t('question-hint-previous'),
+            ...(onBack === undefined ? [] : [t('question-hint-cancel')]),
             ...(multiSelect && checked.size > 0 ? [t('question-hint-selected', { n: checked.size })] : []),
         ];
     return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Divider, { color: "permission", title: headerTitle, padding: 4 }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [question.header !== undefined && (_jsxs(Text, { color: "suggestion", bold: true, children: ["\u25C8 ", question.header] })), _jsx(Text, { bold: true, wrap: "wrap", children: question.question }), question.detail !== undefined && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: question.detail.split('\n').map((line, index) => (_jsx(Text, { dimColor: true, italic: true, wrap: "wrap", children: line }, index))) }))] }), renderOptions(), error !== null && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "error", children: error }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: hintParts.join(' · ') }) })] }));