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

package/lib/types/components/RewindPicker.js

@@ -44,7 +44,7 @@ export function RewindPicker({ rows, focusIndex, confirmRow, modes = null, modeI
     //（ListItem 保证单行截断）。rewind 是不可见确认的高危操作，焦点必须
     // 始终在屏。框架行：浮层预留 8 + Pane 2 + 标题块 3 + 页脚 1 = 14。
     const { start, end } = listWindow(rows.map((_, i) => (i === 0 ? 2 : 1)), focusIndex, Math.max(terminalRows - 14, 2));
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: t('rewind-title') }), _jsx(Text, { dimColor: true, children: t('rewind-subtitle') })] }), rows.length === 0 ? (_jsx(ListItem, { isFocused: false, children: t('rewind-empty') })) : (rows.slice(start, end).map((row, index) => {
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('rewind-title') }), _jsx(Text, { dimColor: true, children: t('rewind-subtitle') })] }), rows.length === 0 ? (_jsx(ListItem, { isFocused: false, children: t('rewind-empty') })) : (rows.slice(start, end).map((row, index) => {
                         const absoluteIndex = start + index;
                         return (_jsx(ListItem, { isFocused: absoluteIndex === focusIndex, description: absoluteIndex === 0 ? t('rewind-last-message') : undefined, showScrollUp: absoluteIndex === start && start > 0, showScrollDown: absoluteIndex === end - 1 && end < rows.length, onClick: onPickRow !== undefined && !busy
                                 ? () => onPickRow(absoluteIndex)

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

@@ -3,7 +3,7 @@ import type { ToolFileDiff } from '../dsh-adapter/channel.js';
 export { chalkFromToken } from '../cc/syntaxTheme.js';
 export { parseAnsiRuns, highlightLines } from '../cc/syntaxRuns.js';
 import type { ToolBackground } from '../tuiDisplayPrefs.js';
-export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground, }: {
+export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground, reveal, }: {
     readonly diffs: readonly ToolFileDiff[];
     /** Content width available to the whole two-pane block (divider included). */
     readonly width: number;
@@ -11,5 +11,15 @@ export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBack
     readonly maxRows: number;
     readonly verbose: boolean;
     readonly toolBackground?: ToolBackground;
+    /**
+     * Smooth-streaming participation (the card owning this view computes
+     * eligibility): when present, the capped row list reveals line-by-line at
+     * the shared ~30fps cadence instead of painting as one block. The `+N
+     * lines` fold hint stays rendered throughout — it describes the cap, not
+     * the reveal.
+     */
+    readonly reveal?: {
+        readonly key: string;
+    };
 }): React.ReactNode;
 //# sourceMappingURL=SplitDiffView.d.ts.map

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,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAuR3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAuB,GACxB,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;CACzC,GAAG,KAAK,CAAC,SAAS,CAkFlB"}
+{"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,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGnE,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

@@ -11,6 +11,7 @@ export { chalkFromToken } from '../cc/syntaxTheme.js';
 export { parseAnsiRuns, highlightLines } from '../cc/syntaxRuns.js';
 import { getTheme } from '../theme.js';
 import { useTheme } from './design-system/ThemeProvider.js';
+import { revealLinesOf } from './smoothReveal.js';
 /** Replace tabs so width math and alignment hold (pi convention). */
 const expandTabs = (text) => text.replaceAll('\t', '   ');
 /**
@@ -210,7 +211,7 @@ function PaneLine({ side, kind, width, tone, toolBackground, padLeft = false, })
     const prefix = padLeft ? ` ${marker}` : marker;
     return (_jsxs(Box, { width: width, flexShrink: 0, backgroundColor: backgroundColor, children: [_jsx(Text, { dimColor: true, backgroundColor: backgroundColor, children: `${prefix} ` }), side === undefined ? (_jsx(Text, { backgroundColor: backgroundColor, children: " " })) : (_jsx(Text, { wrap: "truncate", backgroundColor: backgroundColor, children: side.segments.map((segment, index) => segment.changed ? (_jsx(Text, { color: wordColor, bold: true, backgroundColor: backgroundColor, children: segment.text }, index)) : (_jsx(Text, { color: segment.color, backgroundColor: backgroundColor, children: segment.text }, index))) }))] }));
 }
-export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground = 'none', }) {
+export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground = 'none', reveal, }) {
     const [hl, setHl] = React.useState(null);
     React.useEffect(() => {
         let mounted = true;
@@ -243,6 +244,12 @@ export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground =
     const capped = verbose || totalRows <= maxRows || totalRows - maxRows === 1;
     const visible = capped ? rows : rows.slice(0, maxRows);
     const hidden = totalRows - visible.length;
+    // Smooth reveal reads happen during render (the owning card subscribes to
+    // the scheduler's version, so its re-render drives this view too).
+    const revealedRows = reveal !== undefined
+        ? revealLinesOf(reveal.key, visible.length, { enabled: true, active: true })
+        : visible.length;
+    const shown = revealedRows >= visible.length ? visible : visible.slice(0, revealedRows);
     const paneWidth = Math.max(20, Math.floor((width - 1) / 2));
     // Whole-hunk highlight per file (multi-line lexer state preserved);
     // only the visible rows merge syntax runs with word flags below.
@@ -253,7 +260,7 @@ export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground =
             next: highlightLines(expandTabs(diff.newText), language, hl, syntaxTheme, themeSig),
         };
     });
-    return (_jsxs(Box, { flexDirection: "column", width: paneWidth * 2 + 1, children: [visible.map((row, index) => {
+    return (_jsxs(Box, { flexDirection: "column", width: paneWidth * 2 + 1, children: [shown.map((row, index) => {
                 if ('separator' in row) {
                     return (_jsx(Box, { width: paneWidth * 2 + 1, children: _jsx(Text, { dimColor: true, wrap: "truncate", children: row.separator === '⋯' ? '⋯' : `  ${row.separator}` }) }, index));
                 }

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;AAmDzB,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,CAmDlB"}
+{"version":3,"file":"StreamingMarkdown.d.ts","sourceRoot":"","sources":["../../../src/components/StreamingMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmLzB,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,CAkFlB"}

package/lib/types/components/StreamingMarkdown.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { marked } from 'marked';
 import Box from '../ink/components/Box.js';
-import { stripPromptXMLTags } from '../cc/markdown.js';
+import { formatToken, stripPromptXMLTags } from '../cc/markdown.js';
 import { t } from '../i18n.js';
 import { Markdown } from './Markdown.js';
 /**
@@ -47,6 +47,113 @@ function clipSuffixTail(suffix, cut) {
     const dropped = cut.current;
     return `${t('streaming-folded', { count: dropped })}\n\n${suffix.slice(cut.current)}`;
 }
+const UNSAFE_BOUNDARY = {
+    safe: false,
+    gap: 0,
+    endsWithTable: false,
+    trailingEmptyTextNode: false,
+};
+/**
+ * Token types whose formatted output is provably blank, taken from
+ * `cc/markdown.ts`'s dispatcher table: `space`/`br` emit a single newline,
+ * `def`/`del`/`html` emit nothing. Kept in step with `analyzeSuffixStart`,
+ * which splits the same set into "newline" and "empty" halves.
+ */
+function isBlankTokenType(type) {
+    return type === 'space' || type === 'br' || type === 'def' || type === 'del' || type === 'html';
+}
+/** Newlines contributed by a blank token: one for `space`/`br`, none otherwise. */
+function blankTokenNewlines(type) {
+    return type === 'space' || type === 'br' ? 1 : 0;
+}
+/**
+ * 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.
+ *
+ * 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
+ * concatenating (and syntax-highlighting) every settled block on each new
+ * 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.
+    let segmentStart = 0;
+    let hasTable = false;
+    for (let i = suffixIndex - 1; i >= 0; i--) {
+        if (tokens[i].type === 'table') {
+            segmentStart = i + 1;
+            hasTable = true;
+            break;
+        }
+    }
+    // Skip the trailing run of blank tokens, banking their newlines: they sit
+    // after the last visible text and therefore only extend its newline run.
+    let blankNewlines = 0;
+    let cursor = suffixIndex - 1;
+    while (cursor >= segmentStart && isBlankTokenType(tokens[cursor].type)) {
+        blankNewlines += blankTokenNewlines(tokens[cursor].type);
+        cursor--;
+    }
+    // Format backwards until a token actually produces visible text. A token
+    // that formats to blank is folded into the newline run and skipped over.
+    for (let i = cursor; i >= segmentStart; i--) {
+        const token = tokens[i];
+        const ansiText = formatToken(token);
+        if (ansiText.trim() === '') {
+            blankNewlines += ansiText.match(/\n+$/)?.[0].length ?? 0;
+            continue;
+        }
+        const trailingNewlines = (ansiText.match(/\n+$/)?.[0].length ?? 0) + blankNewlines;
+        // A zero-newline boundary (notably `hr` followed immediately by prose)
+        // belongs in one Markdown component; separate column children would force
+        // a line break that the whole-document formatter does not contain.
+        if (trailingNewlines === 0)
+            return UNSAFE_BOUNDARY;
+        return {
+            safe: true,
+            gap: Math.max(0, trailingNewlines - 1),
+            endsWithTable: false,
+            trailingEmptyTextNode: false,
+        };
+    }
+    if (hasTable) {
+        return {
+            safe: true,
+            gap: 1,
+            endsWithTable: true,
+            // Whitespace after the table still occupies a zero-height text node
+            // between two tables.
+            trailingEmptyTextNode: blankNewlines > 0,
+        };
+    }
+    // Definitions/raw HTML alone render nothing; advancing them buys no stable
+    // work and can lose whitespace that belongs to the next visible block.
+    return UNSAFE_BOUNDARY;
+}
+/** Find the first visible suffix node without formatting the growing token.
+ * Whitespace around invisible definitions/HTML is internal in a whole render
+ * but gets trimmed at the start of the split suffix, so count it into the
+ * boundary gap explicitly. */
+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') {
+            leadingNewlines += 1;
+            continue;
+        }
+        if (type === 'def' || type === 'del' || type === 'html')
+            continue;
+        return { kind: 'text', leadingNewlines };
+    }
+    return { kind: undefined, leadingNewlines };
+}
 export function StreamingMarkdown({ children, dimColor = false, }) {
     // The stable prefix is kept as ONE string identity across renders: a
     // fresh substring per render would break Markdown's React.memo and
@@ -54,11 +161,19 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     // identity only changes when a new block boundary advances the prefix.
     const prefixRef = React.useRef('');
     const cutRef = React.useRef(0);
+    const boundaryGapRef = React.useRef(0);
+    const prefixVisibleRef = React.useRef(false);
+    const prefixEndsWithTableRef = React.useRef(false);
+    const prefixTrailingEmptyTextRef = React.useRef(false);
     const stripped = stripPromptXMLTags(children);
     // Reset if text was replaced (defensive; normally unmount handles this)
     if (!stripped.startsWith(prefixRef.current)) {
         prefixRef.current = '';
         cutRef.current = 0;
+        boundaryGapRef.current = 0;
+        prefixVisibleRef.current = false;
+        prefixEndsWithTableRef.current = false;
+        prefixTrailingEmptyTextRef.current = false;
     }
     // Lex only from current boundary — O(unstable length), not O(full text)
     const boundary = prefixRef.current.length;
@@ -72,12 +187,34 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     for (let i = 0; i < lastContentIdx; i++) {
         advance += tokens[i].raw.length;
     }
+    let suffixTokenIndex = 0;
     if (advance > 0) {
-        prefixRef.current = stripped.substring(0, boundary + advance);
+        const stableBoundary = analyzeStableBoundary(tokens, lastContentIdx);
+        if (stableBoundary.safe) {
+            prefixRef.current = stripped.substring(0, boundary + advance);
+            boundaryGapRef.current = stableBoundary.gap;
+            prefixVisibleRef.current = true;
+            prefixEndsWithTableRef.current = stableBoundary.endsWithTable;
+            prefixTrailingEmptyTextRef.current = stableBoundary.trailingEmptyTextNode;
+            suffixTokenIndex = lastContentIdx;
+        }
     }
     const stablePrefix = prefixRef.current;
     const suffixSource = stripped.substring(stablePrefix.length);
     const unstableSuffix = clipSuffixTail(suffixSource, cutRef);
+    const suffixStart = cutRef.current > 0
+        ? { kind: 'text', leadingNewlines: 0 }
+        : analyzeSuffixStart(tokens, suffixTokenIndex);
+    const boundaryGap = prefixVisibleRef.current && suffixStart.kind !== undefined
+        ? prefixEndsWithTableRef.current
+            ? suffixStart.kind === 'table' &&
+                (prefixTrailingEmptyTextRef.current || suffixStart.leadingNewlines > 0)
+                ? 2
+                : 1
+            : suffixStart.kind === 'table'
+                ? 1
+                : boundaryGapRef.current + suffixStart.leadingNewlines
+        : 0;
     // A lexer boundary must be strictly outside the stable prefix. If marked
     // reports a raw span that ends at the current cursor (possible around an
     // unfinished fence/table while deltas arrive), rendering both branches can
@@ -85,5 +222,5 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     // an overlapping empty/duplicate boundary.
     const hasDistinctSuffix = unstableSuffix !== '' &&
         (stablePrefix === '' || !unstableSuffix.startsWith(stablePrefix));
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, children: [stablePrefix && _jsx(Markdown, { dimColor: dimColor, children: stablePrefix }), hasDistinctSuffix && _jsx(Markdown, { dimColor: dimColor, cacheTokens: false, children: unstableSuffix })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: boundaryGap, children: [stablePrefix && _jsx(Markdown, { dimColor: dimColor, children: stablePrefix }), hasDistinctSuffix && _jsx(Markdown, { dimColor: dimColor, cacheTokens: false, children: unstableSuffix })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SubagentDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhE,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,aAAa,EAAE,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,yCAAyC;AACzC,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAWhF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,QAAQ,EACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CA2G1C"}
+{"version":3,"file":"SubagentDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhE,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,aAAa,EAAE,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,yCAAyC;AACzC,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAWhF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,OAAO,EACP,QAAQ,EACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CA0G1C"}

package/lib/types/components/SubagentDashboard.js

@@ -49,10 +49,10 @@ export function SubagentDashboard({ subagents, onClose, onSelect }) {
     const running = subagents.filter(s => s.status === 'running').length;
     const completed = subagents.filter(s => s.status === 'completed').length;
     const failed = subagents.filter(s => s.status === 'failed').length;
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Divider, { color: "claude", title: t('subagent-dashboard-title'), padding: 4 }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: 1, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "claude", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-failed')] })] })), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: onClose })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(10, rows - 10), marginTop: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: subagents.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('subagent-none') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('subagent-empty-hint') }) })] })) : (subagents.map((subagent, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(SubagentCard, { subagent: subagent, focused: index === focusIndex, onClick: onSelect !== undefined
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Divider, { color: "claude", title: t('subagent-dashboard-title') }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: 1, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "claude", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-failed')] })] })), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: onClose })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(10, rows - 10), marginTop: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: subagents.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('subagent-none') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('subagent-empty-hint') }) })] })) : (subagents.map((subagent, index) => (_jsxs(Box, { flexDirection: "column", children: [_jsx(SubagentCard, { subagent: subagent, focused: index === focusIndex, onClick: onSelect !== undefined
                                     // Click = view detail, same as Enter on the focused card.
                                     ? () => onSelect(subagent.agentId)
-                                    : undefined }), index < subagents.length - 1 && (_jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(20, Math.min(72, columns - 6))) }))] }, subagent.agentId)))) }) }), _jsx(Divider, { color: "subtle", title: "", padding: 4 }), _jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: onSelect
+                                    : undefined }), index < subagents.length - 1 && (_jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(20, Math.min(72, columns - 6))) }))] }, subagent.agentId)))) }) }), _jsx(Divider, { color: "subtle", title: "" }), _jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: onSelect
                         ? t('subagent-dashboard-hint-detail')
                         : t('subagent-dashboard-hint-basic') }) })] }));
 }

package/lib/types/components/SubagentDetailScene.js

@@ -138,5 +138,5 @@ export function SubagentDetailScene({ subagent, onBack, onInterrupt, }) {
         return (_jsxs(React.Fragment, { children: [_jsx(Box, { onClick: () => setPage(name), backgroundColor: !active ? 'userMessageBackgroundHover' : undefined, children: _jsx(Text, { color: active ? 'claude' : 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)}`
-                        + (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: "", padding: 4 }), _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')}` })] })] }));
+                        + (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/ThemePicker.d.ts

@@ -1,27 +1,25 @@
 import React from 'react';
 import { type SelectOption } from './Select.js';
+import type { TuiThemeHost } from '../dsh-adapter/themes.js';
 /**
- * The full selectable theme list: the `auto` pseudo-theme (follows the
- * terminal background via OSC 11, light/dark) first, then the three
- * built-in palettes (display order), then discovered user themes from
- * ~/.dsh-tui/themes (sorted by file name). A user theme named `auto` is
- * shadowed by the built-in pseudo-theme (getTheme resolves `auto` first),
- * so it is filtered out to keep the list truthful. Shared by ThemePicker
- * (render) and the /theme command (focus index), so both always see the
- * same ordering.
+ * Build the full selectable list from the shared catalog: `auto`, built-ins,
+ * static JSON themes, and optional plugin themes. Shared by ThemePicker (render)
+ * and the /theme command (focus index), so both always see the same ordering.
  */
-export declare function getThemeOptions(): SelectOption[];
+export declare function getThemeOptions(themeHost?: TuiThemeHost): SelectOption[];
 /**
  * Color-theme picker in the ActivityPicker style: a permission-colored Pane
- * listing the `auto` pseudo-theme and the built-in palettes first, then
- * every user theme found in ~/.dsh-tui/themes — each row shows the display
- * name, its base and three key color swatches; `❯` marks focus, `✓` the
- * active theme. Enter applies through the ThemeProvider setter (persists to
- * ~/.dsh-tui/theme.json and hot swaps), Esc cancels.
+ * listing the `auto` pseudo-theme and built-in palettes first, followed by
+ * static JSON and plugin themes — each row shows the display name, base and
+ * three key color swatches; `❯` marks focus, `✓` the active theme. Enter
+ * applies through the ThemeProvider setter (persists to ~/.dsh-tui/theme.json
+ * and hot swaps), Esc cancels.
  */
-export declare function ThemePicker({ focusIndex, currentTheme, onPick, }: {
+export declare function ThemePicker({ focusIndex, currentTheme, themeHost, onPick, }: {
     focusIndex: number;
     currentTheme: string | undefined;
+    /** Optional runtime theme host; static themes work without it. */
+    themeHost?: TuiThemeHost;
     /** Mouse pick (fullscreen): clicked row's absolute index (Chat applies
      *  the same code path as the keyboard Enter). */
     onPick?: (index: number) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAuCvD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,YAAY,EAAE,CAsBhD;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CAuBlB"}
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../src/components/ThemePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAIvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAqC5D;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,SAAS,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAYxE;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,SAAS,EACT,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,kEAAkE;IAClE,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA2BlB"}

package/lib/types/components/ThemePicker.js

@@ -5,8 +5,8 @@ import { Box, Text } from '../ui.js';
 import { Pane } from './design-system/Pane.js';
 import { Select } from './Select.js';
 import { HintLine } from './design-system/HintLine.js';
-import { getTheme, THEME_NAMES, AUTO_THEME_NAME } from '../theme.js';
-import { buildTheme, listCustomThemes } from '../customTheme.js';
+import { listThemeCatalog } from '../themeCatalog.js';
+import { useRuntimeThemeSnapshot } from '../hooks/useRuntimeThemeSnapshot.js';
 /** One double-block swatch character per preview key, in a row. */
 const SWATCH = '██';
 /** Theme keys previewed in the picker, chosen for visual contrast. */
@@ -23,35 +23,33 @@ function optionFor(name, displayName, theme, description) {
     };
 }
 /**
- * The full selectable theme list: the `auto` pseudo-theme (follows the
- * terminal background via OSC 11, light/dark) first, then the three
- * built-in palettes (display order), then discovered user themes from
- * ~/.dsh-tui/themes (sorted by file name). A user theme named `auto` is
- * shadowed by the built-in pseudo-theme (getTheme resolves `auto` first),
- * so it is filtered out to keep the list truthful. Shared by ThemePicker
- * (render) and the /theme command (focus index), so both always see the
- * same ordering.
+ * Build the full selectable list from the shared catalog: `auto`, built-ins,
+ * static JSON themes, and optional plugin themes. Shared by ThemePicker (render)
+ * and the /theme command (focus index), so both always see the same ordering.
  */
-export function getThemeOptions() {
-    const auto = optionFor(AUTO_THEME_NAME, AUTO_THEME_NAME, getTheme(AUTO_THEME_NAME), t('theme-auto-base'));
-    const builtins = THEME_NAMES.map(name => {
-        const theme = getTheme(name);
-        return optionFor(name, name, theme, t('theme-builtin-base', { name }));
+export function getThemeOptions(themeHost) {
+    return listThemeCatalog(themeHost).map(item => {
+        const base = item.base ?? 'dark';
+        const description = item.source === 'auto'
+            ? t('theme-auto-base')
+            : item.source === 'builtin'
+                ? t('theme-builtin-base', { name: item.name })
+                : item.source === 'runtime'
+                    ? t('theme-plugin-base', { base, name: item.name })
+                    : t('theme-user-base', { base, name: item.name });
+        return optionFor(item.name, item.displayName, item.theme, description);
     });
-    const custom = listCustomThemes()
-        .filter(spec => spec.name !== AUTO_THEME_NAME)
-        .map(spec => optionFor(spec.name, spec.displayName, buildTheme(spec), t('theme-user-base', { base: spec.base, name: spec.name })));
-    return [auto, ...builtins, ...custom];
 }
 /**
  * Color-theme picker in the ActivityPicker style: a permission-colored Pane
- * listing the `auto` pseudo-theme and the built-in palettes first, then
- * every user theme found in ~/.dsh-tui/themes — each row shows the display
- * name, its base and three key color swatches; `❯` marks focus, `✓` the
- * active theme. Enter applies through the ThemeProvider setter (persists to
- * ~/.dsh-tui/theme.json and hot swaps), Esc cancels.
+ * listing the `auto` pseudo-theme and built-in palettes first, followed by
+ * static JSON and plugin themes — each row shows the display name, base and
+ * three key color swatches; `❯` marks focus, `✓` the active theme. Enter
+ * applies through the ThemeProvider setter (persists to ~/.dsh-tui/theme.json
+ * and hot swaps), Esc cancels.
  */
-export function ThemePicker({ focusIndex, currentTheme, onPick, }) {
-    const options = React.useMemo(() => getThemeOptions(), []);
+export function ThemePicker({ focusIndex, currentTheme, themeHost, onPick, }) {
+    const runtimeThemeSnapshot = useRuntimeThemeSnapshot(themeHost);
+    const options = React.useMemo(() => getThemeOptions(themeHost), [runtimeThemeSnapshot, themeHost]);
     return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-theme') }) }), _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentTheme, visibleOptionCount: 6, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
 }

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import type { PointerEvent } from '../ink/events/pointer-event.js';
+/** Tooltip content: a fixed string or a getter resolved at show time. */
+export type TooltipContent = string | (() => string);
+export type TooltipOptions = {
+    /** Dwell before the tooltip appears. Default 600ms. */
+    delayMs?: number;
+};
+/** Hover props returned by {@link useTooltip}; spread onto a Box. */
+export type TooltipHoverProps = {
+    onMouseEnter: (event?: PointerEvent) => void;
+    onMouseLeave: () => void;
+};
+/**
+ * Per-attachment owner: identifies which element's timer is pending and
+ * which element owns the shown tooltip (so one element's leave can never
+ * hide another's tooltip).
+ */
+type TooltipOwner = {
+    timer: ReturnType<typeof setTimeout> | null;
+};
+type TooltipState = {
+    owner: TooltipOwner;
+    anchorCol: number;
+    anchorRow: number;
+    content: string;
+};
+/** Subscribe to tooltip show/hide; returns an unsubscribe function. */
+export declare function subscribeTooltip(listener: () => void): () => void;
+/** Stable snapshot for useSyncExternalStore (identity kept until changed). */
+export declare function getTooltipSnapshot(): TooltipState | null;
+/** Hide shown content and invalidate every pending dwell timer. */
+export declare function clearTooltip(): void;
+/**
+ * Hover props that pop a tooltip with the full content after a dwell.
+ *
+ * The pointer position (screen col/row) is taken from the PointerEvent the
+ * renderer hands to `onMouseEnter` — the runtime always passes one even
+ * though the prop type is `() => void`, which is why the handler's parameter
+ * is optional (a `() => void` prop accepts a function with only optional
+ * parameters).
+ */
+export declare function useTooltip(content: TooltipContent, opts?: TooltipOptions): TooltipHoverProps;
+/**
+ * Convenience wrapper for list rows built from data (a component boundary
+ * makes the hook call legal per item). Renders a plain Box carrying the
+ * hover props around `children`.
+ */
+export declare function TooltipTarget({ content, children, }: {
+    content: TooltipContent;
+    children: React.ReactNode;
+}): React.ReactNode;
+/**
+ * The singleton floating layer: subscribes to the tooltip store and renders
+ * the rounded card above the anchor row (below it when there is no room),
+ * horizontally clamped inside the terminal. Mount once, LAST in the tree so
+ * it paints over everything else. Terminal resize hides the tooltip — its
+ * anchor is screen geometry that just went stale.
+ */
+export declare function TooltipLayer({ invalidationKey, subscribeInvalidation, }?: {
+    /** Changes when a modal/screen geometry transition makes the anchor stale. */
+    invalidationKey?: unknown;
+    /** Scroll/viewport subscription; every notification invalidates the anchor. */
+    subscribeInvalidation?: (listener: () => void) => () => void;
+}): React.ReactNode;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAiBlE,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,CAgEvB"}