@deepseek-harness-tui/dsh-tui 0.10.2 → 0.11.1

package/lib/types/components/ScrollbarGutter.js

@@ -1,12 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Text, NoSelect } from '../ui.js';
+import { FRAME_INTERVAL_MS } from '../ink/constants.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;
+/**
+ * Post-landing settle reads (see the subscribe effect): how many deferred
+ * re-reads follow a landing before giving up. The re-pinning Ink pass lands
+ * a frame or two after the commit, so a single read can still catch the
+ * pre-landing geometry — the bound only exists so a frame that never
+ * settles cannot chain renders forever.
+ */
+const PIN_SETTLE_CHECKS = 3;
 /**
  * Proportional scrollbar for the fullscreen transcript's gutter — the
  * `scrollbar` option of the `dsh-tui.scrollGutter` setting (the timeline
@@ -17,19 +26,38 @@ const CHIP_DWELL_MS = 250;
  *  - clicking the track scrolls the clicked position to the viewport top
  *    (classic scrollbar semantics — the thumb centers under the click
  *    through the follow-up renders);
+ *  - dragging the track scrubs the transcript: the drag protocol's
+ *    per-target localRow maps through the SAME trackScrollTop as a click
+ *    (absolute mapping — drag to point, no grabbed thumb offset), so a
+ *    drag is a continuous run of click-to-position jumps. The mapping only
+ *    reads the render-time maxScroll/trackH and never re-reads scrollTop
+ *    mid-gesture, so a throttled/clamped scrollTo cannot feed back into the
+ *    pointer mapping (no jitter). Dragging the thumb therefore lands the
+ *    pointer's row at the viewport top, exactly like clicking that row;
+ *  - a landing (drag or the back-to-bottom affordance) breaks and re-pins
+ *    sticky, which unmounts the chrome that had shrunk the transcript row;
+ *    the re-pinning Ink pass follows the commit and fires no subscriber
+ *    notify, so the gutter re-reads the handle once that frame lands (see
+ *    the subscribe effect). Without it the thumb stays painted from the
+ *    shrunken viewport and floats a few rows above the bottom until an
+ *    unrelated render (hover) re-reads the handle;
  *  - the gutter is permanent while scrollable (Qwen's rule: an
  *    auto-hiding gutter that changes content width rewraps everything);
  *    hidden below 60 terminal columns or when the content fits (inline
  *    mode keeps the terminal's native scrollback);
  *  - NoSelect fences the glyphs out of click-drag text selection; the
- *    wheel over the gutter scrolls the transcript.
- *
- * Thumb dragging is intentionally NOT implemented (Grok's MVP rule): a
- * proportional thumb encodes position, and the tick rail remains the
- * semantic navigator. Click-to-position covers the same need.
+ *    wheel over the gutter scrolls the transcript. Because the track is a
+ *    drag target, an unmodified left drag scrubs instead of selecting, and
+ *    multi-clicks on the track no longer feed the select-line chain;
+ *    Shift/Alt/Ctrl drags never open a drag session and keep the
+ *    selection path.
  */
 export function ScrollbarGutter({ handle, terminalWidth, }) {
     const [, setTick] = React.useState(0);
+    // Geometry the last render painted with. The Ink render pass runs AFTER
+    // React's commit, so the commit that lands a pinned view can paint from
+    // geometry that pass is about to change (see the subscribe effect).
+    const geomRef = React.useRef('');
     // 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
@@ -53,12 +81,57 @@ export function ScrollbarGutter({ handle, terminalWidth, }) {
     React.useEffect(() => {
         if (!handle)
             return;
-        return handle.subscribe(() => setTick(t => t + 1));
+        const readGeom = () => `${handle.getScrollTop()}:${handle.getScrollHeight()}:${handle.getViewportHeight()}`;
+        let timer = null;
+        let checksLeft = 0;
+        // Landing settle re-read. Reaching the bottom breaks and then re-pins
+        // sticky; the commit that consumes the notification paints while the
+        // chrome that shrank the transcript row (`PinnedTurnHeader` +
+        // "return to bottom" pill, both `!isSticky`) is still mounted, and the
+        // NEXT Ink pass then grows the viewport back and re-pins scrollTop to
+        // the taller maxScroll — with NO subscriber notify, because sticky
+        // never flips again (ScrollBox's subscribe contract). Nothing would
+        // re-read the handle, so the thumb stays painted from the shrunken
+        // viewport and floats above the bottom until an unrelated render
+        // (hover) rescues it. Re-read once that pass has landed and re-render
+        // if the geometry moved; only pinned notifications arm this (a landing
+        // is the one shape that can be re-pinned after the commit), so the
+        // cost is a couple of timers per landing, never per scroll frame.
+        const settle = () => {
+            timer = null;
+            if (readGeom() !== geomRef.current)
+                setTick(t => t + 1);
+            if (--checksLeft > 0)
+                timer = setTimeout(settle, FRAME_INTERVAL_MS);
+        };
+        const unsubscribe = handle.subscribe(() => {
+            setTick(t => t + 1);
+            if (!handle.isSticky())
+                return;
+            checksLeft = PIN_SETTLE_CHECKS;
+            if (timer === null)
+                timer = setTimeout(settle, FRAME_INTERVAL_MS);
+        });
+        return () => {
+            unsubscribe();
+            if (timer !== null)
+                clearTimeout(timer);
+        };
     }, [handle]);
+    // Geometry the last COMMITTED render painted with: captured during render,
+    // but the ref write happens in the layout effect below — this root is a
+    // ConcurrentRoot, so a render pass can be discarded, and a render-phase
+    // write would leak a frame that never painted into settle()'s diff.
+    const viewport = handle === null ? 0 : handle.getViewportHeight();
+    const content = handle === null ? 0 : handle.getScrollHeight();
+    const scrollTop = handle === null ? 0 : handle.getScrollTop();
+    const geom = handle === null ? null : `${scrollTop}:${content}:${viewport}`;
+    React.useLayoutEffect(() => {
+        if (geom !== null)
+            geomRef.current = geom;
+    }, [geom]);
     if (!handle)
         return null;
-    const viewport = handle.getViewportHeight();
-    const content = handle.getScrollHeight();
     const maxScroll = Math.max(0, content - viewport);
     if (viewport < 2 || content <= viewport || terminalWidth < RAIL_MIN_TERMINAL_WIDTH)
         return null;
@@ -67,10 +140,12 @@ export function ScrollbarGutter({ handle, terminalWidth, }) {
     // top follows scrollTop over the scroll range.
     const thumbH = Math.max(2, Math.round((viewport * viewport) / content));
     const trackH = Math.max(1, viewport - thumbH);
-    const thumbTop = Math.round((handle.getScrollTop() / Math.max(1, maxScroll)) * trackH);
+    const thumbTop = Math.round((scrollTop / Math.max(1, maxScroll)) * trackH);
     const thumbBottom = Math.min(viewport, thumbTop + thumbH);
     // Clicking the track maps the clicked row's position on the track back
     // to a scrollTop and scrolls that content position to the viewport top.
+    // Dragging reuses the same mapping per motion through the drag protocol's
+    // target-relative localRow (the outer track is the single drag target).
     const trackScrollTop = (y) => {
         if (y <= 0)
             return 0;
@@ -78,6 +153,9 @@ export function ScrollbarGutter({ handle, terminalWidth, }) {
             return maxScroll;
         return Math.round((y / trackH) * maxScroll);
     };
+    const applyDragRow = (event) => {
+        handle.scrollTo(trackScrollTop(event.localRow));
+    };
     const rows = [];
     for (let y = 0; y < viewport; y++) {
         const inThumb = y >= thumbTop && y < thumbBottom;
@@ -115,5 +193,5 @@ export function ScrollbarGutter({ handle, terminalWidth, }) {
     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, hoverChip] }) }));
+            }, onDragStart: applyDragRow, onDragMove: applyDragRow, onDragEnd: applyDragRow, style: { flexDirection: 'column', flexShrink: 0, width: RAIL_WIDTH }, children: [rows, hoverChip] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SplitDiffView.d.ts","sourceRoot":"","sources":["../../../src/components/SplitDiffView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAG/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAwR3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAuB,EACvB,MAAM,GACP,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAA;IACxC;;;;;;OAMG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3C,GAAG,KAAK,CAAC,SAAS,CAwFlB"}
+{"version":3,"file":"SplitDiffView.d.ts","sourceRoot":"","sources":["../../../src/components/SplitDiffView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAI/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAwR3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAuB,EACvB,MAAM,GACP,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAA;IACxC;;;;;;OAMG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3C,GAAG,KAAK,CAAC,SAAS,CAwFlB"}

package/lib/types/components/SplitDiffView.js

@@ -10,6 +10,7 @@ import { highlightLines, syntaxThemeSignature } from '../terminal-utils/syntaxRu
 export { chalkFromToken } from '../terminal-utils/syntaxTheme.js';
 export { parseAnsiRuns, highlightLines } from '../terminal-utils/syntaxRuns.js';
 import { getTheme } from '../theme.js';
+import { t } from '../i18n.js';
 import { useTheme } from './design-system/ThemeProvider.js';
 import { revealLinesOf } from './smoothReveal.js';
 /** Replace tabs so width math and alignment hold (pi convention). */
@@ -274,5 +275,5 @@ export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground =
                     ? undefined
                     : { segments: newRuns !== undefined ? mergeRuns(newRuns, row.newWords) : row.newWords };
                 return (_jsxs(Box, { flexDirection: "row", children: [_jsx(PaneLine, { side: oldSide, kind: row.kind === 'add' ? 'context' : row.kind, tone: "old", width: paneWidth, toolBackground: toolBackground }), _jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: "\u2502" }) }), _jsx(PaneLine, { side: newSide, kind: row.kind === 'del' ? 'context' : row.kind, tone: "new", width: paneWidth, toolBackground: toolBackground, padLeft: true })] }, index));
-            }), hidden > 0 && (_jsx(Text, { dimColor: true, children: `… +${hidden} lines (ctrl+o to expand)` }))] }));
+            }), hidden > 0 && (_jsx(Text, { dimColor: true, children: t('lines-folded-expand', { n: hidden }) }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"StreamingMarkdown.d.ts","sourceRoot":"","sources":["../../../src/components/StreamingMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAqMzB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAyIlB"}
+{"version":3,"file":"StreamingMarkdown.d.ts","sourceRoot":"","sources":["../../../src/components/StreamingMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuMzB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAyIlB"}

package/lib/types/components/StreamingMarkdown.js

@@ -4,7 +4,7 @@ import { marked } from 'marked';
 import Box from '../ink/components/Box.js';
 import { formatToken, stripPromptXMLTags } from '../terminal-utils/markdown.js';
 import { t } from '../i18n.js';
-import { Markdown } from './Markdown.js';
+import { isStandaloneToken, Markdown } from './Markdown.js';
 /**
  * Renders streaming markdown in sealed groups of completed top-level blocks.
  * Only the unsealed group and growing final block change as text arrives.
@@ -50,7 +50,7 @@ function clipSuffixTail(suffix, cut) {
 const UNSAFE_BOUNDARY = {
     safe: false,
     gap: 0,
-    endsWithTable: false,
+    endsWithNode: false,
     trailingEmptyTextNode: false,
 };
 /**
@@ -70,8 +70,8 @@ function blankTokenNewlines(type) {
  * Analyze the candidate stable tokens using the same formatter as Markdown.
  * Both split halves trim their outer whitespace, so the trailing newline count
  * determines the Yoga gap: one newline merely starts the next row; every
- * additional newline is one genuinely blank row. Tables are separate layout
- * nodes and therefore keep Markdown's fixed one-row node gap.
+ * additional newline is one genuinely blank row. Standalone nodes are
+ * separate layout nodes and therefore keep Markdown's fixed one-row node gap.
  *
  * Only the LAST token that can produce visible text decides the outcome, so
  * the region is walked backwards and formatted one token at a time instead of
@@ -79,14 +79,14 @@ function blankTokenNewlines(type) {
  * boundary. `formatToken` runs once for the common case.
  */
 function analyzeStableBoundary(tokens, suffixIndex) {
-    // A table resets the accumulated text, so only the segment after the last
-    // one matters; anything before it is already folded into the table branch.
+    // A standalone node resets the accumulated text, so only the segment after
+    // the last one matters; anything before it is already folded into the node branch.
     let segmentStart = 0;
-    let hasTable = false;
+    let hasNode = false;
     for (let i = suffixIndex - 1; i >= 0; i--) {
-        if (tokens[i].type === 'table') {
+        if (isStandaloneToken(tokens[i])) {
             segmentStart = i + 1;
-            hasTable = true;
+            hasNode = true;
             break;
         }
     }
@@ -116,17 +116,17 @@ function analyzeStableBoundary(tokens, suffixIndex) {
         return {
             safe: true,
             gap: Math.max(0, trailingNewlines - 1),
-            endsWithTable: false,
+            endsWithNode: false,
             trailingEmptyTextNode: false,
         };
     }
-    if (hasTable) {
+    if (hasNode) {
         return {
             safe: true,
             gap: 1,
-            endsWithTable: true,
-            // Whitespace after the table still occupies a zero-height text node
-            // between two tables.
+            endsWithNode: true,
+            // Whitespace after the node still occupies a zero-height text node
+            // between two standalone nodes.
             trailingEmptyTextNode: blankNewlines > 0,
         };
     }
@@ -141,14 +141,16 @@ function analyzeStableBoundary(tokens, suffixIndex) {
 function analyzeSuffixStart(tokens, startIndex) {
     let leadingNewlines = 0;
     for (let i = startIndex; i < tokens.length; i++) {
-        const type = tokens[i]?.type;
-        if (type === 'table')
-            return { kind: 'table', leadingNewlines };
-        if (type === 'space' || type === 'br') {
+        const token = tokens[i];
+        if (token === undefined)
+            break;
+        if (isStandaloneToken(token))
+            return { kind: 'node', leadingNewlines };
+        if (token.type === 'space' || token.type === 'br') {
             leadingNewlines += 1;
             continue;
         }
-        if (type === 'def' || type === 'del' || type === 'html')
+        if (token.type === 'def' || token.type === 'del' || token.type === 'html')
             continue;
         return { kind: 'text', leadingNewlines };
     }
@@ -157,10 +159,10 @@ function analyzeSuffixStart(tokens, startIndex) {
 function gapBetween(boundary, start) {
     if (start.kind === undefined)
         return 0;
-    if (boundary.endsWithTable) {
-        return start.kind === 'table' && (boundary.trailingEmptyTextNode || start.leadingNewlines > 0) ? 2 : 1;
+    if (boundary.endsWithNode) {
+        return start.kind === 'node' && (boundary.trailingEmptyTextNode || start.leadingNewlines > 0) ? 2 : 1;
     }
-    return start.kind === 'table' ? 1 : boundary.gap + start.leadingNewlines;
+    return start.kind === 'node' ? 1 : boundary.gap + start.leadingNewlines;
 }
 export function StreamingMarkdown({ children, dimColor = false, }) {
     // The prefix tracks source offsets; its rendered blocks are sealed once
@@ -173,7 +175,7 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     const cutRef = React.useRef(0);
     const boundaryGapRef = React.useRef(0);
     const prefixVisibleRef = React.useRef(false);
-    const prefixEndsWithTableRef = React.useRef(false);
+    const prefixEndsWithNodeRef = React.useRef(false);
     const prefixTrailingEmptyTextRef = React.useRef(false);
     const stripped = stripPromptXMLTags(children);
     // Reset if text was replaced (defensive; normally unmount handles this)
@@ -182,7 +184,7 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
         cutRef.current = 0;
         boundaryGapRef.current = 0;
         prefixVisibleRef.current = false;
-        prefixEndsWithTableRef.current = false;
+        prefixEndsWithNodeRef.current = false;
         prefixTrailingEmptyTextRef.current = false;
         blocksRef.current = {
             blocks: [], end: 0, tokens: [], tail: '', tailGap: 0,
@@ -241,7 +243,7 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
             prefixRef.current = stripped.substring(0, boundary + advance);
             boundaryGapRef.current = stableBoundary.gap;
             prefixVisibleRef.current = true;
-            prefixEndsWithTableRef.current = stableBoundary.endsWithTable;
+            prefixEndsWithNodeRef.current = stableBoundary.endsWithNode;
             prefixTrailingEmptyTextRef.current = stableBoundary.trailingEmptyTextNode;
             suffixTokenIndex = lastContentIdx;
         }
@@ -257,12 +259,12 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
         ? { kind: 'text', leadingNewlines: 0 }
         : analyzeSuffixStart(tokens, suffixTokenIndex);
     const boundaryGap = prefixVisibleRef.current && suffixStart.kind !== undefined
-        ? prefixEndsWithTableRef.current
-            ? suffixStart.kind === 'table' &&
+        ? prefixEndsWithNodeRef.current
+            ? suffixStart.kind === 'node' &&
                 (prefixTrailingEmptyTextRef.current || suffixStart.leadingNewlines > 0)
                 ? 2
                 : 1
-            : suffixStart.kind === 'table'
+            : suffixStart.kind === 'node'
                 ? 1
                 : boundaryGapRef.current + suffixStart.leadingNewlines
         : 0;

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,CA0C/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,CAgD/F"}

package/lib/types/components/SubagentCard.js

@@ -9,7 +9,11 @@ function formatDuration(ms) {
 }
 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;
+    // Only a live run ticks; discovered history (`unknown`) has no end time to
+    // count from, so it must not accumulate a fake growing duration.
+    const elapsed = running
+        ? Date.now() - subagent.startedAt
+        : subagent.completedAt !== undefined ? subagent.completedAt - subagent.startedAt : undefined;
     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).
@@ -22,12 +26,14 @@ export function SubagentCard({ subagent, focused, onClick }) {
     const liveLine = running ? subagent.output[subagent.output.length - 1] : undefined;
     const minimal = isMinimalMode();
     const glyph = running ? (minimal ? '·' : '🟡')
-        : subagent.status === 'failed' || subagent.status === 'cancelled' ? (minimal ? '×' : '🔴')
-            : (minimal ? '✓' : '🟢');
+        : subagent.status === 'unknown' ? (minimal ? '·' : '⚪')
+            : subagent.status === 'failed' || subagent.status === 'cancelled' ? (minimal ? '×' : '🔴')
+                : (minimal ? '✓' : '🟢');
     const glyphColor = minimal ? undefined
         : running ? 'warning'
-            : subagent.status === 'failed' || subagent.status === 'cancelled' ? 'error'
-                : 'success';
+            : subagent.status === 'unknown' ? 'subtle'
+                : subagent.status === 'failed' || subagent.status === 'cancelled' ? 'error'
+                    : 'success';
     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 ? 'accent' : 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}` })] });
+    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 ? 'accent' : undefined, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: ' · ' }), _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), _jsxs(Text, { dimColor: true, children: [elapsed !== undefined ? ` · ${formatDuration(elapsed)} · ` : ' · ', total || '—', " tok \u00B7 ", subagent.toolCalls.length, " tools"] })] })] }), liveLine && _jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${liveLine}` })] });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SubagentDetailScene.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentDetailScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAuGhE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,aAAa,CAAA;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,EAAE,wBAAwB,GAAG,KAAK,CAAC,SAAS,CA8M5C"}
+{"version":3,"file":"SubagentDetailScene.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentDetailScene.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAwGhE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,aAAa,CAAA;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,EAAE,wBAAwB,GAAG,KAAK,CAAC,SAAS,CAiN5C"}

package/lib/types/components/SubagentDetailScene.js

@@ -28,6 +28,8 @@ function statusGlyph(status) {
         return { glyph: minimal ? '×' : '🔴', color: minimal ? undefined : 'error', label: 'failed' };
     if (status === 'cancelled')
         return { glyph: minimal ? '×' : '🔴', color: minimal ? undefined : 'error', label: 'cancelled' };
+    if (status === 'unknown')
+        return { glyph: minimal ? '·' : '⚪', color: minimal ? undefined : 'subtle', label: 'history' };
     return { glyph: minimal ? '·' : '🟡', color: minimal ? undefined : 'warning', label: 'running' };
 }
 const PAGES = ['summary', 'output', 'tools'];
@@ -37,7 +39,7 @@ function StatRow({ label, children }) {
 }
 /** Two-column key/value stats grid (Kimi Code settled summary style). */
 function StatGrid({ subagent, totalTokens, elapsed, statusLabel, statusColor }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatRow, { label: t('subagent-status-label'), children: _jsx(Text, { color: statusColor, children: statusLabel }) }), _jsx(StatRow, { label: t('subagent-model'), children: _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }) }), _jsx(StatRow, { label: t('subagent-duration'), children: _jsx(Text, { children: formatDuration(elapsed) }) }), _jsx(StatRow, { label: "tokens", children: _jsxs(Text, { children: [totalTokens || '—', subagent.tokens?.input !== undefined ? ` (in ${subagent.tokens.input} · out ${subagent.tokens.output ?? 0})` : ''] }) }), _jsx(StatRow, { label: t('subagent-tools'), children: _jsx(Text, { children: subagent.toolCalls.length }) }), _jsx(StatRow, { label: t('subagent-started'), children: _jsx(Text, { children: formatTimestamp(subagent.startedAt) }) }), subagent.completedAt !== undefined && (_jsx(StatRow, { label: t('subagent-completed'), children: _jsx(Text, { children: formatTimestamp(subagent.completedAt) }) }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatRow, { label: t('subagent-status-label'), children: _jsx(Text, { color: statusColor, children: statusLabel }) }), _jsx(StatRow, { label: t('subagent-model'), children: _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }) }), _jsx(StatRow, { label: t('subagent-duration'), children: _jsx(Text, { children: elapsed !== undefined ? formatDuration(elapsed) : '—' }) }), _jsx(StatRow, { label: "tokens", children: _jsxs(Text, { children: [totalTokens || '—', subagent.tokens?.input !== undefined ? ` (in ${subagent.tokens.input} · out ${subagent.tokens.output ?? 0})` : ''] }) }), _jsx(StatRow, { label: t('subagent-tools'), children: _jsx(Text, { children: subagent.toolCalls.length }) }), _jsx(StatRow, { label: t('subagent-started'), children: _jsx(Text, { children: formatTimestamp(subagent.startedAt) }) }), subagent.completedAt !== undefined && (_jsx(StatRow, { label: t('subagent-completed'), children: _jsx(Text, { children: formatTimestamp(subagent.completedAt) }) }))] }));
 }
 /** Tool args line: JSON-looking args get cli-highlight syntax colors (loaded
  * lazily through the shared promise); anything else stays a dim flat line. */
@@ -77,7 +79,10 @@ export function SubagentDetailScene({ subagent, onBack, onInterrupt, }) {
     const { rows, columns } = useTerminalSize();
     const [page, setPage] = React.useState('summary');
     const isRunning = subagent.status === 'running' || subagent.status === 'starting';
-    const elapsed = subagent.completedAt ? subagent.completedAt - subagent.startedAt : Date.now() - subagent.startedAt;
+    // Only a live run ticks; discovered history (`unknown`) shows no duration.
+    const elapsed = isRunning
+        ? Date.now() - subagent.startedAt
+        : subagent.completedAt !== undefined ? subagent.completedAt - subagent.startedAt : undefined;
     const info = statusGlyph(subagent.status);
     const totalTokens = subagent.tokens?.total ?? ((subagent.tokens?.input ?? 0) + (subagent.tokens?.output ?? 0) || 0);
     const pageIndex = PAGES.indexOf(page);
@@ -137,6 +142,6 @@ export function SubagentDetailScene({ subagent, onBack, onInterrupt, }) {
         const active = page === name;
         return (_jsxs(React.Fragment, { children: [_jsx(Box, { onClick: () => setPage(name), backgroundColor: !active ? 'userMessageBackgroundHover' : undefined, children: _jsx(Text, { color: active ? 'accent' : undefined, bold: active, inverse: active, children: ` ${label} ` }) }), _jsx(Text, { dimColor: true, children: name === PAGES[PAGES.length - 1] ? '' : '│' })] }, name));
     };
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: info.color, bold: true, children: info.glyph }), _jsx(Text, { bold: true, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label }), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: onBack })] }), _jsxs(Text, { children: [_jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), _jsx(Text, { dimColor: true, children: ` · ${formatDuration(elapsed)} · ${totalTokens || '—'} tok · ${subagent.toolCalls.length} tools` })] }), _jsxs(Text, { dimColor: true, children: [`${t('subagent-started')} ${formatTimestamp(subagent.startedAt)}`
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: info.color, bold: true, children: info.glyph }), _jsx(Text, { bold: true, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label }), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: onBack })] }), _jsxs(Text, { children: [_jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), _jsxs(Text, { dimColor: true, children: [elapsed !== undefined ? ` · ${formatDuration(elapsed)} · ` : ' · ', totalTokens || '—', " tok \u00B7 ", subagent.toolCalls.length, " tools"] })] }), _jsxs(Text, { dimColor: true, children: [`${t('subagent-started')} ${formatTimestamp(subagent.startedAt)}`
                         + (subagent.completedAt ? ` · ${t('subagent-completed')} ${formatTimestamp(subagent.completedAt)}` : ''), ` · id ${subagent.agentId}`] }), subagent.error && (_jsx(Box, { marginTop: 0, children: _jsx(Text, { color: "error", wrap: "wrap", children: `${t('subagent-error-label')}: ${subagent.error}` }) })), _jsxs(Box, { flexDirection: "row", gap: 0, marginTop: 1, children: [tab('summary', t('subagent-tab-summary')), tab('output', t('subagent-output-label')), tab('tools', t('subagent-tools')), _jsx(Text, { dimColor: true, children: `  ${pageIndex + 1}/${PAGES.length}` })] }), _jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(20, Math.min(72, columns - 6))) }), _jsx(Box, { flexDirection: "column", paddingX: 1, maxHeight: Math.max(10, rows - 14), children: _jsxs(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: [page === 'summary' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatGrid, { subagent: subagent, totalTokens: totalTokens, elapsed: elapsed, statusLabel: info.label, statusColor: info.color }), subagent.summary && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, bold: true, children: '─ summary ' }), _jsx(Text, { wrap: "wrap", children: subagent.summary })] })), !subagent.summary && (_jsx(Text, { dimColor: true, children: isRunning ? t('subagent-no-output') : t('subagent-no-summary') }))] })), page === 'output' && (subagent.outputEvents.length === 0 && subagent.output.length === 0 ? (_jsx(Text, { dimColor: true, children: t('subagent-no-output') })) : (subagent.outputEvents.map((line, index) => (_jsxs(Text, { wrap: "wrap", dimColor: line.kind === 'thinking' || line.kind === 'system', color: line.kind === 'error' ? 'error' : undefined, children: [line.kind === 'thinking' ? '  ⌁ ' : '  ', line.text, !line.settled && isRunning ? ' ▍' : ''] }, index))))), page === 'tools' && (subagent.toolCalls.length === 0 ? (_jsx(Text, { dimColor: true, children: t('subagent-no-tools') })) : (subagent.toolCalls.map((tool, index) => (_jsxs(Box, { flexDirection: "column", marginTop: index === 0 ? 0 : 1, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: tool.status === 'failed' ? 'error' : tool.status === 'running' ? 'warning' : 'success', children: tool.status === 'running' ? '·' : tool.status === 'failed' ? '×' : '✓' }), _jsx(Text, { color: toolNameColor(tool.name), children: tool.name }), tool.endedAt && _jsx(Text, { dimColor: true, children: formatDuration(tool.endedAt - tool.startedAt) })] }), tool.argsPreview && (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(JsonArgsText, { raw: tool.argsPreview }) })), tool.resultPreview && (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: `⎿ ${tool.resultPreview}` }) })), tool.error && (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(Text, { color: "error", wrap: "wrap", children: tool.error }) }))] }, tool.id ?? index)))))] }) }), _jsx(Divider, { color: "subtle", title: "" }), _jsxs(Box, { marginTop: 0, flexDirection: "row", children: [_jsx(Text, { dimColor: true, children: `←/→ ${t('subagent-hint-page')} · ↑/↓ ${t('subagent-hint-scroll')}` }), isRunning && onInterrupt && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: ' · ' }), _jsx(Box, { onClick: () => onInterrupt(subagent.agentId), children: _jsx(Text, { dimColor: true, bold: true, color: "warning", children: "X interrupt" }) })] })), _jsx(Text, { dimColor: true, children: ` · Esc ${t('subagent-hint-back')}` })] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAqBlE,yEAAyE;AACzE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,qEAAqE;AACrE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED;;;;GAIG;AACH,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAA;CAAE,CAAA;AAEnE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAYD,uEAAuE;AACvE,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAKjE;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,IAAI,YAAY,GAAG,IAAI,CAExD;AAcD,mEAAmE;AACnE,wBAAgB,YAAY,IAAI,IAAI,CAMnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,iBAAiB,CAuC5F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,cAAc,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,SAAS,CAGlB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,eAAe,EACf,qBAAqB,GACtB,GAAE;IACD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;CACxD,GAAG,KAAK,CAAC,SAAS,CA4EvB"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AA0BlE,yEAAyE;AACzE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,qEAAqE;AACrE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB,CAAA;AAED;;;;GAIG;AACH,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAA;CAAE,CAAA;AAEnE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAYD,uEAAuE;AACvE,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAKjE;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,IAAI,YAAY,GAAG,IAAI,CAExD;AAcD,mEAAmE;AACnE,wBAAgB,YAAY,IAAI,IAAI,CAMnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,iBAAiB,CAuC5F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,cAAc,CAAA;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,KAAK,CAAC,SAAS,CAGlB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,eAAe,EACf,qBAAqB,GACtB,GAAE;IACD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;CACxD,GAAG,KAAK,CAAC,SAAS,CA8GvB"}

package/lib/types/components/Tooltip.js

@@ -3,6 +3,8 @@ import React from 'react';
 import stripAnsi from 'strip-ansi';
 import { Box, Text, useTerminalSize } from '../ui.js';
 import { useTerminalFocus } from '../ink/hooks/use-terminal-focus.js';
+import { useSelection } from '../ink/hooks/use-selection.js';
+import { hasSelection } from '../ink/selection.js';
 import { stringWidth } from '../ink/stringWidth.js';
 import { getGraphemeSegmenter } from '../utils/intl.js';
 import { PageInsetContext } from './PageMargin.js';
@@ -17,6 +19,11 @@ import { PageInsetContext } from './PageMargin.js';
  * content already visible next to the pointer is noise, not detail (the
  * tool-call header gates on folded/clipped content for this reason).
  *
+ * Tooltips and text selection are mutually exclusive: a drag-copy reads the
+ * painted screen, and the card REPLACES the cells it covers, so
+ * {@link TooltipLayer} hides all tooltips while a selection drag or an
+ * active selection exists (see its subscription on selection mutations).
+ *
  * Hover events only exist in fullscreen (alternate screen + mouse
  * tracking); inline mode never fires the handlers, so the store can only
  * be written from a live fullscreen tree.
@@ -135,6 +142,29 @@ export function TooltipLayer({ invalidationKey, subscribeInvalidation, } = {}) {
     const { columns, rows } = useTerminalSize();
     const terminalFocused = useTerminalFocus();
     const tooltip = React.useSyncExternalStore(subscribeTooltip, getTooltipSnapshot);
+    // A text selection and a floating tooltip are mutually exclusive: the copy
+    // reads the PAINTED screen, and the tooltip card REPLACES the cells of the
+    // text it covers — dragging across a shown tooltip (or letting one pop
+    // mid-drag via its dwell timer) puts the tooltip fragment in the clipboard
+    // instead of the message text. Every selection mutation (drag start, each
+    // motion event, release, clear) funnels through this notification, so the
+    // layer goes dark the instant a drag begins and stays dark until the
+    // selection settles. The render guard below is belt-and-suspenders: a
+    // dwell that fires between two motion events must still never paint.
+    const selection = useSelection();
+    const selectionBusy = React.useSyncExternalStore(selection.subscribe, () => {
+        const state = selection.getState();
+        return state !== null && (state.isDragging || hasSelection(state));
+    }, () => false);
+    React.useEffect(() => {
+        return selection.subscribe(() => {
+            // Every selection mutation (drag start, motion, release, clear) resets
+            // the tooltip system wholesale: while busy the card must never paint,
+            // and the settle must also invalidate dwell timers armed while dark,
+            // so a finished copy is not immediately followed by a surprise card.
+            clearTooltip();
+        });
+    }, [selection]);
     // Remounts and modal/screen transitions invalidate shown AND pending tips.
     React.useEffect(() => {
         clearTooltip();
@@ -157,6 +187,9 @@ export function TooltipLayer({ invalidationKey, subscribeInvalidation, } = {}) {
     }, [columns, rows]);
     if (tooltip === null)
         return null;
+    // Never paint over an active drag/selection (see the subscription above).
+    if (selectionBusy)
+        return null;
     // A bordered card needs at least one content cell plus two border cells.
     // Below that, hiding is safer than creating geometry wider/taller than the
     // terminal (Yoga would clip unpredictably on 1–2 column/row resize states).
@@ -176,14 +209,19 @@ export function TooltipLayer({ invalidationKey, subscribeInvalidation, } = {}) {
     const height = lines.length + 2;
     // Prefer resting on the row ABOVE the anchor; when there is no room
     // (anchor at the top of the screen), drop below it, clamped on-screen.
-    // The anchor coordinates are SCREEN coordinates (pointer events) while
-    // the absolute box is placed relative to the content-area origin — under
-    // PageMargin (root page inset) the offset must be added back, and the
-    // clamp bounds run over the inset content area.
+    // The anchor is SCREEN geometry (pointer events) while the absolute box is
+    // placed relative to the inset content-area origin, and useTerminalSize()
+    // already reports the content size: convert the anchor into content
+    // coordinates first, then clamp inside the content area. Adding the inset
+    // (the earlier bug) moved the whole card by the page margin — with the
+    // default margin one row low and two columns right, so its bottom border
+    // landed ON the hovered row and that row's glyphs showed beside the card.
     const inset = React.useContext(PageInsetContext);
-    const topAbove = tooltip.anchorRow - height;
-    const top = Math.max(inset.y, Math.min(topAbove >= 0 ? topAbove : tooltip.anchorRow + 1, inset.y + Math.max(0, rows - height)));
-    const left = Math.max(inset.x, Math.min(tooltip.anchorCol, inset.x + Math.max(0, columns - width)));
+    const anchorRow = tooltip.anchorRow - inset.y;
+    const anchorCol = tooltip.anchorCol - inset.x;
+    const topAbove = anchorRow - height;
+    const top = Math.max(0, Math.min(topAbove >= 0 ? topAbove : anchorRow + 1, Math.max(0, rows - height)));
+    const left = Math.max(0, Math.min(anchorCol, Math.max(0, columns - width)));
     return (_jsx(Box, { position: "absolute", left: left, top: top, width: width, height: height, flexDirection: "column", flexShrink: 0, borderStyle: "round", borderColor: "permission", backgroundColor: "toolCardBackground", children: lines.map((line, index) => (_jsx(Text, { wrap: "truncate-end", children: line === '' ? ' ' : line }, index))) }));
 }
 /**

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

@@ -2,8 +2,7 @@ import React from 'react';
 /**
  * Localized shortcut-hint line: renders a `t('hint-*')` string, with the
  * `**primary shortcut**` segment (the main action's key, wrapped in `**` in
- * the dict) in bold — the visual hierarchy KeyboardShortcutHint's `bold`
- * prop used to give. Wrap in `<Text dimColor italic>` for the common dim
+ * the dict) in bold. Wrap in `<Text dimColor italic>` for the common dim
  * styling, like the Byline it replaces.
  */
 export declare function HintLine({ text }: {

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

@@ -1 +1 @@
-{"version":3,"file":"HintLine.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/HintLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAUpE"}
+{"version":3,"file":"HintLine.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/HintLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAUpE"}

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

@@ -3,8 +3,7 @@ import Text from './ThemedText.js';
 /**
  * Localized shortcut-hint line: renders a `t('hint-*')` string, with the
  * `**primary shortcut**` segment (the main action's key, wrapped in `**` in
- * the dict) in bold — the visual hierarchy KeyboardShortcutHint's `bold`
- * prop used to give. Wrap in `<Text dimColor italic>` for the common dim
+ * the dict) in bold. Wrap in `<Text dimColor italic>` for the common dim
  * styling, like the Byline it replaces.
  */
 export function HintLine({ text }) {

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

@@ -26,7 +26,8 @@ type Props = {
     onClick?(event: ClickEvent): void;
 };
 /**
- * Thinking block: settled rows fold to `⚓ Thinking (ctrl+o to expand)`;
+ * Thinking block: settled rows fold to `⚓ Thinking` plus the localized
+ * ctrl+o expand hint (hint-expand-ctrl-o);
  * 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

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;;;sDAGkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4CAA4C;IAC5C,eAAe,EAAE,OAAO,CAAA;IACxB,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,eAAe,EACf,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAuIzB"}
+{"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,4CAA4C;IAC5C,eAAe,EAAE,OAAO,CAAA;IACxB,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;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,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,7 +17,8 @@ import { isMinimalMode } from '../../minimalMode.js';
  *  to exactly this many rows, keeps the block height stream-independent. */
 const PREVIEW_ROWS = 3;
 /**
- * Thinking block: settled rows fold to `⚓ Thinking (ctrl+o to expand)`;
+ * Thinking block: settled rows fold to `⚓ Thinking` plus the localized
+ * ctrl+o expand hint (hint-expand-ctrl-o);
  * 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

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

@@ -15,8 +15,8 @@ type Props = {
     isExpanded?: boolean;
     /**
      * Mouse click (fullscreen): toggles the row's expansion — same action as
-     * clicking other transcript rows. Also makes the `(ctrl+o to expand)`
-     * hint actionable with the mouse.
+     * clicking other transcript rows. Also makes the localized ctrl+o expand
+     * hint (lines-folded-expand) actionable with the mouse.
      */
     onClick?(event: ClickEvent): void;
     /**

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;AASvG,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;AAIjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4CAA4C;IAC5C,eAAe,EAAE,OAAO,CAAA;IACxB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kEAAkE;IAClE,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;IACf,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAsFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AAsVD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,eAAe,EACf,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAmB,EACnB,cAAuB,EACvB,UAAU,EACV,mBAA2B,EAC3B,YAAoB,EACpB,KAAa,EACb,aAAa,GACd,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA2PzB"}
+{"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;AASvG,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;AAIjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4CAA4C;IAC5C,eAAe,EAAE,OAAO,CAAA;IACxB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kEAAkE;IAClE,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;IACf,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AA2FD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AAsVD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,eAAe,EACf,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAmB,EACnB,cAAuB,EACvB,UAAU,EACV,mBAA2B,EAC3B,YAAoB,EACpB,KAAa,EACb,aAAa,GACd,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA2PzB"}