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

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

@@ -1 +1 @@
-{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAUjE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAA;IAChB;;4CAEwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;8EAE0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAkIzB"}
+{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAUjE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB;;;sDAGkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,OAAO,EAAE,OAAO,CAAA;IAChB;;4CAEwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;8EAE0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAuIzB"}

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

@@ -17,17 +17,21 @@ import { isMinimalMode } from '../../minimalMode.js';
  *  to exactly this many rows, keeps the block height stream-independent. */
 const PREVIEW_ROWS = 3;
 /**
- * Thinking block: folded `⚓ Thinking (ctrl+o to expand)`, expanded shows the
- * full reasoning text indented under `⚓ Thinking…`. While the reasoning
- * streams the leading mark is a rotating braille spinner (`⠋⠙⠹…`, Kimi Code
- * style), settling back to the static anchor (`⚓`) once the turn ends. When
+ * Thinking block: settled rows fold to `⚓ Thinking (ctrl+o to expand)`;
+ * streaming rows switch between a three-line preview and the full reasoning
+ * text on click. The live leading mark is a rotating braille spinner
+ * (`⠋⠙⠹…`, Kimi Code style), settling back to the static anchor (`⚓`). When
  * the channel records the reasoning duration, the label carries it
  * (`⚓ Thinking · 12s …`) — dsh-tui's take on making thinking time visible in
  * the transcript.
  */
-export function AssistantThinkingMessage({ thinking, addMargin, verbose, streaming = false, preview = false, durationMs, isSelected = false, onClick, }) {
+export function AssistantThinkingMessage({ thinking, textFull, addMargin, verbose, streaming = false, preview = false, durationMs, isSelected = false, onClick, }) {
     if (!thinking)
         return null;
+    // The preview ticker tracks the newest ARRIVED line (smooth streaming must
+    // not lag it behind the reveal); the expanded body below paints `thinking`
+    // — the revealed slice under smooth streaming, the full text otherwise.
+    const tickerText = textFull ?? thinking;
     // Spinner frame (80ms cadence, only while the reasoning is still
     // streaming — same pattern as BtwPanel's answering spinner).
     const [frame, setFrame] = React.useState(0);
@@ -64,7 +68,7 @@ export function AssistantThinkingMessage({ thinking, addMargin, verbose, streami
         // from the start (leading ellipsis) so the newest tokens — which grow
         // at the line's end — stay visible while the line is longer than the
         // width.
-        const lines = thinking.split('\n');
+        const lines = tickerText.split('\n');
         const visible = lines.slice(-PREVIEW_ROWS);
         const clipped = lines.length > visible.length;
         // Pad with single spaces — an empty-string Text renders with zero

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

@@ -45,6 +45,18 @@ type Props = {
      * `+N lines` hint; verbose/expanded cards render the full title.
      */
     foldTerminalCommand?: boolean;
+    /**
+     * Smooth streaming reveal (settings `dsh-tui.smoothStreaming`): the card
+     * BODY (diff hunks / write content — model-authored prose, not tool
+     * output) paints through an even ~30fps line reveal when it first appears,
+     * instead of one jarring block. Only the pending CALL view animates; the
+     * settled result view paints complete (real output is progress, not
+     * prose), and so do replayed cards.
+     */
+    smoothReveal?: boolean;
+    /** Live-arrived row (channel `fresh`): gates reveal participation —
+     *  replayed cards must paint complete. */
+    fresh?: boolean;
 };
 export declare function toolNameColor(raw: string): keyof Theme;
 /**
@@ -53,6 +65,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, onOpenFile, foldTerminalCommand, }: Props): React.ReactNode;
+export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, onClick, footnote, diffLayout, toolBackground, onOpenFile, foldTerminalCommand, smoothReveal, fresh, }: 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;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAsFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AAuOD;;;;;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,EACV,mBAA2B,GAC5B,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA6MzB"}
+{"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;AAMvG,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;AAGjE,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;IACnC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;8CAC0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAsFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AA+OD;;;;;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,EACV,mBAA2B,EAC3B,YAAoB,EACpB,KAAa,GACd,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAiOzB"}

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

@@ -7,7 +7,9 @@ import { useAnimationFrame } from '../../ink/hooks/use-animation-frame.js';
 import { ToolUseLoader } from '../ToolUseLoader.js';
 import { SplitDiffView } from '../SplitDiffView.js';
 import { SyntaxText } from '../SyntaxText.js';
+import { useTooltip } from '../Tooltip.js';
 import { formatDuration } from '../../cc/format.js';
+import { getRevealVersion, revealLinesOf, snapReveal, subscribeReveal } from '../smoothReveal.js';
 /** Tool display names: DSH emits lowercase tool ids (`bash`); Claude Code
  *  shows capitalized names (`Bash`). Map the common ones, fall back to the
  *  id with its first letter uppercased. */
@@ -223,11 +225,21 @@ function foldTerminalTitle(title) {
     return { first, hidden };
 }
 function HeaderTitle({ name, title, isTerminal, folded, displayArgs, argsLanguage, nameColor, filePath, onOpenFile }) {
+    // Hover tooltip: the header line truncates long paths/commands, so the
+    // full string (or the unfolded terminal script) pops up after a dwell.
+    // Empty content is a no-op inside the hook.
+    const headerTooltip = useTooltip(() => {
+        if (title === undefined)
+            return displayArgs;
+        if (isTerminal)
+            return title;
+        return title.trim();
+    });
     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: ")" })] }))] }));
+        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", ...headerTooltip, children: [_jsx(Text, { children: "(" }), _jsx(SyntaxText, { text: clipHeaderArgs(displayArgs), sourceText: displayArgs, language: argsLanguage }), _jsx(Text, { children: ")" })] }))] }));
     }
     if (isTerminal) {
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), _jsx(Box, { flexWrap: "nowrap", children: folded === undefined ? (_jsxs(Text, { children: ["(", title, ")"] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { children: ["(", folded.first, ")"] }), _jsx(Text, { dimColor: true, children: ` … +${folded.hidden} lines (ctrl+o to expand)` })] })) })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), _jsx(Box, { flexWrap: "nowrap", ...headerTooltip, children: folded === undefined ? (_jsxs(Text, { children: ["(", title, ")"] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { children: ["(", folded.first, ")"] }), _jsx(Text, { dimColor: true, children: ` … +${folded.hidden} lines (ctrl+o to expand)` })] })) })] }));
     }
     const trimmed = title.trim();
     if (trimmed === '') {
@@ -242,7 +254,7 @@ function HeaderTitle({ name, title, isTerminal, folded, displayArgs, argsLanguag
         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) => {
+        return (_jsxs(Box, { flexWrap: "nowrap", ...headerTooltip, 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 }))] }));
@@ -250,7 +262,7 @@ function HeaderTitle({ name, title, isTerminal, folded, displayArgs, argsLanguag
     const space = trimmed.indexOf(' ');
     const head = space === -1 ? trimmed : trimmed.slice(0, space);
     const tail = space === -1 ? '' : trimmed.slice(space);
-    return (_jsx(Box, { flexWrap: "nowrap", children: _jsxs(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: [head, _jsx(Text, { bold: false, color: "text", children: tail })] }) }));
+    return (_jsx(Box, { flexWrap: "nowrap", ...headerTooltip, children: _jsxs(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: [head, _jsx(Text, { bold: false, color: "text", children: tail })] }) }));
 }
 /**
  * Tool-call card: `● Edit /path` header with a blinking status dot, then the
@@ -258,7 +270,11 @@ function HeaderTitle({ name, title, isTerminal, folded, displayArgs, argsLanguag
  * 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', onOpenFile, foldTerminalCommand = false, }) {
+export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, onClick, footnote, diffLayout = 'auto', toolBackground = 'none', onOpenFile, foldTerminalCommand = false, smoothReveal = false, fresh = false, }) {
+    // Reveal-frame wakeups: the shared scheduler bumps its version, which
+    // re-renders this card even while MemoRow props hold still (the reveal
+    // lives outside React — see smoothReveal.ts).
+    React.useSyncExternalStore(subscribeReveal, getRevealVersion);
     const isRunning = tool.status === 'running';
     const isError = tool.status === 'error';
     const displayArgs = verbose ? tool.argsFull ?? tool.argsText : tool.argsText;
@@ -323,6 +339,21 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
     // long error body must not be the reason it disappears.
     const lines = capLines(body, cap, verbose);
     const rendered = footnote === undefined ? lines : [...lines, { text: footnote, tone: 'hint' }];
+    // Smooth reveal (line-unit, pending CALL body only): model-authored prose
+    // (diff hunks, write content) flows in at ~30fps; the settled RESULT view,
+    // error bodies, verbose/expanded cards, and replayed (non-fresh) cards all
+    // paint complete. `snapReveal` on every non-revealable render retires a
+    // cursor the moment its card stops qualifying (result arrived, user
+    // expanded) — idempotent, safe during render.
+    const revealKey = `tool:${tool.callId}`;
+    const revealable = smoothReveal && !isError && isRunning && view !== undefined &&
+        tool.resultView === undefined && !verbose && !isExpanded && fresh;
+    if (!revealable)
+        snapReveal(revealKey);
+    const revealedLineCount = revealable
+        ? revealLinesOf(revealKey, rendered.length, { enabled: true, active: true })
+        : rendered.length;
+    const shownLines = revealedLineCount >= rendered.length ? rendered : rendered.slice(0, revealedLineCount);
     // Nested split-diff context panes must also yield to interaction highlights.
     // `none` leaves them transparent so the selected/expanded root shows through.
     const ordinaryToolBackground = isSelected || isExpanded ? 'none' : toolBackground;
@@ -344,7 +375,7 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, 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.
-        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, folded: foldedHeader, 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'
+        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, folded: foldedHeader, 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, reveal: revealable ? { key: `${revealKey}:split` } : undefined })] })) : (shownLines.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'

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

@@ -1 +1 @@
-{"version":3,"file":"UserPromptMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/UserPromptMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA6BzB"}
+{"version":3,"file":"UserPromptMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/UserPromptMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAmCzB"}

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

@@ -3,6 +3,7 @@ import { Box, Text, useTerminalSize } from '../../ui.js';
 import { POINTER } from '../../cc/figures.js';
 import { stringWidth } from '../../ink/stringWidth.js';
 import { wrapWidth } from '../../sessions/format.js';
+import { useTooltip } from '../Tooltip.js';
 /**
  * User prompt bubble: `❯ text` in bold briefLabelYou gold with no background
  * fill (Kimi Code style: the user turn gets a distinct bold tint so it reads
@@ -20,5 +21,10 @@ export function UserPromptMessage({ text, addMargin, isSelected = false, onClick
     // Ink; a second wrap would move the continuation back to column zero.
     const lines = wrapWidth(text, Math.max(1, columns - prefixWidth - 3));
     const continuationIndent = ' '.repeat(prefixWidth);
-    return (_jsx(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, paddingRight: 1, onClick: onClick, children: lines.map((line, index) => (_jsxs(Text, { color: "briefLabelYou", bold: true, wrap: "truncate-end", children: [index === 0 ? `${POINTER} ` : continuationIndent, line] }, index))) }));
+    // Hover tooltip: a message that wrapped/truncated onto several visual
+    // lines pops its full original text in one floating card (the pointer
+    // row only shows one visual line at a time).
+    const promptTooltip = useTooltip(text);
+    const tooltipActive = lines.length > 1;
+    return (_jsx(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, paddingRight: 1, onClick: onClick, ...(tooltipActive ? promptTooltip : {}), children: lines.map((line, index) => (_jsxs(Text, { color: "briefLabelYou", bold: true, wrap: "truncate-end", children: [index === 0 ? `${POINTER} ` : continuationIndent, line] }, index))) }));
 }

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

@@ -341,5 +341,5 @@ export function AskUserQuestionPanel({ question, position, total, answered, init
             ...(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(' · ') }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Divider, { color: "permission", title: headerTitle }), _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(' · ') }) })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PlanReviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/PlanReviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,MAAM,MAAM,oBAAoB,GAAG;IACjC,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,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAmQxC"}
+{"version":3,"file":"PlanReviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/questions/PlanReviewPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,MAAM,MAAM,oBAAoB,GAAG;IACjC,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,MAAM,CAAC,EAAE;YAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;YAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KAC7E,CAAA;IACD,QAAQ,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACzD,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAiSxC"}

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

@@ -17,7 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import React from 'react';
 import { t } from '../../i18n.js';
-import { Box, Text, useInput } from '../../ui.js';
+import { Box, Text, useInput, ScrollBox, useTerminalSize } from '../../ui.js';
 import { useDeclaredCursor } from '../../ink/hooks/use-declared-cursor.js';
 import { Divider } from '../design-system/Divider.js';
 import { Markdown } from '../Markdown.js';
@@ -34,6 +34,23 @@ export function PlanReviewPanel({ question, onAnswer, onCancel, }) {
     const [feedback, setFeedback] = React.useState('');
     const [cursor, setCursor] = React.useState(0);
     const [error, setError] = React.useState(null);
+    const { rows: terminalRows } = useTerminalSize();
+    // Chat chrome (status line) + panel scaffolding (divider, question,
+    // spacings, hint) consume twelve rows before the plan body — same
+    // constant as AskUserQuestionPanel. Option/feedback/error rows are
+    // charged on top so a long markdown detail cannot push them off-screen.
+    // A definite `height` (not just maxHeight) is required: otherwise the
+    // ScrollBox grows with the markdown and scrollBy is a no-op.
+    const optionRows = options.reduce((sum, option) => sum + (option.description === undefined ? 1 : 2), 0) + 1 /* extra gap on the focused option */ + 1; /* feedback row */
+    const reservedRows = 12 + optionRows + (error === null ? 0 : 2);
+    // Floor at zero, not four: on a short terminal the decision rows fill the
+    // budget and no plan-body rows remain. Forcing four here would re-inflate
+    // the panel past the viewport and push the controls off-screen again — the
+    // exact regression this panel exists to prevent. When nothing remains, the
+    // body viewport is omitted entirely (a zero-height ScrollBox is neither
+    // readable nor a useful wheel target).
+    const detailMax = Math.max(0, terminalRows - reservedRows);
+    const detailScrollRef = React.useRef(null);
     const inputFocused = focusIndex === options.length;
     // Park the native terminal cursor on the feedback caret so IME preedit
     // (pinyin) renders inline at the input instead of the screen's bottom row
@@ -87,7 +104,16 @@ export function PlanReviewPanel({ question, onAnswer, onCancel, }) {
         const text = feedback.trim();
         onAnswer({ selected: declineSelected(), ...(text !== '' ? { custom: text } : {}) });
     };
-    useInput((input, key) => {
+    useInput((input, key, event) => {
+        // Steal the wheel while this panel is mounted so Chat's fallback cannot
+        // scroll the transcript. Position-first already hits the ScrollBox when
+        // the pointer is over it; this covers the option/hint rows and any
+        // dispatchWheelAt miss. Up/Down stay on the decision rows.
+        if (key.wheelUp || key.wheelDown) {
+            detailScrollRef.current?.scrollBy(key.wheelUp ? -3 : 3);
+            event.stopImmediatePropagation();
+            return;
+        }
         if (key.escape || (key.ctrl && input === 'c')) {
             onCancel();
             return;
@@ -179,7 +205,7 @@ export function PlanReviewPanel({ question, onAnswer, onCancel, }) {
         setFocusIndex(options.length);
         setError(null);
     };
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Divider, { color: "permission", title: ` ${question.header ?? t('plan-review-fallback-header')} `, padding: 4 }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, wrap: "wrap", children: question.question }), question.detail !== undefined && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Markdown, { children: question.detail }) }))] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [options.map((option, index) => {
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Divider, { color: "permission", title: ` ${question.header ?? t('plan-review-fallback-header')} ` }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, wrap: "wrap", children: question.question }), question.detail !== undefined && detailMax > 0 && (_jsx(Box, { flexDirection: "column", marginTop: 1, height: detailMax, flexShrink: 0, children: _jsx(ScrollBox, { ref: detailScrollRef, flexDirection: "column", flexGrow: 1, height: detailMax, children: _jsx(Markdown, { children: question.detail }) }) }))] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [options.map((option, index) => {
                         const focused = index === focusIndex;
                         const isApprove = option.label === approveLabel;
                         return (_jsxs(Box, { flexDirection: "row", marginTop: focused ? 1 : 0, onClick: () => clickOption(index), onMouseEnter: () => setHoverIndex(index), onMouseLeave: () => setHoverIndex(current => (current === index ? -1 : current)), backgroundColor: hoverIndex === index && !focused ? 'userMessageBackgroundHover' : undefined, children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: focused ? 'claude' : undefined, bold: focused, children: focused ? POINTER : ' ' }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsxs(Text, { bold: focused, color: focused || isApprove ? 'claude' : undefined, wrap: "wrap", children: [index + 1, ". ", option.label] }), option.description !== undefined && (_jsx(Text, { dimColor: true, wrap: "wrap", children: option.description }))] })] }, option.label));

package/lib/types/components/sessions/SessionListRow.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { ClickEvent } from '../../ink/events/click-event.js';
+import type { ContextMenuEvent } from '../../ink/events/context-menu-event.js';
 import type { SessionSummary } from '../../dsh-adapter/sessions/index.js';
 /**
  * One session in the browser's list: a title line and a metadata line.
@@ -14,16 +15,22 @@ import type { SessionSummary } from '../../dsh-adapter/sessions/index.js';
  * stay exactly two lines at every terminal width, and a row that wraps
  * destroys the alignment that lets the eye scan a list at all.
  */
-export declare function SessionListRow({ session, width, depth, focused, now, onClick, }: {
+export declare function SessionListRow({ session, width, depth, focused, pinned, now, onClick, onContextMenu, onTogglePin, }: {
     session: SessionSummary;
     /** Columns available to the row, indentation included. */
     width: number;
     /** 0 for a conversation, 1 for a sub-agent run under its parent. */
     depth: number;
     focused: boolean;
+    /** Whether the user pinned this session to the top of the browser. */
+    pinned: boolean;
     /** Epoch ms used for every relative time in this render pass. */
     now: number;
     /** 鼠标点击行（fullscreen）：恢复该会话（与 Enter 同路径）。 */
     onClick?(event: ClickEvent): void;
+    /** 鼠标右键（fullscreen）：在该行弹出操作菜单（打开/固定/重命名/删除）。 */
+    onContextMenu?(event: ContextMenuEvent): void;
+    /** 点击行内 ★/☆（fullscreen）：切换固定状态，不冒泡成"打开会话"。 */
+    onTogglePin?(): void;
 }): React.ReactNode;
 //# sourceMappingURL=SessionListRow.d.ts.map

package/lib/types/components/sessions/SessionListRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/sessions/SessionListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAQjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEzE;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,EACH,OAAO,GACR,EAAE;IACD,OAAO,EAAE,cAAc,CAAA;IACvB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,iEAAiE;IACjE,GAAG,EAAE,MAAM,CAAA;IACX,4CAA4C;IAC5C,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,GAAG,KAAK,CAAC,SAAS,CA4ClB"}
+{"version":3,"file":"SessionListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/sessions/SessionListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAS9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAEzE;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,EACH,OAAO,EACP,aAAa,EACb,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,cAAc,CAAA;IACvB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAA;IACf,iEAAiE;IACjE,GAAG,EAAE,MAAM,CAAA;IACX,4CAA4C;IAC5C,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC,gDAAgD;IAChD,aAAa,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC7C,8CAA8C;IAC9C,WAAW,CAAC,IAAI,IAAI,CAAA;CACrB,GAAG,KAAK,CAAC,SAAS,CA8DlB"}

package/lib/types/components/sessions/SessionListRow.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text } from '../../ui.js';
 import { t } from '../../i18n.js';
+import { useTooltip } from '../Tooltip.js';
 import { formatBytes, formatWhen, kindMark, titleColor, truncateWidth, } from '../../sessions/format.js';
 /**
  * One session in the browser's list: a title line and a metadata line.
@@ -16,12 +17,13 @@ import { formatBytes, formatWhen, kindMark, titleColor, truncateWidth, } from '.
  * stay exactly two lines at every terminal width, and a row that wraps
  * destroys the alignment that lets the eye scan a list at all.
  */
-export function SessionListRow({ session, width, depth, focused, now, onClick, }) {
+export function SessionListRow({ session, width, depth, focused, pinned, now, onClick, onContextMenu, onTogglePin, }) {
     const indent = depth * 2;
     // Two cells for the focus marker, plus the indent for a nested run.
     const body = Math.max(8, width - 2 - indent);
     const mark = kindMark(session.kind);
     const [hovered, setHovered] = useState(false);
+    const pinTooltip = useTooltip(t(pinned ? 'resume-menu-unpin' : 'resume-menu-pin'));
     const facts = [formatWhen(session.updatedAt, now)];
     if (session.branch !== undefined)
         facts.push(session.branch);
@@ -33,5 +35,10 @@ export function SessionListRow({ session, width, depth, focused, now, onClick, }
     if (session.childCount > 0 && depth === 0) {
         facts.push(t('session-children', { n: session.childCount }));
     }
-    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, onClick: onClick, onMouseEnter: onClick !== undefined ? () => setHovered(true) : undefined, onMouseLeave: onClick !== undefined ? () => setHovered(false) : undefined, backgroundColor: hovered && !focused ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Box, { children: [_jsx(Text, { color: focused ? 'suggestion' : 'subtle', children: `${' '.repeat(indent)}${focused ? '❯ ' : '  '}` }), mark !== undefined && _jsx(Text, { color: mark.color, children: `${mark.glyph} ` }), _jsx(Text, { color: titleColor(session.title.source, focused), bold: focused, children: truncateWidth(session.label ?? session.title.text, body - (mark === undefined ? 0 : 2)) })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: `${' '.repeat(indent + 2)}${truncateWidth(facts.join(' · '), body)}` }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, onClick: onClick, onContextMenu: onContextMenu, onMouseEnter: onClick !== undefined || onContextMenu !== undefined ? () => setHovered(true) : undefined, onMouseLeave: onClick !== undefined || onContextMenu !== undefined ? () => setHovered(false) : undefined, backgroundColor: focused || hovered ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Box, { children: [_jsx(Text, { color: focused ? 'suggestion' : 'subtle', children: `${' '.repeat(indent)}${focused ? '❯ ' : '  '}` }), _jsx(Box, { ...pinTooltip, onClick: onTogglePin === undefined ? undefined : (event) => {
+                            // The star is a control on the row, not the row: a click here
+                            // toggles the pin and must never fall through to resume.
+                            event.stopImmediatePropagation();
+                            onTogglePin();
+                        }, children: _jsx(Text, { color: pinned ? 'remember' : undefined, dimColor: !pinned, children: pinned ? '★ ' : '☆ ' }) }), mark !== undefined && _jsx(Text, { color: mark.color, children: `${mark.glyph} ` }), _jsx(Text, { color: titleColor(session.title.source, focused), bold: focused, children: truncateWidth(session.label ?? session.title.text, body - 2 - (mark === undefined ? 0 : 2)) })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: `${' '.repeat(indent + 2)}${truncateWidth(facts.join(' · '), body)}` }) })] }));
 }

package/lib/types/components/sessions/SessionPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/sessions/SessionPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAQvF;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,KAAK,CAAC,SAAS,CA8DlB"}
+{"version":3,"file":"SessionPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/sessions/SessionPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAQvF;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,KAAK,CAAC,SAAS,CA2ElB"}

package/lib/types/components/sessions/SessionPreview.js

@@ -21,7 +21,9 @@ const ROLE = {
  * session is the same amount of work as on a 40 KB one.
  */
 export function SessionPreview({ session, entries, loading, width, height, home, now, }) {
-    const body = Math.max(8, width - 2);
+    const framed = width >= 24 && height >= 4;
+    const body = Math.max(8, width - (framed ? 4 : 2));
+    const bodyHeight = Math.max(0, height - (framed ? 2 : 0));
     // The pane is a fixed-height box, so its content is laid out as a flat list
     // of lines and cut to fit. Letting several adaptive paragraphs share a fixed
     // box lets them overlap once their natural height exceeds it.
@@ -55,6 +57,6 @@ export function SessionPreview({ session, entries, loading, width, height, home,
     }
     // Keep the newest content: an overlong preview is cut at the TOP, so the
     // last thing said is always the last thing visible.
-    const visible = lines.length > height ? lines.slice(lines.length - height) : lines;
-    return (_jsx(Box, { flexDirection: "column", width: width, height: height, flexShrink: 0, paddingLeft: 2, children: visible }));
+    const visible = lines.length > bodyHeight ? lines.slice(lines.length - bodyHeight) : lines;
+    return (_jsx(Box, { flexDirection: "column", width: width, height: height, flexShrink: 0, borderStyle: framed ? 'round' : undefined, borderColor: framed ? 'permission' : undefined, borderDimColor: true, paddingX: framed ? 1 : 0, paddingLeft: framed ? 1 : 2, overflow: "hidden", children: visible }));
 }

package/lib/types/components/sessions/WorkspaceListRow.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ClickEvent } from '../../ink/events/click-event.js';
+import type { WorkspaceGroup } from '../../sessions/view.js';
+/** One two-line working-directory choice in the /resume browser. */
+export declare function WorkspaceListRow({ workspace, all, totalProjects, totalSessions, width, focused, selected, home, now, onClick, }: {
+    workspace?: WorkspaceGroup;
+    all?: boolean;
+    totalProjects: number;
+    totalSessions: number;
+    width: number;
+    focused: boolean;
+    selected: boolean;
+    home: string;
+    now: number;
+    onClick?(event: ClickEvent): void;
+}): React.ReactNode;
+//# sourceMappingURL=WorkspaceListRow.d.ts.map

package/lib/types/components/sessions/WorkspaceListRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/sessions/WorkspaceListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAE5D,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,EACH,aAAa,EACb,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,OAAO,GACR,EAAE;IACD,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,GAAG,KAAK,CAAC,SAAS,CAwClB"}

package/lib/types/components/sessions/WorkspaceListRow.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from '../../ui.js';
+import { t } from '../../i18n.js';
+import { formatProject, formatWhen, projectName, spreadRow, truncateWidth } from '../../sessions/format.js';
+/** One two-line working-directory choice in the /resume browser. */
+export function WorkspaceListRow({ workspace, all, totalProjects, totalSessions, width, focused, selected, home, now, onClick, }) {
+    const [hovered, setHovered] = useState(false);
+    const body = Math.max(8, width - 4);
+    const count = all ? totalSessions : workspace?.count ?? 0;
+    const title = all ? t('session-workspace-all') : projectName(workspace?.cwd ?? '');
+    const badge = all
+        ? t('session-workspace-project-count', { n: totalProjects })
+        : workspace?.current
+            ? `${t('session-workspace-current')} · ${t('session-count-shown', { n: count })}`
+            : t('session-count-shown', { n: count });
+    const heading = spreadRow(`${all ? '◎' : '▣'} ${title}`, `${selected ? '✓ ' : ''}${badge}`, body);
+    const detail = all
+        ? t('session-workspace-all-detail', { n: count })
+        : [
+            formatProject(workspace?.cwd ?? '', home),
+            count > 0 && workspace !== undefined
+                ? formatWhen(workspace.updatedAt, now)
+                : t('session-workspace-empty'),
+        ].filter(Boolean).join(' · ');
+    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, paddingX: 1, onClick: onClick, onMouseEnter: onClick === undefined ? undefined : () => setHovered(true), onMouseLeave: onClick === undefined ? undefined : () => setHovered(false), backgroundColor: focused || hovered ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Box, { height: 1, flexShrink: 0, overflow: "hidden", children: [_jsx(Text, { color: focused ? 'suggestion' : 'subtle', children: focused ? '❯ ' : '  ' }), _jsx(Text, { color: focused ? 'suggestion' : selected ? 'success' : 'text', bold: focused || selected, children: heading.left }), _jsx(Text, { dimColor: !focused, children: `${' '.repeat(heading.gap)}${heading.right}` })] }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: `  ${truncateWidth(detail, body - 2)}` })] }));
+}

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

@@ -0,0 +1,97 @@
+/**
+ * Smooth streaming reveal — decouples "text the provider has delivered" from
+ * "text the screen is showing" (the oh-my-pi `display.smoothStreaming` idea,
+ * see their `StreamingRevealController`). A shared ~30fps scheduler advances
+ * each reveal cursor by an adaptive catch-up step, so burst-delivered text (a
+ * slow provider dumping a large batch, or a non-streaming response arriving
+ * whole) paints as a brief even flow instead of one jarring jump, while
+ * genuinely streaming text is re-paced to a steady cadence regardless of
+ * chunk timing.
+ *
+ * Step math (per frame): `max(MIN_STEP, ceil(backlog / CATCHUP_FRAMES))` —
+ * an EXPONENTIAL decay over the backlog (each frame removes ~1/8 of what is
+ * still unrevealed, the oh-my-pi semantics exactly): a large burst lands its
+ * first three quarters within a few frames, the remainder tapers, and the
+ * MIN_STEP floor turns the tail into a steady linear crawl so the reveal
+ * always finishes. A ~2000-character one-shot delivery paints fully in
+ * roughly 1.5s; genuinely streaming text (small backlogs) paces at a steady
+ * per-frame rate. The reveal never runs ahead of what has arrived.
+ *
+ * ARCHITECTURE — module-level cursors, not component state. dsh-tui's
+ * transcript virtualization feeds on MemoRow prop changes (flattened
+ * primitives) and re-measures mounted rows after every MessageList commit;
+ * a reveal living in child-component state would change row heights without
+ * touching those props, and the memo/signature/height-measure chain would
+ * never notice (stale cached heights → blank bands). Instead the cursors
+ * live here keyed by row identity, the READS happen during render (they feed
+ * the same flattened `text` prop the streaming path already uses), and the
+ * WRITES happen on the scheduler tick, which bumps a version that
+ * MessageList subscribes to via useSyncExternalStore. A reveal therefore
+ * rides the exact same update pipeline as an arriving chunk: prop change →
+ * memo miss → re-render → post-commit measurement. Render-phase reads are
+ * idempotent and safe to re-run (a discarded concurrent render at worst
+ * creates a cursor the tick soon retires).
+ *
+ * Unit model: reveal positions are UTF-16 code units (Chinese text is one
+ * unit per character). Surrogate pairs are never split (see {@link
+ * safeSliceEnd}); grapheme clusters longer than a surrogate pair (emoji ZWJ
+ * chains) may briefly show a partial cluster mid-reveal — transient frames
+ * repaint within 33ms, and settled rendering is always the full text.
+ */
+/** Reveal tick cadence — ~30fps, matching oh-my-pi's controller. */
+export declare const REVEAL_FRAME_MS: number;
+/** Minimum units (code units or lines) advanced per tick while work remains. */
+export declare const REVEAL_MIN_STEP = 3;
+/** Catch-up bound: the reveal settles any backlog within this many frames. */
+export declare const REVEAL_CATCHUP_FRAMES = 8;
+/** Adaptive per-frame step for a backlog (exported for tests). */
+export declare function revealStep(backlog: number): number;
+/** Subscribe to reveal-frame wakeups (MessageList + tool cards). */
+export declare function subscribeReveal(listener: () => void): () => void;
+/** Snapshot for useSyncExternalStore; bumps once per advancing tick. */
+export declare function getRevealVersion(): number;
+/** Force-complete (and forget) a cursor: expanded card, replaced view, … */
+export declare function snapReveal(key: string): void;
+export type RevealReadOptions = {
+    /** Master switch (settings `dsh-tui.smoothStreaming`); false = full text. */
+    enabled: boolean;
+    /**
+     * Whether this content arrived "just now" (live streaming row, freshly
+     * settled row, live-created tool card). The FIRST read with active=true
+     * creates the cursor at zero — that is what turns a one-shot
+     * non-streaming delivery into a smooth paint. Reading with active=false
+     * (history / replayed content) never creates one: replaying a transcript
+     * must not typewrite every row. `active` only matters for cursor creation;
+     * settling mid-reveal deliberately keeps revealing (the "non-streaming
+     * becomes streaming" contract).
+     */
+    active: boolean;
+};
+/**
+ * Revealed length of `text` for `key` — the cursor logic of
+ * {@link revealTextOf} without the slice allocation (layout signatures read
+ * this every render for every visible row).
+ */
+export declare function revealLengthOf(key: string, text: string, options: RevealReadOptions): number;
+/**
+ * Revealed prefix of `text` for `key`. Monotonic appends (streaming deltas)
+ * keep the cursor; a non-prefix replacement (rewind, folded preview
+ * truncation) snaps to the new text — never animate across a discontinuity
+ * the reader did not witness as streaming. Feed the result into the
+ * streaming renderer (StreamingMarkdown); the monotonic prefix it receives
+ * keeps its stable-prefix memoization fully effective.
+ */
+export declare function revealTextOf(key: string, text: string, options: RevealReadOptions): string;
+/**
+ * Revealed unit count for `key` over `total` units (tool-card body lines,
+ * split-diff rows). A SMALLER total always snaps (content that shrank is a
+ * replacement, not an append); growth keeps the cursor. Callers own the
+ * append-vs-replace decision for growing totals (pass a fresh key or call
+ * {@link snapReveal} when the content behind the same key is replaced).
+ */
+export declare function revealLinesOf(key: string, total: number, options: RevealReadOptions): number;
+/** Clear every cursor/listener/timer (verify scripts between cases). */
+export declare function resetRevealForTest(): void;
+/** Whether the shared scheduler currently runs (refcount assertions). */
+export declare function isRevealTimerRunning(): boolean;
+//# sourceMappingURL=smoothReveal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smoothReveal.d.ts","sourceRoot":"","sources":["../../../src/components/smoothReveal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,oEAAoE;AACpE,eAAO,MAAM,eAAe,QAAY,CAAA;AACxC,gFAAgF;AAChF,eAAO,MAAM,eAAe,IAAI,CAAA;AAChC,8EAA8E;AAC9E,eAAO,MAAM,qBAAqB,IAAI,CAAA;AAEtC,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAElD;AAwGD,oEAAoE;AACpE,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAKhE;AAED,wEAAwE;AACxE,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AAED,4EAA4E;AAC5E,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAE5C;AAMD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,6EAA6E;IAC7E,OAAO,EAAE,OAAO,CAAA;IAChB;;;;;;;;;OASG;IACH,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAiC5F;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAI1F;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAqC5F;AAMD,wEAAwE;AACxE,wBAAgB,kBAAkB,IAAI,IAAI,CAUzC;AAED,yEAAyE;AACzE,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C"}