@deepseek-harness-tui/dsh-tui 0.8.0 → 0.8.2

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

@@ -0,0 +1,40 @@
+/**
+ * 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 { type TuiDialogAnswer, type TuiDialogSnapshot } from '../dsh-adapter/dialogs.js';
+export type ExtensionDialogProps = {
+    /** The pending dialog (TuiDialogStore snapshot; `key` remounts per dialog). */
+    readonly dialog: TuiDialogSnapshot;
+    readonly onDecide: (value: TuiDialogAnswer) => void;
+    readonly onCancel: () => void;
+};
+export declare function ExtensionDialog({ dialog, onDecide, onCancel }: ExtensionDialogProps): React.ReactNode;
+//# sourceMappingURL=ExtensionDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ExtensionDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,EAAe,KAAK,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAGrG,MAAM,MAAM,oBAAoB,GAAG;IACjC,+EAA+E;IAC/E,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAA;IAClC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CASrG"}

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

@@ -4,13 +4,13 @@ import type { LoadedContext } from '../dsh-adapter/channel.js';
  * The startup context panel: a collapsed one-line summary 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), expandable to the grouped details with Ctrl+P. The `/context`
+ * local command still prints the same details as a transcript report.
+ * The panel renders only while the transcript is still empty — the first
+ * message's rows take over. 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.
+ * @param onToggle - flips `open`; fired by the Ctrl+P keybinding.
  */
 export declare function LoadedContextPanel({ context, open, onToggle, }: {
     context: LoadedContext;

package/lib/types/components/LoadedContextPanel.js

@@ -14,17 +14,17 @@ function Group({ title, children }) {
  * The startup context panel: a collapsed one-line summary 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), expandable to the grouped details with Ctrl+P. The `/context`
+ * local command still prints the same details as a transcript report.
+ * The panel renders only while the transcript is still empty — the first
+ * message's rows take over. 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.
+ * @param onToggle - flips `open`; fired by the Ctrl+P keybinding.
  */
 export function LoadedContextPanel({ context, open, onToggle, }) {
     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 (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [_jsx(Box, { paddingX: 1, backgroundColor: open ? 'userMessageBackground' : undefined, children: _jsxs(Text, { bold: open, wrap: "truncate", children: [open ? '▼' : '▶', " ", _jsxs(Text, { dimColor: true, children: ["\uFF08Ctrl+P", open ? t('context-panel-collapse') : t('context-panel-expand'), "\uFF09"] }), " ", t('context-loaded'), " \u00B7 ", summary] }) }), 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))) })), _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;AAwDzB;;;;;;;;;;;;;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,CAqFlB"}

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';
@@ -10,6 +9,7 @@ import { getTheme } from '../theme.js';
 import { useTheme } from './design-system/ThemeProvider.js';
 import { parseRGB } from './Spinner/spinnerUtils.js';
 import { renderBigText } from './bigfont.js';
+import { stringWidth } from '../ink/stringWidth.js';
 import { BRAND, FLASH, ICE, PALE, sweep } from './shimmer.js';
 import { STANDARD_FRAME_INDEX, WhaleArt } from './Whale.js';
 import { OPENING_SEQUENCE } from './whaleFrames.js';
@@ -36,13 +36,16 @@ const WHALE_MIN_COLUMNS = 64;
  */
 const FULL_WHALE_WIDTH = 40;
 /**
- * Leading spaces that center the welcome line under the drawn whale: the
- * art's bounding box spans sprite columns 3..34 (center 18.5) of the
- * 40-wide box, and the tagline measure 14
- * columns — 18.5 − 7 = 11.5 → 12. Centered on the full 40-column box
- * instead would need 13, which reads one column right of the whale body.
+ * Center of the whale art's bounding box: sprite columns 3..34 (center
+ * 18.5) of the 40-wide box. The welcome tagline is indented so its own
+ * center lands on this column — for the 14-column Chinese tagline that is
+ * 18.5 − 7 = 11.5 → 12 leading spaces. (Centering on the full 40-column
+ * box would need 13, which reads one column right of the whale body.)
+ * The pad is recomputed from the rendered tagline's display width so
+ * longer locales — e.g. the 21-column English tagline → 8 — stay
+ * centered under the art too.
  */
-const WELCOME_PAD = 12;
+const WHALE_CENTER = 18.5;
 /** `max` → `Max` (effort levels arrive lower-case from the adapter). */
 function capitalize(text) {
     return text.length === 0 ? text : text[0].toUpperCase() + text.slice(1);
@@ -90,7 +93,12 @@ export function LogoV2({ model, effort, cwd, skipIntro = false, }) {
     // Frozen clock for the settled header: t=0 parks every sweep highlight
     // off-screen, leaving the static gradient behind.
     const t = settled ? 0 : time;
+    const tagline = tr('logo-tagline');
+    // Indent that centers the tagline under the whale art's bounding box.
+    const welcomePad = showWhale
+        ? Math.max(0, Math.round(WHALE_CENTER - stringWidth(tagline) / 2))
+        : 2;
     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: welcomePad, children: _jsx(Text, { children: sweep(tagline, t, taglineRGB, FLASH, 60) }) })] }));
 }

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

@@ -18,7 +18,19 @@ type Props = {
 /**
  * 混合渲染 Markdown 内容：表格用带边框的 flexbox 组件，其余内容由
  * formatToken 生成 ANSI 字符串放入 Text。高亮对象异步就绪后自动刷新。
+ *
+ * memo by content: finished transcript blocks render with the SAME string
+ * identity for the whole session (StreamingMarkdown keeps its stable prefix
+ * identity-stable precisely to hit this); without the memo every parent
+ * re-render re-ran the full token→ANSI→yoga pipeline for every settled
+ * block — the dominant long-output stall (string-width via wrap-ansi, 60%+
+ * of CPU in streaming profiles).
+ */
+declare function MarkdownImpl({ children, dimColor, cacheTokens }: Props): React.ReactNode;
+/**
+ * Memoized Markdown: skips the whole token→ANSI→layout pipeline when the
+ * content string is the same reference (see MarkdownImpl's doc comment).
  */
-export declare function Markdown({ children, dimColor, cacheTokens }: Props): React.ReactNode;
+export declare const Markdown: React.MemoExoticComponent<typeof MarkdownImpl>;
 export {};
 //# sourceMappingURL=Markdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;;GAQG;AAEH,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AA4GD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,WAAkB,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA6BnG"}
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;;GAQG;AAEH,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AA4GD;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,WAAkB,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA6BhG;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,gDAMpB,CAAA"}

package/lib/types/components/Markdown.js

@@ -90,8 +90,15 @@ function renderTokensToNodes(tokens, highlight, dimColor) {
 /**
  * 混合渲染 Markdown 内容：表格用带边框的 flexbox 组件，其余内容由
  * formatToken 生成 ANSI 字符串放入 Text。高亮对象异步就绪后自动刷新。
+ *
+ * memo by content: finished transcript blocks render with the SAME string
+ * identity for the whole session (StreamingMarkdown keeps its stable prefix
+ * identity-stable precisely to hit this); without the memo every parent
+ * re-render re-ran the full token→ANSI→yoga pipeline for every settled
+ * block — the dominant long-output stall (string-width via wrap-ansi, 60%+
+ * of CPU in streaming profiles).
  */
-export function Markdown({ children, dimColor = false, cacheTokens = true }) {
+function MarkdownImpl({ children, dimColor = false, cacheTokens = true }) {
     const [highlight, setHighlight] = React.useState(null);
     React.useEffect(() => {
         let mounted = true;
@@ -110,3 +117,10 @@ export function Markdown({ children, dimColor = false, cacheTokens = true }) {
     }, [children, dimColor, highlight, cacheTokens]);
     return (_jsx(Box, { flexDirection: "column", gap: 1, children: renderedNodes }));
 }
+/**
+ * Memoized Markdown: skips the whole token→ANSI→layout pipeline when the
+ * content string is the same reference (see MarkdownImpl's doc comment).
+ */
+export const Markdown = React.memo(MarkdownImpl, (prev, next) => prev.children === next.children &&
+    prev.dimColor === next.dimColor &&
+    prev.cacheTokens === next.cacheTokens);

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

@@ -2,7 +2,7 @@ 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, diffLayout, showAll, onToggleAll, onLoadOlder, thinkingVisible, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, failureHintRowId, failureHint, }: {
+export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, model, diffLayout, thinkingFold, showAll, onToggleAll, onLoadOlder, thinkingVisible, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, failureHintRowId, failureHint, }: {
     rows: readonly ChatRow[];
     expanded: boolean;
     expandedRows: ReadonlySet<number>;
@@ -11,6 +11,8 @@ export declare function MessageList({ rows, expanded, expandedRows, selectedId,
     model: string;
     /** Edit/Write diff presentation preference (forwarded to tool cards). */
     diffLayout?: 'auto' | 'split' | 'unified';
+    /** Thinking-block display mode from channel (`preview`/`full`). */
+    thinkingFold?: 'preview' | 'full';
     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,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,qBAyPA;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"}
+{"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,YAAwB,EACxB,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,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACjC,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,qBA6VA;AAmRD;;;;;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"}