@deepseek-harness-tui/dsh-tui 0.11.0 → 0.11.2

package/lib/types/components/PromptInput.js

@@ -24,7 +24,7 @@ import { imagePathMediaType, parsePastedImagePath, stageClipboardFilePaths } fro
 import { editInExternalEditor } from '../utils/externalEditor.js';
 import { setPromptEditorNode, EditorButton } from './PromptEditor.js';
 import { isHiddenCommandName, parseCommandName } from '../commands.js';
-import { appendHistory } from '../history.js';
+import { appendHistory, HISTORY_LIMIT, loadHistoryOldestFirst } from '../history.js';
 import { mentionAtCaret } from '../utils/mentions.js';
 import { preserveSelection } from '../utils/fileSuggestions.js';
 import { isMod } from '../utils/modifiers.js';
@@ -35,7 +35,6 @@ import { HelpMenu } from './HelpMenu.js';
 import { OverlayAbove } from './OverlayAbove.js';
 import { SuggestionCard, cardContentWidth } from './SuggestionCard.js';
 import { filterLiveImageBindings, isUsableDraftSnapshot, resolveBindingGeneration, } from './promptDraftCache.js';
-const HISTORY_LIMIT = 50;
 /**
  * Visible text of the session-entry control at the head of the input row:
  * U+2338 APL FUNCTIONAL SYMBOL QUAD COLON plus a separator space.
@@ -74,17 +73,58 @@ const isBigInput = (text) => text.split('\n').length >= FOLD_MIN_LINES || text.l
  * Strip terminal controls and expand tabs at ingress while preserving newlines.
  */
 const EDITABLE_CONTROL = /[\u0000-\u0009\u000b-\u001f\u007f]/u;
-/** Normalize editable text so no terminal control characters remain in state. */
-function sanitizeEditableText(text) {
+/**
+ * Raw win32-input-mode records (`CSI Vk;Sc;Uc;Kd;Cs;Rc _`) that reached the
+ * editable buffer as text instead of being translated. `stripAnsi` consumes
+ * the record head and leaves its terminating `_` in the draft — the stray
+ * underscore users see after a multi-line paste (issue #1090). Only the full
+ * record grammar (exactly five `;` separators) matches, so a real `_` and
+ * ordinary bracket text survive untouched.
+ */
+const WIN32_RECORD_RESIDUE = /\u001b\[\d*(?:;\d*){5}_/gu;
+/**
+ * The same record with its ESC byte missing: what a record split across
+ * reads leaves behind when the escape timer flushed the prefix before the
+ * tail arrived. Printable, so it is stripped only from paste payloads
+ * ({@link sanitizePastedText}) — and only when the same payload also carries
+ * a full ESC-bearing record as in-payload evidence of that split; typed text
+ * and literal clipboard/bracketed-paste bytes are left untouched.
+ */
+const WIN32_RECORD_RESIDUE_TAIL = /\[\d*(?:;\d*){5}_/gu;
+/**
+ * Normalize editable text so no terminal control characters remain in state.
+ */
+export function sanitizeEditableText(text) {
     // Fast path for ordinary and multi-line drafts: newline is intentionally
-    // absent from the probe, so a large clean paste returns without regex work.
+    // absent from the probe, so large clean text returns without the
+    // stripAnsi/control-normalization passes.
     if (!EDITABLE_CONTROL.test(text))
         return text;
-    return stripAnsi(text)
+    // Record residue goes first: `stripAnsi` would consume the CSI head and
+    // leave only the terminating `_` behind.
+    return stripAnsi(text.replace(WIN32_RECORD_RESIDUE, ''))
         .replace(/\r\n?/gu, '\n')
         .replace(/\t/gu, '        ')
         .replace(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/gu, '');
 }
+/**
+ * Paste-payload ingress: strip the ESC-less tail of a split record before
+ * normalizing. The tail is printable, so it survives `sanitizeEditableText`'s
+ * control probe untouched; typed text keeps it because only a paste payload
+ * can carry a partial record.
+ *
+ * The five separators only prove the *shape*, not that a record was split:
+ * a user can legitimately paste the literal `[13;28;13;1;0;1_`. Strip the
+ * ESC-less form only when the same payload also carries a full ESC-bearing
+ * record — only then is there in-payload evidence of a split stream.
+ * Otherwise the bytes are ordinary text and must survive verbatim.
+ */
+export function sanitizePastedText(text) {
+    // Probe with String#match: the /g detection regex carries lastIndex state
+    // across `.test` calls, so a previous success could skip a later match.
+    const hasRecordStream = text.match(WIN32_RECORD_RESIDUE) !== null;
+    return sanitizeEditableText(hasRecordStream ? text.replace(WIN32_RECORD_RESIDUE_TAIL, '') : text);
+}
 const COMPOSER_IMAGE_TOKEN = /\[Image #\d+\]/gu;
 /** Format label for one image media type, matching the image preview card's
  *  title (`JPEG`, `PNG`, `WEBP`, `GIF`). */
@@ -535,6 +575,8 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
     const history = React.useRef([]);
     const historyIndex = React.useRef(-1);
     const historyDraft = React.useRef({ text: '', images: [] });
+    /** The persisted history is read lazily, once per mount (see seedHistory). */
+    const historySeeded = React.useRef(false);
     /** Visible `[Image #N]` labels are presentation only; this sidecar carries
      * the non-reusable capability for the current draft. History/rewind text
      * restored without this map can never bind to a later image by accident. */
@@ -1096,7 +1138,26 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
             return;
         }
     };
+    /**
+     * Seed the walk with the persisted history (issue #986). `↑`/`↓` used to
+     * see only what this process submitted, so a restart lost every earlier
+     * entry. Seeding before the first push keeps ONE chronological list —
+     * persisted entries first, this run's submits behind them — instead of two
+     * lists to merge at recall time. Restored text carries no image capability
+     * (the file stores text only), which is also what keeps a recalled entry
+     * from binding to a later staged image by accident.
+     */
+    const seedHistory = () => {
+        if (historySeeded.current)
+            return;
+        historySeeded.current = true;
+        history.current = loadHistoryOldestFirst().map(entry => ({ text: entry.text, images: [] }));
+        historyIndex.current = -1;
+    };
     const rememberHistory = (text, images) => {
+        // Both entries into the walk (a submit and ↑) must see the persisted
+        // prefix, so seed here rather than merging two lists later.
+        seedHistory();
         history.current.push({
             text,
             images: images.map(image => ({ ...image })),
@@ -1203,6 +1264,30 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
         setFileSelected(0);
         channel.notify(t('input-retracted'), { timeoutMs: 2000 });
     };
+    /**
+     * Withdraw the queued copy of the text `↑` just recalled (issue #986): the
+     * message is still parked in the inbox, so editing it and sending again
+     * would run the same text twice. Alt+Up withdraws explicitly; walking the
+     * history to the same text has to land in the same place. The newest match
+     * wins — `↑` walks newest-first and the queue is FIFO. A message the
+     * running turn already claimed cannot be withdrawn, and saying so beats
+     * pretending it was.
+     */
+    const retractRecalledCopy = (text) => {
+        let target;
+        for (const item of channel.pending) {
+            if (item.text === text)
+                target = item;
+        }
+        if (target === undefined)
+            return;
+        if (channel.removePending(target.id)) {
+            channel.notify(t('input-retracted'), { timeoutMs: 2000 });
+        }
+        else {
+            channel.notify(t('input-cannot-retract'), { color: 'warning', timeoutMs: 2500 });
+        }
+    };
     /**
      * Ctrl+Enter: abort the running turn and send the input immediately — the
      * model stops what it is doing and starts on this message right away.
@@ -1644,7 +1729,7 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
         // Newlines remain data — they are NOT Enter — so this branch runs before
         // the whole-line submit rule.
         if (event?.isPasted && input.length > 0) {
-            const text = sanitizeEditableText(input.replace(/\r\n/g, '\n').replace(/\r/g, '\n'));
+            const text = sanitizePastedText(input.replace(/\r\n/g, '\n').replace(/\r/g, '\n'));
             // Desktop drops reach the TUI as pasted text (Ghostty forwards
             // Shell.escape(path) through the PTY with no drop boundary). Only a
             // paste that IS one unambiguous existing local image path stages as
@@ -1713,7 +1798,7 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
                         return;
                     }
                     if (content.kind === 'unavailable') {
-                        channel.notify(t('input-clipboard-unavailable'), { color: 'warning' });
+                        channel.notify(t(content.wsl === true ? 'input-clipboard-unavailable-wsl' : 'input-clipboard-unavailable'), { color: 'warning' });
                         return;
                     }
                     if (content.kind === 'image') {
@@ -1802,7 +1887,7 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
                         return;
                     // Insert against the LIVE input state: the read above resolved
                     // asynchronously and the user may have typed while waiting.
-                    const text = sanitizeEditableText(formatClipboardInsert(content));
+                    const text = sanitizePastedText(formatClipboardInsert(content));
                     const { at } = insertClipboardAtCaret(text);
                     // Same fold as bracketed paste — but never inside the expanded
                     // editor (plain text there, see the isPasted branch).
@@ -2086,6 +2171,7 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
                 setSelectedCommand(index => index <= 0 ? suggestions.length - 1 : index - 1);
                 return;
             }
+            seedHistory();
             if (history.current.length === 0)
                 return;
             if (historyIndex.current < 0) {
@@ -2101,6 +2187,7 @@ export function PromptInput({ channel, suspended = false, draftCache, helpOpen,
             const entry = history.current[historyIndex.current];
             if (entry === undefined)
                 return;
+            retractRecalledCopy(entry.text);
             updateFoldBlock(null);
             restoreDraftImages(entry);
             setInput(entry.text);

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

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

package/lib/types/components/SplitDiffView.js

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

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import type { StarMilestone } from '../usageStats.js';
+/** What a star attempt came back with (the modal renders each outcome). */
+export type StarAttempt = {
+    readonly kind: 'starred';
+} | {
+    readonly kind: 'no-gh';
+    readonly url: string;
+} | {
+    readonly kind: 'not-authed';
+    readonly url: string;
+} | {
+    readonly kind: 'failed';
+    readonly detail: string;
+    readonly url: string;
+};
+/** The two things the modal can do (Chat supplies the real actions; tests
+ * override them through the same seam). `onStar` reports the outcome so the
+ * modal can celebrate a real star instead of guessing. */
+export interface StarPromptActions {
+    onStar: () => StarAttempt | Promise<StarAttempt>;
+    onOpen: () => void;
+}
+/**
+ * The one-time "asks for a star" startup modal (usage milestones `99h` /
+ * `999 launches`, see `usageStats.ts`). Chat mounts it over a dimmed
+ * click-catcher on boot when `dueStarModal()` says the moment arrived —
+ * never mid-turn, at most one milestone per boot, `Esc`/click-outside
+ * closes, and unmounting hands the keyboard straight back (nothing is left
+ * registered, so it cannot steal keys after closing).
+ *
+ * Composition follows the house design system: the milestone title sits in
+ * the card's top border, the two actions are `ListItem` rows (pointer,
+ * focus colour, hover background — the same component every picker uses),
+ * a `Divider` separates the footer, and the hint line is a `HintLine` with
+ * its bold key. The art slot shows the raster maid first, the animated
+ * pixel whale otherwise.
+ *
+ * A successful star switches the card into a short CELEBRATION instead of
+ * closing silently: confetti falls over the whale, which spouts on a loop,
+ * with a thank-you line — then the card closes itself. A failed attempt
+ * keeps the card open with the reason and the browser escape hatch.
+ */
+export declare function StarPrompt({ milestone, actions, onClose, initialPhase, }: {
+    /** The reached milestone (drives the title's hours/launches wording). */
+    readonly milestone: StarMilestone;
+    readonly actions: StarPromptActions;
+    readonly onClose: () => void;
+    /** 起始阶段：`done` 直接进庆祝态——`/star`、`Alt+S`、标语点击成功后就
+     *  走这条（只演感谢，不再问一次）。 */
+    readonly initialPhase?: 'ask' | 'done';
+}): React.ReactNode;
+//# sourceMappingURL=StarPrompt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StarPrompt.d.ts","sourceRoot":"","sources":["../../../src/components/StarPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAuBrD,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GACnB;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAC5B;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9E;;0DAE0D;AAC1D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;IAChD,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,OAAO,EACP,YAAoB,GACrB,EAAE;IACD,yEAAyE;IACzE,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAA;IACjC,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAA;IACnC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B;2BACuB;IACvB,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CACvC,GAAG,KAAK,CAAC,SAAS,CAsOlB"}

package/lib/types/components/StarPrompt.js

@@ -0,0 +1,281 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput, useTerminalImages, useTerminalSize } from '../ui.js';
+import { getLang, subscribeLang, t } from '../i18n.js';
+import { Divider } from './design-system/Divider.js';
+import { HintLine } from './design-system/HintLine.js';
+import { ListItem } from './design-system/ListItem.js';
+import { MaidPortrait, useMaidPortraits } from './maidPortrait.js';
+import { useTerminalBackground } from './design-system/ThemeProvider.js';
+import { STANDARD_FRAME_INDEX, WhaleArt } from './Whale.js';
+import { OPENING_SEQUENCES, WHALE_FRAME_INDEX } from './whaleFrames.js';
+/** Art slot width — the pixel whale fallback is 40 columns wide, and the
+ * raster portrait fits inside the same slot so the card width never moves. */
+const ART_COLUMNS = 40;
+/** Art slot height: 18 rows (confetti 3 + whale 13 in the celebration), and
+ * the text column is pinned to the same height (see the column's comment). */
+const ART_ROWS = 18;
+/** Text column width: every copy line, button and hint stays on ONE row
+ * (the "排版不舒适" report: no stranded `⭐`, no mid-sentence breaks). */
+const TEXT_COLUMNS = 48;
+/** Portrait + text side by side need this many columns (art 40 + gap 2 +
+ * text 48 + card chrome 6); below that the card drops the art and stacks
+ * text at the narrower width. */
+const MIN_ART_COLUMNS = 98;
+/** Card height with the art (18 art rows + 2 border rows); terminals shorter
+ * than this + 2 margin rows get the text-only card. */
+const MIN_ART_ROWS = 23;
+/** Dwell on the standard pose before the fallback whale's intro loops. */
+const WHALE_REST_MS = 3000;
+/** How long the celebration stays before the card closes itself. */
+const CELEBRATION_MS = 4200;
+/**
+ * The one-time "asks for a star" startup modal (usage milestones `99h` /
+ * `999 launches`, see `usageStats.ts`). Chat mounts it over a dimmed
+ * click-catcher on boot when `dueStarModal()` says the moment arrived —
+ * never mid-turn, at most one milestone per boot, `Esc`/click-outside
+ * closes, and unmounting hands the keyboard straight back (nothing is left
+ * registered, so it cannot steal keys after closing).
+ *
+ * Composition follows the house design system: the milestone title sits in
+ * the card's top border, the two actions are `ListItem` rows (pointer,
+ * focus colour, hover background — the same component every picker uses),
+ * a `Divider` separates the footer, and the hint line is a `HintLine` with
+ * its bold key. The art slot shows the raster maid first, the animated
+ * pixel whale otherwise.
+ *
+ * A successful star switches the card into a short CELEBRATION instead of
+ * closing silently: confetti falls over the whale, which spouts on a loop,
+ * with a thank-you line — then the card closes itself. A failed attempt
+ * keeps the card open with the reason and the browser escape hatch.
+ */
+export function StarPrompt({ milestone, actions, onClose, initialPhase = 'ask', }) {
+    React.useSyncExternalStore(subscribeLang, getLang);
+    const { columns, rows } = useTerminalSize();
+    const imagesAvailable = useTerminalImages();
+    const portraits = useMaidPortraits(imagesAvailable);
+    const maidSource = portraits?.normal;
+    // 卡片底色用**终端真底色**（OSC 11）而不是主题的卡片色：后者是一整块
+    // 与终端背景无关的实色板，压在带背景图的终端上很僵硬；用真底色时卡片
+    // 与终端同色、只靠边框和暗化的背景区分层次，同时它也是真图立绘的不透明
+    // 衬底（Sixel 没有 alpha，透明像素得合成到某个实色上）。
+    const terminalBackground = useTerminalBackground();
+    const withArt = columns >= MIN_ART_COLUMNS && rows >= MIN_ART_ROWS;
+    const [phase, setPhase] = React.useState(initialPhase);
+    const [failure, setFailure] = React.useState('');
+    const [selected, setSelected] = React.useState(0);
+    // Some terminals report one Enter twice (parsed Return then raw CR); the
+    // modal must not fire its action twice for one press.
+    const lastEnterRef = React.useRef(0);
+    const live = React.useRef(true);
+    React.useEffect(() => () => { live.current = false; }, []);
+    const runStar = () => {
+        if (phase === 'working' || phase === 'done')
+            return;
+        setPhase('working');
+        void Promise.resolve(actions.onStar()).then(attempt => {
+            if (!live.current)
+                return;
+            if (attempt.kind === 'starred') {
+                setPhase('done');
+                return;
+            }
+            setFailure(attempt.kind === 'failed'
+                ? t('star-failed', { detail: attempt.detail, url: attempt.url })
+                : t(attempt.kind === 'no-gh' ? 'star-no-gh' : 'star-not-authed', { url: attempt.url }));
+            // gh 缺失/未登录这类"本机没法一键"的结局：光标直接落到浏览器那一行，
+            // 用户按一下 Enter 就打开浏览器自己去点（不必先按 ↓）。
+            if (attempt.kind === 'no-gh' || attempt.kind === 'not-authed')
+                setSelected(1);
+            setPhase('failed');
+        }, (error) => {
+            if (!live.current)
+                return;
+            setFailure(t('star-failed', { detail: String(error), url: '' }));
+            setPhase('failed');
+        });
+    };
+    // The celebration bows out on its own; a key press closes it early.
+    React.useEffect(() => {
+        if (phase !== 'done')
+            return;
+        const timer = setTimeout(onClose, CELEBRATION_MS);
+        return () => { clearTimeout(timer); };
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- 只在进入庆祝时起表
+    }, [phase]);
+    useInput((input, key) => {
+        if (phase === 'done') {
+            onClose();
+            return;
+        }
+        if (key.escape) {
+            onClose();
+            return;
+        }
+        if (key.upArrow || key.downArrow || key.tab) {
+            setSelected(previous => (previous + 1) % 2);
+            return;
+        }
+        if (key.return) {
+            const now = Date.now();
+            if (now - lastEnterRef.current < 50)
+                return;
+            lastEnterRef.current = now;
+            if (selected === 0)
+                runStar();
+            else
+                actions.onOpen();
+        }
+    });
+    const textColumns = withArt ? TEXT_COLUMNS : Math.max(24, Math.min(TEXT_COLUMNS, columns - 6));
+    const cardColumns = withArt ? 96 : Math.min(columns, textColumns + 6);
+    // 卡片 = 艺术槽 + 上下边框。absolute 卡片的高度上限由**根节点高度**决定：
+    // 根只有内容高（内联模式的夹具）时，卡片顶端会被裁掉——夹具因此把 Chat
+    // 包在视口大小的 Box 里（真机 alt-screen 的根就是整屏）。
+    const cardRows = withArt ? ART_ROWS + 2 : 18;
+    const left = Math.max(0, Math.floor((columns - cardColumns) / 2));
+    const bottom = Math.max(0, Math.min(Math.floor((rows - cardRows) / 2), rows - cardRows));
+    const celebrating = phase === 'done';
+    const title = celebrating
+        ? t('star-modal-thanks-title')
+        : milestone.hours !== undefined
+            ? t('star-modal-title-hours', { hours: milestone.hours })
+            : t('star-modal-title-launches', { launches: milestone.launches ?? 0 });
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { position: "absolute", bottom: 0, left: 0, width: "100%", height: rows, flexShrink: 0, backdrop: "dim", onClick: onClose }), _jsx(Box, { position: "absolute", left: left, bottom: bottom, width: cardColumns, height: cardRows, flexDirection: "column", flexShrink: 0, overflow: "hidden", backgroundColor: terminalBackground, opaque: true, onClick: event => { event.stopImmediatePropagation(); }, children: _jsxs(Box, { flexDirection: "row", gap: 2, alignItems: "center", justifyContent: "center", borderStyle: "round", borderColor: "inactive", paddingX: 2, backgroundColor: terminalBackground, children: [withArt && (_jsx(ArtSlot, { celebrating: celebrating, phase: phase, imagesAvailable: imagesAvailable, maidSource: maidSource, maidHappy: portraits?.happy, background: terminalBackground })), _jsxs(Box, { flexDirection: "column", width: textColumns, ...(withArt ? { height: ART_ROWS } : {}), children: [_jsx(Box, { height: 1, flexShrink: 0, children: _jsx(Text, { color: "accent", bold: true, wrap: "truncate-end", children: title }) }), _jsx(Box, { height: 1 }), celebrating ? (_jsxs(_Fragment, { children: [_jsx(Text, { wrap: "wrap", children: t('star-modal-thanks-1') }), _jsx(Box, { height: 1 }), _jsx(Text, { wrap: "wrap", children: t('star-modal-thanks-2') }), _jsx(Text, { wrap: "wrap", children: t('star-modal-thanks-3') }), _jsx(Text, { wrap: "wrap", children: t('star-modal-thanks-4') }), _jsx(Box, { flexGrow: 1 }), _jsx(Divider, { width: textColumns }), _jsx(Box, { height: 1 }), _jsx(Text, { dimColor: true, wrap: "wrap", children: _jsx(HintLine, { text: t('star-modal-thanks-hint') }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { wrap: "wrap", children: t('star-modal-body-1') }), _jsx(Box, { height: 1 }), _jsx(Text, { wrap: "wrap", children: t('star-modal-body-2') }), _jsx(Text, { wrap: "wrap", children: t('star-modal-body-3') }), _jsx(Text, { wrap: "wrap", children: t('star-modal-body-4') }), _jsx(Text, { wrap: "wrap", children: t('star-modal-body-5') }), _jsx(Text, { wrap: "wrap", children: t('star-modal-body-6') }), _jsx(Box, { height: 1 }), _jsx(ListItem, { isFocused: selected === 0, disabled: phase === 'working', declareCursor: false, onClick: event => {
+                                                event.stopImmediatePropagation();
+                                                setSelected(0);
+                                                runStar();
+                                            }, children: phase === 'working' ? t('star-modal-working') : t('star-modal-star') }), _jsx(ListItem, { isFocused: selected === 1, declareCursor: false, onClick: event => {
+                                                event.stopImmediatePropagation();
+                                                setSelected(1);
+                                                actions.onOpen();
+                                            }, children: t('star-modal-open') }), phase === 'failed' && (_jsxs(_Fragment, { children: [_jsx(Box, { height: 1 }), _jsx(Text, { color: "error", wrap: "wrap", children: failure })] })), phase !== 'failed' && (_jsxs(_Fragment, { children: [_jsx(Box, { height: 1 }), _jsx(Divider, { width: textColumns })] })), _jsx(Box, { height: 1 }), _jsx(Text, { dimColor: true, wrap: "wrap", children: _jsx(HintLine, { text: t('star-modal-hint') }) })] }))] })] }) })] }));
+}
+/**
+ * The card's art column: the raster maid first, the animated pixel whale
+ * otherwise. While celebrating it shows the **happy maid** (raster→raster in
+ * the same pixel canvas, so the swap is a clean erase+draw) under the star
+ * field; without image protocols the whale spouts instead — character
+ * blocks never take this slot.
+ */
+function ArtSlot({ celebrating, phase, imagesAvailable, maidSource, maidHappy, background, }) {
+    const raster = imagesAvailable && maidSource !== undefined;
+    const frame = useWhaleFrames(celebrating && !raster ? 'celebrate' : raster || phase === 'working' ? 'none' : 'intro');
+    if (celebrating && raster) {
+        return (_jsxs(Box, { width: ART_COLUMNS, height: ART_ROWS, flexShrink: 0, flexDirection: "column", alignItems: "center", justifyContent: "center", backgroundColor: background, children: [_jsx(Confetti, { width: ART_COLUMNS }), _jsx(MaidPortrait, { source: maidHappy ?? maidSource, maxColumns: ART_COLUMNS, maxRows: ART_ROWS - CONFETTI_ROWS, presentation: "preview" })] }));
+    }
+    if (celebrating) {
+        return (_jsxs(Box, { width: ART_COLUMNS, height: ART_ROWS, flexShrink: 0, flexDirection: "column", alignItems: "center", justifyContent: "center", backgroundColor: background, opaque: true, children: [_jsx(Confetti, { width: ART_COLUMNS }), _jsx(WhaleArt, { frameIndex: frame, width: ART_COLUMNS })] }));
+    }
+    if (raster) {
+        return (_jsx(Box, { width: ART_COLUMNS, height: ART_ROWS, flexShrink: 0, flexDirection: "row", justifyContent: "center", alignItems: "center", children: _jsx(MaidPortrait, { source: maidSource, maxColumns: ART_COLUMNS, maxRows: ART_ROWS, presentation: "preview" }) }));
+    }
+    return (_jsx(Box, { width: ART_COLUMNS, height: ART_ROWS, flexShrink: 0, flexDirection: "row", justifyContent: "center", alignItems: "center", children: _jsx(WhaleArt, { frameIndex: frame, width: ART_COLUMNS }) }));
+}
+/**
+ * Drive the art slot's frame: `intro` loops the classic opener with a rest
+ * on the standard pose, `celebrate` loops the water spout (the thank-you
+ * animation), `none` parks on the standard pose with no timer at all.
+ */
+function useWhaleFrames(mode) {
+    const [frame, setFrame] = React.useState(STANDARD_FRAME_INDEX);
+    React.useEffect(() => {
+        if (mode === 'none') {
+            setFrame(STANDARD_FRAME_INDEX);
+            return;
+        }
+        const sequence = mode === 'celebrate' ? CELEBRATION_FRAMES : OPENING_SEQUENCES.classic;
+        let step = 0;
+        let timer;
+        const tick = () => {
+            const current = sequence[step] ?? sequence[0];
+            setFrame(current.frame);
+            const last = step === sequence.length - 1;
+            step = (step + 1) % sequence.length;
+            const rest = mode === 'celebrate' ? 0 : WHALE_REST_MS;
+            timer = setTimeout(tick, last ? (rest || current.ms) : current.ms);
+            timer.unref?.();
+        };
+        tick();
+        return () => { if (timer !== undefined)
+            clearTimeout(timer); };
+    }, [mode]);
+    return frame;
+}
+/**
+ * The celebration loop, paced instead of frantic: the spout blooms up with
+ * easing (130→100ms), falls back slower (110→180ms), rests, then ONE gentle
+ * tail wag, then rests again——约 3.2s 一轮，与卡片的关闭时间同量级。
+ */
+const CELEBRATION_FRAMES = [
+    { frame: WHALE_FRAME_INDEX.spout1, ms: 130 },
+    { frame: WHALE_FRAME_INDEX.spout2, ms: 120 },
+    { frame: WHALE_FRAME_INDEX.spout3, ms: 110 },
+    { frame: WHALE_FRAME_INDEX.spout4, ms: 100 },
+    { frame: WHALE_FRAME_INDEX.spout5, ms: 100 },
+    { frame: WHALE_FRAME_INDEX.spout6, ms: 110 },
+    { frame: WHALE_FRAME_INDEX.spout5, ms: 120 },
+    { frame: WHALE_FRAME_INDEX.spout4, ms: 130 },
+    { frame: WHALE_FRAME_INDEX.spout3, ms: 150 },
+    { frame: WHALE_FRAME_INDEX.spout2, ms: 170 },
+    { frame: WHALE_FRAME_INDEX.spout1, ms: 190 },
+    { frame: STANDARD_FRAME_INDEX, ms: 620 },
+    { frame: WHALE_FRAME_INDEX.tail1, ms: 180 },
+    { frame: WHALE_FRAME_INDEX.tail2, ms: 200 },
+    { frame: WHALE_FRAME_INDEX.tail3, ms: 200 },
+    { frame: WHALE_FRAME_INDEX.tail4, ms: 180 },
+    { frame: STANDARD_FRAME_INDEX, ms: 520 },
+];
+/** 星光两行、稀疏：主星（常亮，金色）+ 闪烁星（各列相位不同，同一帧只有
+ *  三分之一亮着）——比随机撒点安静，也比满屏星星精致。 */
+const CONFETTI_GLYPHS = ['✦', '✧'];
+const CONFETTI_COLORS = ['warning', 'accent', 'activity'];
+const CONFETTI_FRAMES = 3;
+const CONFETTI_ROWS = 2;
+/** 每几列一颗主星（常亮）。 */
+const CONFETTI_ANCHOR_STRIDE = 7;
+const CONFETTI = Array.from({ length: CONFETTI_FRAMES }, (_, frameIndex) => Array.from({ length: CONFETTI_ROWS }, (_, row) => {
+    const runs = [];
+    let current = undefined;
+    let buffer = '';
+    for (let column = 0; column < ART_COLUMNS; column++) {
+        const anchor = column % CONFETTI_ANCHOR_STRIDE === 0;
+        // 闪烁星：每列一个固定相位，逐帧轮到自己亮一次（在 3 帧里亮 1 帧）。
+        const twinkle = !anchor
+            && column % 2 === 0
+            && (column / 2 + row) % CONFETTI_FRAMES === frameIndex;
+        const glyph = anchor ? CONFETTI_GLYPHS[0] : twinkle ? CONFETTI_GLYPHS[1] : ' ';
+        const color = anchor
+            ? CONFETTI_COLORS[0]
+            : twinkle
+                ? (column / 2) % 2 === 0 ? CONFETTI_COLORS[1] : CONFETTI_COLORS[2]
+                : undefined;
+        if (color !== current) {
+            if (buffer !== '')
+                runs.push({ text: buffer, color: current });
+            buffer = '';
+            current = color;
+        }
+        buffer += glyph;
+    }
+    if (buffer !== '')
+        runs.push({ text: buffer, color: current });
+    return runs;
+}));
+/** One confetti band, advancing a frame every 160ms while it is mounted. */
+function Confetti({ width }) {
+    const frame = useConfettiFrame();
+    const rows = CONFETTI[frame] ?? CONFETTI[0];
+    return (_jsx(Box, { flexDirection: "column", flexShrink: 0, width: width, children: rows.map((runs, index) => (_jsx(Text, { wrap: "truncate-end", children: runs.map((run, runIndex) => (_jsx(Text, { color: run.color, children: run.text }, runIndex))) }, index))) }));
+}
+function useConfettiFrame() {
+    const [frame, setFrame] = React.useState(0);
+    React.useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame(previous => (previous + 1) % CONFETTI_FRAMES);
+        }, 220);
+        timer.unref?.();
+        return () => { clearInterval(timer); };
+    }, []);
+    return frame;
+}

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;AAuMzB,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAyIlB"}
+{"version":3,"file":"StreamingMarkdown.d.ts","sourceRoot":"","sources":["../../../src/components/StreamingMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAwMzB,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,CA2JlB"}

package/lib/types/components/StreamingMarkdown.js

@@ -2,8 +2,9 @@ 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 { formatToken, stripPromptXMLTags } from '../terminal-utils/markdown.js';
+import { configureMarked, formatToken, stripPromptXMLTags } from '../terminal-utils/markdown.js';
 import { t } from '../i18n.js';
+import { isMathBlockToken, mayBecomeCodeSpan } from '../terminal-utils/math.js';
 import { isStandaloneToken, Markdown } from './Markdown.js';
 /**
  * Renders streaming markdown in sealed groups of completed top-level blocks.
@@ -177,6 +178,9 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     const prefixVisibleRef = React.useRef(false);
     const prefixEndsWithNodeRef = React.useRef(false);
     const prefixTrailingEmptyTextRef = React.useRef(false);
+    // The boundary lex below must see the same tokenizer extensions (math
+    // blocks) as the Markdown children, or the two disagree on block edges.
+    configureMarked();
     const stripped = stripPromptXMLTags(children);
     // Reset if text was replaced (defensive; normally unmount handles this)
     if (!stripped.startsWith(prefixRef.current)) {
@@ -209,6 +213,19 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     while (lastContentIdx >= 0 && tokens[lastContentIdx].type === 'space') {
         lastContentIdx--;
     }
+    // A block formula after a paragraph with an open backtick run is
+    // provisional until a blank line: the run's closer may still arrive and
+    // turn both into one code span, so the paragraph stays unsealed.
+    let consumed = 0;
+    for (let i = 0; i < lastContentIdx; i++) {
+        const token = tokens[i];
+        if (token.type === 'paragraph' && isMathBlockToken(tokens[i + 1]) &&
+            mayBecomeCodeSpan(token.raw, stripped.substring(boundary + consumed + token.raw.length))) {
+            lastContentIdx = i;
+            break;
+        }
+        consumed += token.raw.length;
+    }
     let advance = 0;
     for (let i = 0; i < lastContentIdx; i++) {
         advance += tokens[i].raw.length;
@@ -249,7 +266,7 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
         }
     }
     if (blocks.definitions) {
-        return _jsx(Markdown, { dimColor: dimColor, cacheTokens: false, children: stripped });
+        return _jsx(Markdown, { dimColor: dimColor, inlineMathImages: false, cacheTokens: false, children: stripped });
     }
     const stablePrefix = prefixRef.current;
     const prefixTail = blocks.tail;
@@ -275,5 +292,5 @@ export function StreamingMarkdown({ children, dimColor = false, }) {
     // an overlapping empty/duplicate boundary.
     const hasDistinctSuffix = unstableSuffix !== '' &&
         (stablePrefix === '' || !unstableSuffix.startsWith(stablePrefix));
-    return (_jsxs(Box, { flexDirection: "column", children: [blocks.blocks.map((block, index) => (_jsx(Box, { flexDirection: "column", marginTop: block.gap, children: _jsx(Markdown, { dimColor: dimColor, children: block.text }) }, index))), prefixTail && (_jsx(Box, { flexDirection: "column", marginTop: blocks.tailGap, children: _jsx(Markdown, { dimColor: dimColor, children: prefixTail }) }, "prefix")), hasDistinctSuffix && (_jsx(Box, { flexDirection: "column", marginTop: boundaryGap, children: _jsx(Markdown, { dimColor: dimColor, cacheTokens: false, children: unstableSuffix }) }, "suffix"))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [blocks.blocks.map((block, index) => (_jsx(Box, { flexDirection: "column", marginTop: block.gap, children: _jsx(Markdown, { dimColor: dimColor, inlineMathImages: false, children: block.text }) }, index))), prefixTail && (_jsx(Box, { flexDirection: "column", marginTop: blocks.tailGap, children: _jsx(Markdown, { dimColor: dimColor, inlineMathImages: false, children: prefixTail }) }, "prefix")), hasDistinctSuffix && (_jsx(Box, { flexDirection: "column", marginTop: boundaryGap, children: _jsx(Markdown, { dimColor: dimColor, inlineMathImages: false, cacheTokens: false, children: unstableSuffix }) }, "suffix"))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SubagentCard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAO9D,MAAM,WAAW,iBAAiB;IAAG,QAAQ,EAAE,aAAa,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAAE;AAEpH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CA0C/F"}
+{"version":3,"file":"SubagentCard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAO9D,MAAM,WAAW,iBAAiB;IAAG,QAAQ,EAAE,aAAa,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAAE;AAEpH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAgD/F"}