@deepseek-harness-tui/dsh-tui 0.7.3 → 0.8.1

package/lib/types/components/ExtensionDialog.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The managed plugin dialog (`ctx.tuiDialogs`) — one panel rendering the
+ * store's current snapshot in the chat chrome (the slot approval/question
+ * panels occupy). Three kinds share one component:
+ *
+ * - `select`  — focus list (↑/↓, windowed), Enter settles the option id
+ * - `confirm` — two rows (confirm/cancel), Enter settles the boolean
+ * - `input`   — single-line text edit, Enter settles the text
+ *
+ * Esc (and Ctrl+C) always cancels — the plugin's promise resolves with the
+ * cancelled value. The panel owns the keyboard through its own useInput,
+ * the same contract as ApprovalPanel/AskUserQuestionPanel: Chat's global
+ * handler early-returns while a snapshot is pending.
+ *
+ * Two input-pipeline rules shape every handler below:
+ *
+ * - BATCHED KEYS: a terminal delivers one stdin chunk as several key events
+ *   inside a single React batch (Down+Enter arrives together), so state
+ *   queued by the first event is NOT visible to the second. Every piece of
+ *   editing state the handlers act on (focus, value, cursor) therefore
+ *   lives in a ref mutated SYNCHRONOUSLY per event; the useState mirror
+ *   only exists to re-render.
+ * - CODE POINTS: cursor movement and deletion step over whole code points
+ *   (`[...s]` iteration, same contract as the transcript search box), so an
+ *   emoji can never be split into a lone surrogate.
+ *
+ * All text arrives pre-sanitized from TuiDialogRuntime (control chars
+ * stripped, cell-width capped); the panel still renders everything through
+ * ListItem's single-line truncation.
+ */
+import React from 'react';
+import { t } from '../i18n.js';
+import { Box, Text, useInput, useTerminalSize } from '../ui.js';
+import { stringWidth } from '../ink/stringWidth.js';
+import { isPlainReturnInput } from '../utils/modifiers.js';
+import { Pane } from './design-system/Pane.js';
+import { ListItem } from './design-system/ListItem.js';
+import { HintLine } from './design-system/HintLine.js';
+import { listWindow } from './listWindow.js';
+import { INPUT_CELLS } from '../dsh-adapter/dialogs.js';
+import { capCells, flattenInline } from '../dsh-adapter/sanitize.js';
+export function ExtensionDialog({ dialog, onDecide, onCancel }) {
+    switch (dialog.kind) {
+        case 'select':
+            return _jsx(SelectDialog, { dialog: dialog, onDecide: onDecide, onCancel: onCancel });
+        case 'confirm':
+            return _jsx(ConfirmDialog, { dialog: dialog, onDecide: onDecide, onCancel: onCancel });
+        case 'input':
+            return _jsx(InputDialog, { dialog: dialog, onDecide: onDecide, onCancel: onCancel });
+    }
+}
+function SelectDialog({ dialog, onDecide, onCancel, }) {
+    const [focusIndex, setFocusIndex] = React.useState(0);
+    // Synchronous source of truth for the handlers (see the module header):
+    // Down+Enter in one stdin chunk must move AND read the new focus.
+    const focusRef = React.useRef(0);
+    const moveFocus = (delta) => {
+        const next = (focusRef.current + delta + dialog.options.length) % dialog.options.length;
+        focusRef.current = next;
+        setFocusIndex(next);
+    };
+    const { rows: terminalRows } = useTerminalSize();
+    useInput((input, key, event) => {
+        if (key.escape || (key.ctrl && input === 'c')) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            moveFocus(-1);
+            return;
+        }
+        if (key.downArrow) {
+            moveFocus(1);
+            return;
+        }
+        // isPasted lives on the InputEvent, not the key: a bracketed paste that
+        // is all line breaks is pasted content, never an Enter press.
+        if (isPlainReturnInput(input, { ...key, isPasted: event.isPasted })) {
+            const option = dialog.options[focusRef.current];
+            if (option !== undefined)
+                onDecide(option.id);
+        }
+    }, { isActive: true });
+    // Row budget mirrors the rewind picker: a described option costs 2 rows,
+    // a bare one 1; frame rows: Pane 2 + title 2 + footer 1 + slack.
+    const { start, end } = listWindow(dialog.options.map(option => (option.description === undefined ? 1 : 2)), focusIndex, Math.max(terminalRows - 10, 2));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: dialog.title }) }), dialog.options.slice(start, end).map((option, index) => {
+                        const absoluteIndex = start + index;
+                        return (_jsx(ListItem, { isFocused: absoluteIndex === focusIndex, description: option.description, showScrollUp: absoluteIndex === start && start > 0, showScrollDown: absoluteIndex === end - 1 && end < dialog.options.length, children: option.label }, option.id));
+                    })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
+}
+function ConfirmDialog({ dialog, onDecide, onCancel, }) {
+    const [focusIndex, setFocusIndex] = React.useState(0);
+    // Synchronous source of truth for the handlers (see the module header):
+    // Right+Enter in one stdin chunk must settle the NEW row, not the old.
+    const focusRef = React.useRef(0);
+    const labels = [
+        dialog.confirmLabel || t('ext-dialog-yes'),
+        dialog.cancelLabel || t('ext-dialog-no'),
+    ];
+    const moveFocus = (delta) => {
+        const next = (focusRef.current + delta + labels.length) % labels.length;
+        focusRef.current = next;
+        setFocusIndex(next);
+    };
+    useInput((input, key, event) => {
+        if (key.escape || (key.ctrl && input === 'c')) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow || key.leftArrow) {
+            moveFocus(-1);
+            return;
+        }
+        if (key.downArrow || key.rightArrow) {
+            moveFocus(1);
+            return;
+        }
+        // isPasted lives on the InputEvent, not the key: a bracketed paste that
+        // is all line breaks must not confirm on the default focus.
+        if (isPlainReturnInput(input, { ...key, isPasted: event.isPasted })) {
+            onDecide(focusRef.current === 0);
+        }
+    }, { isActive: true });
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: dialog.title }), dialog.message !== undefined && _jsx(Text, { dimColor: true, children: dialog.message })] }), labels.map((label, index) => (_jsx(ListItem, { isFocused: index === focusIndex, children: label }, label)))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
+}
+function InputDialog({ dialog, onDecide, onCancel, }) {
+    const [value, setValue] = React.useState(dialog.initial);
+    const [cursor, setCursor] = React.useState(() => [...dialog.initial].length);
+    // Synchronous source of truth for the handlers (see the module header):
+    // two Backspaces in one stdin chunk must BOTH delete, each seeing the
+    // other's result. The cursor counts CODE POINTS, not UTF-16 units — an
+    // emoji is one step and can never be split into a lone surrogate.
+    const valueRef = React.useRef(dialog.initial);
+    const cursorRef = React.useRef([...dialog.initial].length);
+    const applyEdit = (nextValue, nextCursor) => {
+        valueRef.current = nextValue;
+        cursorRef.current = nextCursor;
+        setValue(nextValue);
+        setCursor(nextCursor);
+    };
+    useInput((input, key, event) => {
+        if (key.escape || (key.ctrl && input === 'c')) {
+            onCancel();
+            return;
+        }
+        // isPasted lives on the InputEvent, not the key: a bracketed paste that
+        // is all line breaks is inserted as text, not submitted.
+        if (isPlainReturnInput(input, { ...key, isPasted: event.isPasted })) {
+            onDecide(valueRef.current);
+            return;
+        }
+        const points = [...valueRef.current];
+        const at = cursorRef.current;
+        // Single-line editing, same key set as the transcript search bar.
+        if (key.backspace) {
+            if (at > 0) {
+                points.splice(at - 1, 1);
+                applyEdit(points.join(''), at - 1);
+            }
+            return;
+        }
+        if (key.delete) {
+            if (at < points.length) {
+                points.splice(at, 1);
+                applyEdit(points.join(''), at);
+            }
+            return;
+        }
+        if (key.leftArrow) {
+            if (at > 0)
+                applyEdit(valueRef.current, at - 1);
+            return;
+        }
+        if (key.rightArrow) {
+            if (at < points.length)
+                applyEdit(valueRef.current, at + 1);
+            return;
+        }
+        if (key.home) {
+            applyEdit(valueRef.current, 0);
+            return;
+        }
+        if (key.end) {
+            applyEdit(valueRef.current, points.length);
+            return;
+        }
+        if (input && !key.ctrl && !key.meta && !key.super && !key.tab && !key.escape) {
+            // A bracketed paste arrives as one chunk and may carry newlines/control
+            // chars — this is a single-line panel, so flatten them to spaces. Every
+            // edit path holds the value at INPUT_CELLS cells so the resolved answer
+            // keeps the documented bound: typing past the cap is ignored, an
+            // oversized paste is truncated (never silently unbounded).
+            const chunk = event.isPasted ? flattenInline(input) : input;
+            const chunkPoints = [...chunk].length;
+            const candidate = points.slice(0, at).join('') + chunk + points.slice(at).join('');
+            if (stringWidth(candidate) <= INPUT_CELLS) {
+                applyEdit(candidate, at + chunkPoints);
+            }
+            else if (event.isPasted) {
+                const capped = capCells(candidate, INPUT_CELLS);
+                applyEdit(capped, Math.min(at + chunkPoints, [...capped].length));
+            }
+        }
+    }, { isActive: true });
+    const shown = value === '' && dialog.placeholder !== undefined ? dialog.placeholder : value;
+    const shownPoints = [...shown];
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: dialog.title }) }), _jsxs(Text, { children: [_jsx(Text, { dimColor: value === '', children: shownPoints.slice(0, cursor).join('') }), _jsx(Text, { inverse: true, children: shownPoints[cursor] ?? ' ' }), _jsx(Text, { children: shownPoints.slice(cursor + 1).join('') })] })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-ext-dialog-input') }) })] }));
+}

package/lib/types/components/HelpMenu.js

@@ -16,5 +16,5 @@ import { modLabel } from '../utils/modifiers.js';
  */
 export function HelpMenu({ commands, }) {
     const chrome = commands.filter(command => !command.skill);
-    return (_jsxs(Box, { paddingX: 2, flexDirection: "row", gap: 4, children: [_jsxs(Box, { flexDirection: "column", width: 26, flexShrink: 0, children: [_jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-for-commands') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-this-help') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-verbose-output', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-toggle-context', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-search-history', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-interrupt') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-exit') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-redraw', { mod: modLabel }) }) })] }), _jsxs(Box, { flexDirection: "column", width: 24, flexShrink: 0, children: [_jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-clear-input') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-history-nav') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-move-cursor') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-word-jumps', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-complete-command') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-cycle-mode') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-open-editor') }) })] }), _jsxs(Box, { flexDirection: "column", flexShrink: 1, children: [_jsx(Text, { dimColor: true, children: t('help-commands-title') }), chrome.map(command => (_jsx(Box, { children: _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["/", command.name, " \u2014 ", localizedDescription(command)] }) }, command.name)))] })] }));
+    return (_jsxs(Box, { paddingX: 2, flexDirection: "row", gap: 4, children: [_jsxs(Box, { flexDirection: "column", width: 26, flexShrink: 0, children: [_jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-for-commands') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-this-help') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-verbose-output', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-open-trajectory', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-search-history', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-interrupt') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-exit') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-redraw', { mod: modLabel }) }) })] }), _jsxs(Box, { flexDirection: "column", width: 24, flexShrink: 0, children: [_jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-clear-input') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-history-nav') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-move-cursor') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-word-jumps', { mod: modLabel }) }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-complete-command') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-cycle-mode') }) }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: t('help-open-editor') }) })] }), _jsxs(Box, { flexDirection: "column", flexShrink: 1, children: [_jsx(Text, { dimColor: true, children: t('help-commands-title') }), chrome.map(command => (_jsx(Box, { children: _jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["/", command.name, " \u2014 ", localizedDescription(command)] }) }, command.name)))] })] }));
 }

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

@@ -1,20 +1,15 @@
 import React from 'react';
 import type { LoadedContext } from '../dsh-adapter/channel.js';
 /**
- * The startup context panel: a collapsed one-line summary of what a
+ * The startup context summary: a one-line inventory of what a
  * fresh conversation will load for the current agent (system prompt
  * sections, workspace instruction files, dynamic context, skill catalog,
- * tools). Toggle with Ctrl+T (see HelpMenu; the ported ink core has no
- * mouse-click handling, so the header is not clickable); the panel renders
- * only while the transcript is still empty — the first message's rows take
- * over. Renders nothing for an empty snapshot.
+ * tools). `/context` renders the existing details as a local report; the
+ * summary itself disappears once the transcript has rows. Renders nothing
+ * for an empty snapshot.
  * @param context - the channel's loaded-context snapshot.
- * @param open - whether the grouped details are shown.
- * @param onToggle - flips `open`; fired by the Ctrl+T keybinding.
  */
-export declare function LoadedContextPanel({ context, open, onToggle, }: {
+export declare function LoadedContextPanel({ context }: {
     context: LoadedContext;
-    open: boolean;
-    onToggle: () => void;
 }): React.ReactNode;
 //# sourceMappingURL=LoadedContextPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadedContextPanel.d.ts","sourceRoot":"","sources":["../../../src/components/LoadedContextPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAA;AA+BlF;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,aAAa,CAAA;IACtB,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,GAAG,KAAK,CAAC,SAAS,CAoElB"}
+{"version":3,"file":"LoadedContextPanel.d.ts","sourceRoot":"","sources":["../../../src/components/LoadedContextPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAG9D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAW3F"}

package/lib/types/components/LoadedContextPanel.js

@@ -1,30 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from '../i18n.js';
 import { Box, Text } from '../ui.js';
-import { summarizeLoadedContext, truncateContextText } from '../utils/loaded-context.js';
-/** One named entry (section or dynamic context) with its full text. */
-function Entry({ entry }) {
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, dimColor: true, children: entry.name }), _jsx(Text, { dimColor: true, wrap: "wrap", children: truncateContextText(entry.text) })] }));
-}
-/** A titled group of rows inside the expanded panel. */
-function Group({ title, children }) {
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "subtle", children: title }), _jsx(Box, { flexDirection: "column", paddingLeft: 2, children: children })] }));
-}
+import { summarizeLoadedContext } from '../utils/loaded-context.js';
 /**
- * The startup context panel: a collapsed one-line summary of what a
+ * The startup context summary: a one-line inventory of what a
  * fresh conversation will load for the current agent (system prompt
  * sections, workspace instruction files, dynamic context, skill catalog,
- * tools). Toggle with Ctrl+T (see HelpMenu; the ported ink core has no
- * mouse-click handling, so the header is not clickable); the panel renders
- * only while the transcript is still empty — the first message's rows take
- * over. Renders nothing for an empty snapshot.
+ * tools). `/context` renders the existing details as a local report; the
+ * summary itself disappears once the transcript has rows. Renders nothing
+ * for an empty snapshot.
  * @param context - the channel's loaded-context snapshot.
- * @param open - whether the grouped details are shown.
- * @param onToggle - flips `open`; fired by the Ctrl+T keybinding.
  */
-export function LoadedContextPanel({ context, open, onToggle, }) {
+export function LoadedContextPanel({ context }) {
     const summary = summarizeLoadedContext(context);
     if (summary === '')
         return null;
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [_jsx(Box, { paddingX: 1, backgroundColor: open ? 'userMessageBackground' : undefined, children: _jsxs(Text, { wrap: "truncate", bold: open, children: [open ? '▼' : '▶', " ", t('context-loaded'), " \u00B7 ", summary, _jsxs(Text, { dimColor: true, children: [" \uFF08Ctrl+T", open ? t('context-panel-collapse') : t('context-panel-expand'), "\uFF09"] })] }) }), open && (_jsxs(Box, { flexDirection: "column", paddingX: 1, paddingTop: 1, children: [context.sections.length > 0 && (_jsx(Group, { title: t('context-panel-sections', { n: context.sections.length }), children: context.sections.map(section => (_jsx(Entry, { entry: section }, section.name))) })), context.files.length > 0 && (_jsx(Group, { title: t('context-panel-files', { n: context.files.length }), children: context.files.map(file => (_jsx(Text, { dimColor: true, children: file.displayPath }, file.displayPath))) })), context.contexts.length > 0 && (_jsx(Group, { title: t('context-panel-runtime', { n: context.contexts.length }), children: context.contexts.map(entry => (_jsx(Entry, { entry: entry }, entry.name))) })), context.skills.length > 0 && (_jsx(Group, { title: t('context-panel-skills', { n: context.skills.length }), children: context.skills.map(skill => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, dimColor: true, children: skill.name }), _jsx(Text, { dimColor: true, wrap: "wrap", children: skill.description })] }, skill.name))) })), context.tools.length > 0 && (_jsx(Group, { title: t('context-panel-tools', { n: context.tools.length }), children: context.tools.map(tool => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, dimColor: true, children: tool.name }), _jsx(Text, { dimColor: true, wrap: "wrap", children: truncateContextText(tool.description, 160) })] }, tool.name))) }))] }))] }));
+    return (_jsx(Box, { marginTop: 1, marginBottom: 1, paddingX: 1, children: _jsxs(Text, { wrap: "truncate", children: [t('context-loaded'), " \u00B7 ", summary, _jsx(Text, { dimColor: true, children: " \u00B7 /context" })] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LogoV2.d.ts","sourceRoot":"","sources":["../../../src/components/LogoV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAqDzB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,MAAM,EACN,GAAG,EACH,SAAiB,GAClB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CAiFlB"}
+{"version":3,"file":"LogoV2.d.ts","sourceRoot":"","sources":["../../../src/components/LogoV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoDzB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,MAAM,EACN,GAAG,EACH,SAAiB,GAClB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CA+ElB"}

package/lib/types/components/LogoV2.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { t as tr } from '../i18n.js';
-import { modLabel } from '../utils/modifiers.js';
 import { readFileSync } from 'node:fs';
 import { dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
@@ -92,5 +91,5 @@ export function LogoV2({ model, effort, cwd, skipIntro = false, }) {
     const t = settled ? 0 : time;
     const bigDeepSeek = renderBigText('DEEPSEEK', t, wordmarkRGB, taglineRGB, FLASH, 60);
     const bigHarness = renderBigText('HARNESS', t, taglineRGB, PALE, FLASH, 60);
-    return (_jsxs(Box, { ref: ref, flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 2, width: "100%", alignItems: "center", children: [showWhale && _jsx(WhaleArt, { frameIndex: frameIndex, width: FULL_WHALE_WIDTH }), _jsxs(Box, { flexDirection: "column", flexShrink: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [sweep('✦ dsh-TUI', t, wordmarkRGB, wordmarkShimmerRGB, 60), _jsx(Text, { dimColor: true, children: '  v' + VERSION })] }), bigDeepSeek.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row }, `ds-${index}`))), bigHarness.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row }, `h-${index}`))), _jsxs(Text, { wrap: "truncate-end", children: [model, effort !== undefined && _jsx(Text, { dimColor: true, children: ' · ' + capitalize(effort) + ' effort' })] }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: cwd }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: tr('logo-tip-prefix') }), "/model", _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-model'), " \u00B7 "] }), "/help", _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-help'), " \u00B7 "] }), `${modLabel}t`, _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-trace'), " \u00B7 "] }), "Tab", _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-tab')] })] })] })] }), _jsx(Box, { marginTop: 1, paddingLeft: showWhale ? WELCOME_PAD : 2, children: _jsx(Text, { children: sweep(tr('logo-tagline'), t, taglineRGB, FLASH, 60) }) })] }));
+    return (_jsxs(Box, { ref: ref, flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 2, width: "100%", alignItems: "center", children: [showWhale && _jsx(WhaleArt, { frameIndex: frameIndex, width: FULL_WHALE_WIDTH }), _jsxs(Box, { flexDirection: "column", flexShrink: 1, children: [_jsxs(Text, { wrap: "truncate-end", children: [sweep('✦ dsh-TUI', t, wordmarkRGB, wordmarkShimmerRGB, 60), _jsx(Text, { dimColor: true, children: '  v' + VERSION })] }), bigDeepSeek.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row }, `ds-${index}`))), bigHarness.map((row, index) => (_jsx(Text, { wrap: "truncate-end", children: row }, `h-${index}`))), _jsxs(Text, { wrap: "truncate-end", children: [model, effort !== undefined && _jsx(Text, { dimColor: true, children: ' · ' + capitalize(effort) + ' effort' })] }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: cwd }), _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { dimColor: true, children: tr('logo-tip-prefix') }), "/model", _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-model'), " \u00B7 "] }), "/help", _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-help'), " \u00B7 "] }), "Tab", _jsxs(Text, { dimColor: true, children: [" ", tr('logo-tip-tab')] })] })] })] }), _jsx(Box, { marginTop: 1, paddingLeft: showWhale ? WELCOME_PAD : 2, children: _jsx(Text, { children: sweep(tr('logo-tagline'), t, taglineRGB, FLASH, 60) }) })] }));
 }

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

@@ -2,13 +2,15 @@ import React from 'react';
 import { type ScrollBoxHandle } from '../ui.js';
 import type { ChatRow } from '../dsh-adapter/channel.js';
 import type { DOMElement } from '../ink/dom.js';
-export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, model, showAll, onToggleAll, onLoadOlder, thinkingVisible, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, failureHintRowId, failureHint, }: {
+export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, model, diffLayout, showAll, onToggleAll, onLoadOlder, thinkingVisible, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, failureHintRowId, failureHint, }: {
     rows: readonly ChatRow[];
     expanded: boolean;
     expandedRows: ReadonlySet<number>;
     selectedId: number | null;
     onToggleRow: (rowId: number) => void;
     model: string;
+    /** Edit/Write diff presentation preference (forwarded to tool cards). */
+    diffLayout?: 'auto' | 'split' | 'unified';
     showAll: boolean;
     onToggleAll: () => void;
     /** Restore folded-away older rows from the session log (CC-style "load

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

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,KAAK,EAAE,OAAO,EAAyC,MAAM,2BAA2B,CAAA;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAuC/C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACP,WAAW,EACX,WAAW,EACX,eAAsB,EACtB,cAAc,EACd,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,SAAS,OAAO,EAAE,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB;2EACuE;IACvE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,oDAAoD;IACpD,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B;8EAC0E;IAC1E,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,qBAwPA;AAuQD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,KAAK,CAAC,SAAS,CAMlB"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,KAAK,EAAE,OAAO,EAAyC,MAAM,2BAA2B,CAAA;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAuC/C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAmB,EACnB,OAAO,EACP,WAAW,EACX,WAAW,EACX,eAAsB,EACtB,cAAc,EACd,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,SAAS,OAAO,EAAE,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB;2EACuE;IACvE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,oDAAoD;IACpD,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B;8EAC0E;IAC1E,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,qBAiRA;AA2QD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;CACZ,GAAG,KAAK,CAAC,SAAS,CAMlB"}

package/lib/types/components/MessageList.js

@@ -37,7 +37,7 @@ const DEFAULT_ROW_HEIGHT = 2;
 /** Cold-start estimate of the header block above the rows; corrected by the
  *  first layout measurement. */
 const DEFAULT_HEADER_LINES = 14;
-export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, model, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, failureHintRowId, failureHint, }) {
+export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, model, diffLayout = 'auto', showAll, onToggleAll, onLoadOlder, thinkingVisible = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, failureHintRowId, failureHint, }) {
     const hiddenCount = rows.length - MAX_RENDERED_ROWS;
     // The thinking filter runs BEFORE virtualization so window indices line up.
     const visibleRows = (showAll || hiddenCount <= 0
@@ -129,6 +129,21 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
     // transcript mid-stream.
     if (sticky && visibleRows.length > 0) {
         start = Math.min(start, visibleRows.length - 1);
+        // Blank-band guard: sticky scrollTop tracks the renderer's FRESH Yoga
+        // scrollHeight, while these offsets use per-row heights measured one to
+        // two commits late. During fast streaming the accurate scrollTop scans
+        // deeper through the underestimated offsets than the real viewport does,
+        // unmounting rows that are still on screen (visible spacer band). Walk
+        // backwards from the tail with the known heights and mount at least one
+        // viewport plus overscan of content above it, so the window can never
+        // open a gap inside what the user is looking at.
+        let covered = viewport + OVERSCAN_LINES;
+        let floor = visibleRows.length - 1;
+        while (floor > 0 && covered > 0) {
+            covered -= heightOf(visibleRows[floor]);
+            floor--;
+        }
+        start = Math.min(start, floor + 1);
     }
     if (forceMountRowId !== undefined && forceMountRowId !== null) {
         const idx = visibleRows.findIndex(row => row.id === forceMountRowId);
@@ -195,7 +210,16 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
         }
         if (scrollHandle) {
             if (sticky || (start === 0 && end >= visibleRows.length)) {
-                scrollHandle.setClampBounds(undefined, undefined);
+                // Sticky still needs the MIN clamp: the first wheel-up breaks sticky
+                // on the DOM (ScrollBox.scrollBy) several frames before React
+                // commits a new mount window, and the drain frames in between paint
+                // unmounted spacer rows as a blank band. Clamping to the currently
+                // mounted top shows the edge content until React catches up - same
+                // behavior as the steady-state scroll path. The MAX clamp stays
+                // disabled: sticky follow pushes scrollTop to each frame's new
+                // maxScroll, which a stale mounted max would clamp away.
+                const min = start > 0 ? Math.max(0, base + topPad - viewport) : undefined;
+                scrollHandle.setClampBounds(min, undefined);
             }
             else {
                 const min = Math.max(0, base + topPad - viewport);
@@ -232,10 +256,10 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
                 // spacing; only the very first row of the whole list has none.
                 const addMargin = margins.get(row.id) === true;
                 const tool = row.tool;
-                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: row.text, executionTarget: row.executionTarget, streaming: row.streaming === true, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, nowSec: tool?.status === 'running' ? nowSec : undefined, onToggleRow: onToggleRow, setRowRef: setRowRef }, row.id));
+                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: row.text, executionTarget: row.executionTarget, streaming: row.streaming === true, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, nowSec: tool?.status === 'running' ? nowSec : undefined, onToggleRow: onToggleRow, setRowRef: setRowRef }, row.id));
             }), bottomPad > 0 && _jsx(Box, { height: bottomPad, flexShrink: 0 })] }));
 }
-function TranscriptRow({ rowId, kind, text, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, onToggleRow, setRowRef, }) {
+function TranscriptRow({ rowId, kind, text, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, onToggleRow, setRowRef, }) {
     const ref = React.useCallback((el) => {
         setRowRef(rowId, el);
     }, [setRowRef, rowId]);
@@ -277,7 +301,7 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
                 startedAt: toolStartedAt,
                 durationMs: toolDurationMs,
             };
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote }) }));
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout }) }));
         }
         case 'notice':
             return (_jsx(Box, { marginTop: 1, ref: ref, children: _jsx(Divider, { title: ` ${text} ` }) }));

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

@@ -0,0 +1,31 @@
+/**
+ * Error boundary for plugin scenes (dsh-tui-scenes). A scene component is
+ * third-party code rendered inside Chat's tree: without a boundary a render
+ * error propagates to ink's app-level boundary (src/ink/components/App.tsx)
+ * and takes the whole TUI down with it. Catching here collapses the blast
+ * radius to the scene itself — the host reports the error to the transcript
+ * and closes the scene, landing the user back on the conversation.
+ *
+ * Boundaries catch render/lifecycle errors only; errors thrown from async
+ * handlers and effects remain the scene's own responsibility (see the
+ * 场景红线 section in docs/plugins.md).
+ */
+import React from 'react';
+type PluginSceneBoundaryProps = {
+    /** Scene id, echoed into the error report. */
+    readonly id: string;
+    /** Called once per caught error; the host reports it and closes the scene. */
+    readonly onError: (id: string, error: Error) => void;
+    readonly children: React.ReactNode;
+};
+type PluginSceneBoundaryState = {
+    readonly crashed: boolean;
+};
+export declare class PluginSceneBoundary extends React.Component<PluginSceneBoundaryProps, PluginSceneBoundaryState> {
+    state: PluginSceneBoundaryState;
+    static getDerivedStateFromError(): PluginSceneBoundaryState;
+    componentDidCatch(error: Error): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=PluginSceneBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSceneBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/PluginSceneBoundary.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,wBAAwB,GAAG;IAC9B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IACpD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CACtD,wBAAwB,EACxB,wBAAwB,CACzB;IACU,KAAK,EAAE,wBAAwB,CAAqB;IAE7D,MAAM,CAAC,wBAAwB,IAAI,wBAAwB;IAQlD,iBAAiB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAIrC,MAAM,IAAI,KAAK,CAAC,SAAS;CAGnC"}

package/lib/types/components/PluginSceneBoundary.js

@@ -0,0 +1,29 @@
+/**
+ * Error boundary for plugin scenes (dsh-tui-scenes). A scene component is
+ * third-party code rendered inside Chat's tree: without a boundary a render
+ * error propagates to ink's app-level boundary (src/ink/components/App.tsx)
+ * and takes the whole TUI down with it. Catching here collapses the blast
+ * radius to the scene itself — the host reports the error to the transcript
+ * and closes the scene, landing the user back on the conversation.
+ *
+ * Boundaries catch render/lifecycle errors only; errors thrown from async
+ * handlers and effects remain the scene's own responsibility (see the
+ * 场景红线 section in docs/plugins.md).
+ */
+import React from 'react';
+export class PluginSceneBoundary extends React.Component {
+    state = { crashed: false };
+    static getDerivedStateFromError() {
+        // Suppress the scene's next render. The host's onError closes the scene
+        // in the same commit turn, so this null fallback normally never paints;
+        // it exists only to keep a closed-nowhere crash from remounting the
+        // throwing component in a loop.
+        return { crashed: true };
+    }
+    componentDidCatch(error) {
+        this.props.onError(this.props.id, error);
+    }
+    render() {
+        return this.state.crashed ? null : this.props.children;
+    }
+}

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

@@ -1,14 +1,26 @@
 import React from 'react';
 import type { ChatRow } from '../dsh-adapter/channel.js';
+import type { TuiRewindMode } from '../dsh-adapter/extension-events.js';
 /**
  * Double-Esc rewind picker (CC's "Double-tap esc to rewind the code and/or
  * conversation to a previous point in time"): lists the user's past messages
  * newest-first; selecting one and confirming rewinds the conversation to
  * that point (the message comes back into the input for re-editing).
+ *
+ * The confirm pane has two shapes: the plain one (Enter rewinds), and —
+ * when a plugin answered the tui/rewind-prompt decision with extra modes —
+ * a choice list whose option zero is always the built-in conversation-only
+ * rewind, followed by the plugin's modes (e.g. "also restore files").
  */
-export declare function RewindPicker({ rows, focusIndex, confirmRow, }: {
+export declare function RewindPicker({ rows, focusIndex, confirmRow, modes, modeIndex, busy, }: {
     rows: readonly ChatRow[];
     focusIndex: number;
     confirmRow: ChatRow | null;
+    /** Plugin-offered rewind modes (tui/rewind-prompt); null = plain confirm. */
+    modes?: readonly TuiRewindMode[] | null;
+    /** Focused option in the modes list (0 = conversation-only). */
+    modeIndex?: number;
+    /** True while the plugin decision is in flight. */
+    busy?: boolean;
 }): React.ReactNode;
 //# sourceMappingURL=RewindPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RewindPicker.d.ts","sourceRoot":"","sources":["../../../src/components/RewindPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAMxD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,UAAU,EACV,UAAU,GACX,EAAE;IACD,IAAI,EAAE,SAAS,OAAO,EAAE,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,OAAO,GAAG,IAAI,CAAA;CAC3B,GAAG,KAAK,CAAC,SAAS,CA+DlB"}
+{"version":3,"file":"RewindPicker.d.ts","sourceRoot":"","sources":["../../../src/components/RewindPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAMvE;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,UAAU,EACV,UAAU,EACV,KAAY,EACZ,SAAa,EACb,IAAY,GACb,EAAE;IACD,IAAI,EAAE,SAAS,OAAO,EAAE,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,OAAO,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,IAAI,CAAA;IACvC,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,KAAK,CAAC,SAAS,CA4GlB"}

package/lib/types/components/RewindPicker.js

@@ -10,9 +10,33 @@ import { listWindow } from './listWindow.js';
  * conversation to a previous point in time"): lists the user's past messages
  * newest-first; selecting one and confirming rewinds the conversation to
  * that point (the message comes back into the input for re-editing).
+ *
+ * The confirm pane has two shapes: the plain one (Enter rewinds), and —
+ * when a plugin answered the tui/rewind-prompt decision with extra modes —
+ * a choice list whose option zero is always the built-in conversation-only
+ * rewind, followed by the plugin's modes (e.g. "also restore files").
  */
-export function RewindPicker({ rows, focusIndex, confirmRow, }) {
+export function RewindPicker({ rows, focusIndex, confirmRow, modes = null, modeIndex = 0, busy = false, }) {
     if (confirmRow !== null) {
+        if (modes !== null) {
+            // Plugin modes: a described choice list (one extra row per
+            // description), windowed like the message list below.
+            const { rows: terminalRows } = useTerminalSize();
+            const rowCosts = [2, ...modes.map(mode => (mode.description === undefined ? 1 : 2))];
+            const { start, end } = listWindow(rowCosts, modeIndex, Math.max(terminalRows - 10, 2));
+            const options = [
+                { key: 'conversation', label: t('rewind-mode-default'), description: t('rewind-confirm-desc') },
+                ...modes.map(mode => ({
+                    key: mode.id,
+                    label: mode.label,
+                    ...(mode.description === undefined ? {} : { description: mode.description }),
+                })),
+            ];
+            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-confirm-title') }), _jsx(Text, { dimColor: true, children: preview(confirmRow.text) })] }), options.slice(start, end).map((option, index) => {
+                                const absoluteIndex = start + index;
+                                return (_jsx(ListItem, { isFocused: absoluteIndex === modeIndex, description: option.description, showScrollUp: absoluteIndex === start && start > 0, showScrollDown: absoluteIndex === end - 1 && end < options.length, children: option.label }, option.key));
+                            })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
+        }
         return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('rewind-confirm-title') }) }), _jsx(ListItem, { isFocused: false, description: t('rewind-confirm-desc'), children: preview(confirmRow.text) }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-rewind-back') }) })] }) }));
     }
     const { rows: terminalRows } = useTerminalSize();
@@ -23,7 +47,7 @@ export function RewindPicker({ rows, focusIndex, confirmRow, }) {
     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) => {
                         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, children: preview(row.text) }, row.id));
-                    }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
+                    })), busy && _jsx(Text, { dimColor: true, children: t('rewind-waiting-plugins') })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
 }
 /** One-line preview of a message (newlines flattened, capped). */
 function preview(text) {

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { SkillInfo } from '../dsh-adapter/channel.js';
+/**
+ * `/skills` picker (issue #204) in the ModelPicker style: a
+ * permission-colored Pane listing the live agent's skill catalog —
+ * user-invocable skills lead with `/name`（它们在 / 菜单里也是这个形态），
+ * 描述行是「来源 · 简述」。Enter 由 Chat 填回 `/name `，Esc 关闭。
+ *
+ * 长列表按焦点窗口化（ModelPicker 同款）：picker 经 OverlayAbove 浮层挂载后
+ * 有 maxHeight 裁剪，全量渲染会让焦点行被裁掉（看不到焦点按 Enter）。
+ */
+export declare function SkillsPicker({ skills, focusIndex, }: {
+    skills: readonly SkillInfo[];
+    focusIndex: number;
+}): React.ReactNode;
+/** `/skills` while the registry snapshot is still in flight (ModelPickerLoading 同款). */
+export declare function SkillsPickerLoading(): React.ReactNode;
+//# sourceMappingURL=SkillsPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkillsPicker.d.ts","sourceRoot":"","sources":["../../../src/components/SkillsPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AA2B1D;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAU,GACX,EAAE;IACD,MAAM,EAAE,SAAS,SAAS,EAAE,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAyClB;AAED,wFAAwF;AACxF,wBAAgB,mBAAmB,IAAI,KAAK,CAAC,SAAS,CAerD"}