@askdkc/dsh-cli 0.11.3

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

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * Working-activity indicator picker (ported from the pi extension's
+ * `/activity` interactive select): a
+ * permission-colored Pane listing every preset (random first) with its
+ * frame preview, `❯` focus pointer and `✓` on the active preset. Enter
+ * applies through `channel.setActivityFrames`, Esc cancels.
+ */
+export declare function ActivityPicker({ focusIndex, currentPreset, onPick, }: {
+    focusIndex: number;
+    currentPreset: string | undefined;
+    /** Mouse pick (fullscreen): clicked row's absolute index (Chat applies
+     *  the same code path as the keyboard Enter). */
+    onPick?: (index: number) => void;
+}): React.ReactNode;
+//# sourceMappingURL=ActivityPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ActivityPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,aAAa,EACb,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAA;IACjC;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA2BlB"}

package/lib/types/components/ActivityPicker.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../i18n.js';
+import { Box, Text } from '../ui.js';
+import { Pane } from './design-system/Pane.js';
+import { Select } from './Select.js';
+import { HintLine } from './design-system/HintLine.js';
+import { FRAME_PRESETS, PRESET_NAMES } from './activityFrames.js';
+/**
+ * Working-activity indicator picker (ported from the pi extension's
+ * `/activity` interactive select): a
+ * permission-colored Pane listing every preset (random first) with its
+ * frame preview, `❯` focus pointer and `✓` on the active preset. Enter
+ * applies through `channel.setActivityFrames`, Esc cancels.
+ */
+export function ActivityPicker({ focusIndex, currentPreset, onPick, }) {
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-activity') }) }), _jsx(Select, { options: PRESET_NAMES.map(name => ({
+                        value: name,
+                        label: name,
+                        description: name === 'random'
+                            ? t('activity-random-each-preset')
+                            : FRAME_PRESETS[name].frames.slice(0, 5).join(' '),
+                    })), focusIndex: focusIndex, selectedValue: currentPreset, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
+}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+/**
+ * Auto-recap row (`dsh-tui.recapOnOpen` setting): a quiet, dim recap shown
+ * at the bottom of the transcript after an automatic summary on session
+ * open/resume — a thin divider, then a `回顾：` line showing the session
+ * tail in FULL (wraps over lines rather than truncating, like a colleague
+ * catching the user up). Hover reveals the affordances on their own row;
+ * click expands into the full RecapPanel; the dismiss chip hides the row
+ * until the next session switch. It bows out on its own once the user
+ * starts a new message (see Chat.tsx). Keyboard users keep `/recap` for
+ * the full panel.
+ */
+export declare function AutoRecapRow({ summary, streaming, onExpand, onDismiss, }: {
+    /** The one-line summary (streamed raw, then replaced on settle). */
+    summary: string;
+    /** True while the recap call is in flight. */
+    streaming: boolean;
+    /** Expand into the full RecapPanel (click on the row). */
+    onExpand: () => void;
+    /** Dismiss the row until the next session switch. */
+    onDismiss: () => void;
+}): React.ReactNode;
+//# sourceMappingURL=AutoRecapRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoRecapRow.d.ts","sourceRoot":"","sources":["../../../src/components/AutoRecapRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE;IACD,oEAAoE;IACpE,OAAO,EAAE,MAAM,CAAA;IACf,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,qDAAqD;IACrD,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,GAAG,KAAK,CAAC,SAAS,CA6BlB"}

package/lib/types/components/AutoRecapRow.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from '../ui.js';
+import { Divider } from './design-system/Divider.js';
+import { t } from '../i18n.js';
+/**
+ * Auto-recap row (`dsh-tui.recapOnOpen` setting): a quiet, dim recap shown
+ * at the bottom of the transcript after an automatic summary on session
+ * open/resume — a thin divider, then a `回顾：` line showing the session
+ * tail in FULL (wraps over lines rather than truncating, like a colleague
+ * catching the user up). Hover reveals the affordances on their own row;
+ * click expands into the full RecapPanel; the dismiss chip hides the row
+ * until the next session switch. It bows out on its own once the user
+ * starts a new message (see Chat.tsx). Keyboard users keep `/recap` for
+ * the full panel.
+ */
+export function AutoRecapRow({ summary, streaming, onExpand, onDismiss, }) {
+    const [hovered, setHovered] = React.useState(false);
+    const line = t('recap-auto-line', {
+        summary: streaming ? t('recap-answering') : summary,
+    });
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, {}), _jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 1, onClick: onExpand, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(Text, { dimColor: !hovered, children: line }), hovered && (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: [" [", t('recap-auto-hint'), "]"] }), _jsx(Box, { onClick: onDismiss, children: _jsxs(Text, { color: "warning", children: [" [\u00D7 ", t('recap-auto-close'), "]"] }) })] }))] })] }));
+}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { BalanceResult } from '../deepseekBalance.js';
+import type { TokenUsage } from '../dsh-adapter/channel.js';
+/**
+ * `/balance` 余额报告行：Divider + 一行安静摘要，hover 展开明细
+ * （各币种赠送/充值拆分、本会话 token 与花费估算、失败原因），点击行
+ * 重新查询，右上角 × 关闭 —— 与 AutoRecapRow 同一套视觉与交互语言。
+ * 报告只活在内存里：不进 transcript、不进会话日志。
+ */
+export declare function BalanceReportRow({ result, refreshing, tokens, model, onRefresh, onDismiss, }: {
+    /** null 表示查询仍在途。 */
+    result: BalanceResult | null;
+    /** 查询在途（刷新时摘要不动，明细区显示加载行）。 */
+    refreshing: boolean;
+    /** 会话累计 token（hover 明细里的花费估算输入）。 */
+    tokens: TokenUsage;
+    /** 当前模型 id（花费估算的单价匹配）。 */
+    model: string;
+    /** 点击报告行：重新查询余额。 */
+    onRefresh: () => void;
+    /** 点击 ×：关闭报告。 */
+    onDismiss: () => void;
+}): React.ReactNode;
+//# sourceMappingURL=BalanceReportRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceReportRow.d.ts","sourceRoot":"","sources":["../../../src/components/BalanceReportRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAG3D;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,GACV,EAAE;IACD,oBAAoB;IACpB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,8BAA8B;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,oCAAoC;IACpC,MAAM,EAAE,UAAU,CAAA;IAClB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,iBAAiB;IACjB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,GAAG,KAAK,CAAC,SAAS,CAyGlB"}

package/lib/types/components/BalanceReportRow.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from '../ui.js';
+import { Divider } from './design-system/Divider.js';
+import { t } from '../i18n.js';
+import { estimateSessionCostSplitCny, isPeakHour, priceForModel } from '../deepseekPricing.js';
+import { formatTokens } from '../terminal-utils/format.js';
+/**
+ * `/balance` 余额报告行：Divider + 一行安静摘要，hover 展开明细
+ * （各币种赠送/充值拆分、本会话 token 与花费估算、失败原因），点击行
+ * 重新查询，右上角 × 关闭 —— 与 AutoRecapRow 同一套视觉与交互语言。
+ * 报告只活在内存里：不进 transcript、不进会话日志。
+ */
+export function BalanceReportRow({ result, refreshing, tokens, model, onRefresh, onDismiss, }) {
+    const [hovered, setHovered] = React.useState(false);
+    const summary = (() => {
+        if (result === null)
+            return t('balance-summary-loading');
+        if (!result.ok)
+            return t('balance-summary-fail');
+        // 主币种：CNY 优先，否则第一项。
+        const primary = result.balances.find(info => info.currency === 'CNY')
+            ?? result.balances[0];
+        if (primary === undefined)
+            return t('balance-summary-fail');
+        return t('balance-summary-ok', {
+            total: primary.total.toFixed(2),
+            state: result.isAvailable
+                ? t('balance-summary-state-ok')
+                : t('balance-summary-state-off'),
+        });
+    })();
+    const estimate = estimateSessionCostSplitCny(tokens, model);
+    const detailLines = (() => {
+        if (result === null)
+            return [];
+        if (!result.ok) {
+            const reason = (() => {
+                switch (result.reason) {
+                    case 'no-key': return t('balance-no-key');
+                    case 'unauthorized': return t('balance-unauthorized');
+                    case 'network': return t('balance-network-error');
+                    case 'http': return t('balance-http-error', { status: result.status ?? '?' });
+                    case 'invalid': return t('balance-invalid');
+                }
+            })();
+            return [reason, t('balance-fail-hint')];
+        }
+        const lines = result.balances.map(info => t('balance-currency', {
+            currency: info.currency,
+            total: info.total.toFixed(2),
+            granted: info.granted.toFixed(2),
+            toppedUp: info.toppedUp.toFixed(2),
+        }));
+        // 当前计费时段 + 该时段单价（高峰=梁文峰，低谷=梁文谷）。
+        const price = priceForModel(model);
+        if (price !== undefined) {
+            const peakNow = isPeakHour();
+            const rateIndex = peakNow ? 1 : 0;
+            lines.push(t('balance-current-rate', {
+                name: peakNow ? t('cost-peak-name') : t('cost-idle-name'),
+                input: price.inputMiss[rateIndex].toFixed(1),
+                output: price.output[rateIndex].toFixed(1),
+            }));
+        }
+        if (estimate !== undefined) {
+            lines.push(t('balance-hover-tokens', {
+                input: formatTokens(tokens.input),
+                output: formatTokens(tokens.output),
+                cost: estimate.total.toFixed(2),
+                peak: estimate.peak.toFixed(2),
+                idle: estimate.idle.toFixed(2),
+                peakName: t('cost-peak-name'),
+                idleName: t('cost-idle-name'),
+            }));
+        }
+        return lines;
+    })();
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, {}), _jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 1, onClick: onRefresh, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(Text, { dimColor: !hovered, children: refreshing ? t('balance-summary-loading') : summary }), hovered && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [detailLines.map((line, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: line }, index))), result !== null && (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsxs(Text, { color: "success", children: [" [", result.ok ? t('balance-refresh') : t('balance-retry'), "]"] }), _jsx(Box, { onClick: (event) => {
+                                            // 阻止冒泡到外层 Box 的 onRefresh——Ink 的 dispatchClick
+                                            // 从最深节点向上触发所有祖先 onClick，仅
+                                            // stopImmediatePropagation 能中断；否则关闭会立刻被
+                                            // 刷新结果拉回来（外层整行点击 = 重新查询）。
+                                            event.stopImmediatePropagation();
+                                            onDismiss();
+                                        }, children: _jsxs(Text, { color: "warning", children: [" [\u00D7 ", t('balance-close'), "]"] }) })] })), _jsx(Text, { dimColor: true, children: t('balance-hint') })] }))] })] }));
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * /btw side-question panel, an inline-pane form like the local pickers:
+ * title line with the question, a scrollable answer body (error /
+ * markdown answer / answering spinner), and a hint line. Owns the keyboard
+ * while open — every key it sees is consumed here.
+ */
+export declare function BtwPanel({ question, answer, error, streaming, onClose, onCopy, }: {
+    question: string;
+    answer: string;
+    error?: string;
+    streaming: boolean;
+    onClose: () => void;
+    onCopy: () => void;
+}): React.ReactNode;
+//# sourceMappingURL=BtwPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BtwPanel.d.ts","sourceRoot":"","sources":["../../../src/components/BtwPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,OAAO,EACP,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CA+DlB"}

package/lib/types/components/BtwPanel.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput, ScrollBox, useTerminalSize } from '../ui.js';
+import { Markdown } from './Markdown.js';
+import { SpinnerGlyph } from './Spinner/SpinnerGlyph.js';
+import { t } from '../i18n.js';
+import { isPlainReturnInput } from '../utils/modifiers.js';
+/**
+ * /btw side-question panel, an inline-pane form like the local pickers:
+ * title line with the question, a scrollable answer body (error /
+ * markdown answer / answering spinner), and a hint line. Owns the keyboard
+ * while open — every key it sees is consumed here.
+ */
+export function BtwPanel({ question, answer, error, streaming, onClose, onCopy, }) {
+    const scrollRef = React.useRef(null);
+    const { rows } = useTerminalSize();
+    // Spinner frame (80ms cadence, only while waiting for the first text).
+    const [frame, setFrame] = React.useState(0);
+    React.useEffect(() => {
+        if (!streaming || answer !== '')
+            return;
+        const interval = setInterval(() => setFrame(f => f + 1), 80);
+        return () => clearInterval(interval);
+    }, [streaming, answer]);
+    useInput((input, key, event) => {
+        if (key.escape || isPlainReturnInput(input, key) || input === ' ') {
+            event.stopImmediatePropagation();
+            onClose();
+            return;
+        }
+        if (key.upArrow || key.downArrow) {
+            scrollRef.current?.scrollBy(key.upArrow ? -3 : 3);
+            event.stopImmediatePropagation();
+            return;
+        }
+        if (input === 'c' && !key.ctrl) {
+            event.stopImmediatePropagation();
+            onCopy();
+            return;
+        }
+        // The overlay owns the keyboard while open: swallow everything else so
+        // nothing leaks into the prompt input behind it.
+        event.stopImmediatePropagation();
+    });
+    const settled = answer !== '' || error !== undefined;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: "warning", bold: true, children: "/btw " }), _jsx(Text, { dimColor: true, children: question })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(5, rows - 8), children: _jsx(Box, { marginLeft: 2, flexDirection: "column", flexGrow: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: error !== undefined ? (_jsx(Text, { color: "error", children: error })) : answer !== '' ? (_jsx(Markdown, { cacheTokens: false, children: answer })) : (_jsxs(Box, { children: [_jsx(SpinnerGlyph, { frame: frame, messageColor: "warning" }), _jsxs(Text, { color: "warning", children: [" ", t('btw-answering')] })] })) }) }) }), _jsx(Box, { onClick: settled ? onCopy : undefined, children: _jsx(Text, { dimColor: true, children: settled ? t('btw-hint-done') : streaming ? t('btw-hint-loading') : t('btw-hint-done') }) })] }));
+}

package/lib/types/components/Chat/JobCard.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { JobRow } from '../../dsh-adapter/channel.js';
+/**
+ * Live background-job card embedded in the transcript (`kind: 'job'`),
+ * sibling of the subagent card: header (id · kind · label · elapsed ·
+ * status) plus a bounded output waterfall (up to three rows) while the job
+ * is live — and only when mirrored output exists: background jobs are
+ * usually silent, so an outputless card is just its header line, never a
+ * row of empty gutters. Settled jobs fold to the header line alone (a
+ * failed/killed job keeps one detail line); the `/jobs` panel holds the
+ * fuller view the card clicks to.
+ *
+ * The waterfall is MIRRORED, never polled: the harness job registry's read
+ * is consuming and reserved for the owning agent, so the card shows the
+ * tail of the agent's own job_output results as they stream through the
+ * transcript.
+ */
+export declare function JobCard({ job, marginTopOnTurn, onClick }: {
+    job: JobRow;
+    marginTopOnTurn: boolean;
+    onClick?(): void;
+}): React.ReactNode;
+//# sourceMappingURL=JobCard.d.ts.map

package/lib/types/components/Chat/JobCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/JobCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AAkD1D;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE;IACzD,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,GAAG,KAAK,CAAC,SAAS,CA8DlB"}

package/lib/types/components/Chat/JobCard.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useAnimationFrame, useTerminalSize } from '../../ui.js';
+import { formatJobDuration } from '../../dsh-adapter/jobs.js';
+import { t } from '../../i18n.js';
+import { stringWidth } from '../../ink/stringWidth.js';
+import { isMinimalMode } from '../../minimalMode.js';
+/** The waterfall window mirrors the subagent card: a constant-height region. */
+const WATERFALL_ROWS = 3;
+/** Card left padding + the `│ ` gutter prefix. */
+const WATERFALL_GUTTER = 4;
+/** Static status marker — deliberately NOT the animated activity-indicator
+ *  preset: a background job is parked work, and reusing the main spinner
+ *  language for every card reads as clutter. ● = live background work
+ *  (echoing the status-line chip), ✓/✗ for terminal states. NOTE: no ⚙ —
+ *  U+2699 is East-Asian Ambiguous: ink measures it 1 cell while CJK
+ *  terminal fonts paint it 2, so the following text overlaps the glyph. */
+function statusInfo(status) {
+    const minimal = isMinimalMode();
+    switch (status) {
+        case 'completed':
+            return { glyph: '✓', label: t('jobs-status-completed'), color: minimal ? undefined : 'success' };
+        case 'failed':
+            return { glyph: '✗', label: t('jobs-status-failed'), color: minimal ? undefined : 'error' };
+        case 'killed':
+            return { glyph: '✗', label: t('jobs-status-killed'), color: minimal ? undefined : 'error' };
+        case 'stopping':
+            return { glyph: '●', label: t('jobs-status-stopping'), color: minimal ? undefined : 'warning' };
+        default:
+            return { glyph: '●', label: t('jobs-status-running'), color: minimal ? undefined : 'warning' };
+    }
+}
+/** Hard single-line clip by display width — a wrapped waterfall row would
+ *  break the constant-height window. */
+function clipLine(text, maxWidth) {
+    if (maxWidth <= 1)
+        return '';
+    let width = 0;
+    let index = 0;
+    while (index < text.length) {
+        const next = text.codePointAt(index);
+        const char = String.fromCodePoint(next);
+        const charWidth = stringWidth(char);
+        if (width + charWidth > maxWidth - 1)
+            break;
+        width += charWidth;
+        index += char.length;
+    }
+    return index < text.length ? `${text.slice(0, index)}…` : text;
+}
+/**
+ * Live background-job card embedded in the transcript (`kind: 'job'`),
+ * sibling of the subagent card: header (id · kind · label · elapsed ·
+ * status) plus a bounded output waterfall (up to three rows) while the job
+ * is live — and only when mirrored output exists: background jobs are
+ * usually silent, so an outputless card is just its header line, never a
+ * row of empty gutters. Settled jobs fold to the header line alone (a
+ * failed/killed job keeps one detail line); the `/jobs` panel holds the
+ * fuller view the card clicks to.
+ *
+ * The waterfall is MIRRORED, never polled: the harness job registry's read
+ * is consuming and reserved for the owning agent, so the card shows the
+ * tail of the agent's own job_output results as they stream through the
+ * transcript.
+ */
+export function JobCard({ job, marginTopOnTurn, onClick }) {
+    const settled = job.status === 'completed' || job.status === 'failed' || job.status === 'killed';
+    // 动画订阅仅限存活卡片：settled 后退订共享 clock（同 SubagentMessage 的
+    // 约定）。1s tick 只驱动运行时长跳动——状态标是静态的（见 statusInfo）。
+    const [viewportRef] = useAnimationFrame(settled ? null : 1000);
+    const { columns } = useTerminalSize();
+    const info = statusInfo(job.status);
+    const [hovered, setHovered] = React.useState(false);
+    const clickable = onClick !== undefined;
+    const rowWidth = Math.max(20, (columns ?? 80) - WATERFALL_GUTTER);
+    const activity = settled ? [] : job.outputLines.slice(-WATERFALL_ROWS);
+    // A settled job's terminal detail ('exit code: 0') rides the header; a
+    // failed/killed one also keeps it as the explanatory tail line.
+    const headerDetail = job.detail !== undefined && job.detail !== '' ? job.detail : undefined;
+    const headerName = `${t('jobs-card-prefix')}${job.id}`;
+    const duration = formatJobDuration(job);
+    const fixedHeader = [
+        info.glyph, headerName, '·', job.kind, '·', '', '·', duration,
+        ...(headerDetail === undefined ? [] : ['·', headerDetail]), '·', info.label,
+    ].join(' ');
+    const labelWidth = Math.max(0, (columns ?? 80) - stringWidth(fixedHeader));
+    // 点击打开 /jobs 面板；hover 不刷整行背景（转录视觉保持安静），只把
+    // 状态 glyph 提亮为品牌色作为可点指示。无外层缩进：任务卡是上方工具
+    // 调用（run_in_background 卡）的延续，与工具卡通栏左对齐；子代理卡才
+    // 是嵌套子实体、保留缩进。瀑布的 `  │ ` 槽自带两格，正好与工具卡正文
+    // 的 `  ⎿ ` 槽位一致。
+    return _jsxs(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, ref: viewportRef, onClick: onClick, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: hovered && clickable ? 'accent' : info.color, children: info.glyph }), _jsx(Text, { bold: true, color: hovered && clickable ? 'accent' : undefined, children: headerName }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: job.kind }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { children: clipLine(job.label, labelWidth) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: duration }), headerDetail !== undefined && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: headerDetail })] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), !settled && activity.length > 0 && activity.map((line, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${clipLine(line, rowWidth)}` }, `${job.id}-wf-${index}`))), settled && job.status !== 'completed' && headerDetail !== undefined && (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  └ ${clipLine(headerDetail, rowWidth)}` }))] });
+}

package/lib/types/components/Chat/SubagentMessage.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { SubagentRow } from '../../dsh-adapter/channel.js';
+import type { ClickEvent } from '../../ink/events/click-event.js';
+/**
+ * Borderless, fixed-height activity card embedded directly in the transcript
+ * (Kimi Code visual language). Running: header + one-line current tool + a
+ * constant 3-row waterfall (each row hard-clipped to one terminal line so
+ * the card height never changes). Settled: folds to the header line alone
+ * (failure keeps one error line). The running glyph reuses the user's
+ * working-activity preset (`/activity`), so the indicator follows the same
+ * setting as the main spinner.
+ */
+export declare function SubagentMessage({ subagent, marginTopOnTurn, activityFrames, onClick }: {
+    subagent: SubagentRow;
+    marginTopOnTurn: boolean;
+    activityFrames?: string;
+    isExpanded: boolean;
+    onClick?(event: ClickEvent): void;
+}): React.ReactNode;
+//# sourceMappingURL=SubagentMessage.d.ts.map

package/lib/types/components/Chat/SubagentMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubagentMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/SubagentMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAO/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAyCjE;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE;IACtF,QAAQ,EAAE,WAAW,CAAA;IACrB,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,GAAG,KAAK,CAAC,SAAS,CAwFlB"}

package/lib/types/components/Chat/SubagentMessage.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useAnimationFrame, useTerminalSize } from '../../ui.js';
+import { t } from '../../i18n.js';
+import { resolvePreset } from '../activityFrames.js';
+import { toolNameColor } from '../messages/AssistantToolUseMessage.js';
+import { stringWidth } from '../../ink/stringWidth.js';
+import { isMinimalMode } from '../../minimalMode.js';
+/** The waterfall window is a Kimi Code style constant-height region. */
+const WATERFALL_ROWS = 3;
+/** Card left padding + the `│ ` gutter prefix. */
+const WATERFALL_GUTTER = 4;
+function duration(ms = 0) {
+    const seconds = Math.floor(ms / 1000);
+    return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m${seconds % 60}s`;
+}
+function tokens(row) {
+    const total = row.tokens?.total ?? ((row.tokens?.input ?? 0) + (row.tokens?.output ?? 0) || 0);
+    return total > 0 ? `${total} tok` : '- tok';
+}
+function status(row) {
+    const minimal = isMinimalMode();
+    if (row.status === 'completed')
+        return { glyph: minimal ? '✓' : '🟢', label: t('subagent-status-completed'), color: minimal ? undefined : 'success' };
+    if (row.status === 'failed')
+        return { glyph: minimal ? '×' : '🔴', label: t('subagent-status-failed'), color: minimal ? undefined : 'error' };
+    if (row.status === 'cancelled')
+        return { glyph: minimal ? '×' : '🔴', label: t('subagent-status-cancelled'), color: minimal ? undefined : 'error' };
+    return { glyph: minimal ? '·' : '🟡', label: t('subagent-status-running'), color: minimal ? undefined : 'warning' };
+}
+/** Hard single-line clip by display width — a wrapped waterfall row would
+ * break the constant-height window. */
+function clipLine(text, maxWidth) {
+    if (maxWidth <= 1)
+        return '';
+    let width = 0;
+    let index = 0;
+    while (index < text.length) {
+        // Advance by the next full code point so wide glyphs (CJK, emoji) are
+        // never split in half.
+        const next = text.codePointAt(index);
+        const char = String.fromCodePoint(next);
+        const charWidth = stringWidth(char);
+        if (width + charWidth > maxWidth - 1)
+            break;
+        width += charWidth;
+        index += char.length;
+    }
+    return index < text.length ? `${text.slice(0, index)}…` : text;
+}
+/**
+ * Borderless, fixed-height activity card embedded directly in the transcript
+ * (Kimi Code visual language). Running: header + one-line current tool + a
+ * constant 3-row waterfall (each row hard-clipped to one terminal line so
+ * the card height never changes). Settled: folds to the header line alone
+ * (failure keeps one error line). The running glyph reuses the user's
+ * working-activity preset (`/activity`), so the indicator follows the same
+ * setting as the main spinner.
+ */
+export function SubagentMessage({ subagent, marginTopOnTurn, activityFrames, onClick }) {
+    const settled = subagent.status === 'completed' || subagent.status === 'failed' || subagent.status === 'cancelled';
+    // 动画订阅仅限运行中的卡片：settled 后传 null 退出共享 clock（keepAlive
+    // 归零 → interval 清除），否则历史里的每张完成卡片都以 120ms 永久驱动
+    // React commit。viewportRef 必须挂到根节点——useTerminalViewport 初始
+    // isVisible:true，ref 不挂就永远不修正（虚拟化滚出视口的卡片继续动画）。
+    const [viewportRef, time] = useAnimationFrame(settled ? null : 120);
+    const { columns } = useTerminalSize();
+    const info = status(subagent);
+    const [hovered, setHovered] = React.useState(false);
+    const clickable = onClick !== undefined;
+    const elapsed = subagent.completedAt ? subagent.durationMs : Date.now() - subagent.startedAt;
+    const lastRunning = [...subagent.toolCalls].reverse().find(tool => tool.status === 'running');
+    const previousDone = lastRunning
+        ? subagent.toolCalls[subagent.toolCalls.indexOf(lastRunning) - 1]
+        : subagent.toolCalls[subagent.toolCalls.length - 1];
+    const preset = React.useMemo(() => resolvePreset(activityFrames), [activityFrames]);
+    const activity = settled ? [] : subagent.outputLines.slice(-WATERFALL_ROWS);
+    const runningGlyph = preset.frames[Math.floor(time / preset.intervalMs) % preset.frames.length] ?? '·';
+    const rowWidth = Math.max(20, (columns ?? 80) - WATERFALL_GUTTER);
+    // 点击打开详情场景；hover 不刷整行背景（转录视觉保持安静），只把状态
+    // glyph 提亮为品牌色作为可点指示。
+    return _jsxs(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, paddingLeft: 2, ref: viewportRef, onClick: onClick, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: hovered && clickable ? 'accent' : info.color, children: settled ? info.glyph : ` ${runningGlyph}` }), _jsx(Text, { bold: true, color: hovered && clickable ? 'accent' : undefined, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), subagent.effort && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: subagent.effort })] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: duration(elapsed) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: tokens(subagent) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsxs(Text, { dimColor: true, children: [subagent.toolCalls.length, " tools"] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), !settled && (lastRunning ?? previousDone) !== undefined && (_jsx(Text, { wrap: "truncate", children: lastRunning !== undefined ? (_jsxs(_Fragment, { children: [previousDone !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: '  · ' }), _jsx(Text, { color: "success", children: "\u2713" }), _jsx(Text, { color: toolNameColor(previousDone.name), children: previousDone.name }), _jsx(Text, { dimColor: true, children: ' · ' })] })), lastRunning.argsPreview === undefined && (_jsx(Text, { color: toolNameColor(lastRunning.name), children: lastRunning.name })), lastRunning.argsPreview !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { color: toolNameColor(lastRunning.name), children: lastRunning.name }), _jsx(Text, { dimColor: true, children: ` (${clipLine(lastRunning.argsPreview.replace(/\s+/g, ' ').trim(), Math.max(10, rowWidth - lastRunning.name.length - 6))})` })] }))] })) : (previousDone !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: '  · ' }), _jsx(Text, { color: "success", children: "\u2713" }), _jsx(Text, { color: toolNameColor(previousDone.name), children: previousDone.name }), previousDone.argsPreview !== undefined && (_jsx(Text, { dimColor: true, children: ` (${clipLine(previousDone.argsPreview.replace(/\s+/g, ' ').trim(), Math.max(10, rowWidth - previousDone.name.length - 6))})` }))] }))) })), !settled && Array.from({ length: WATERFALL_ROWS }, (_, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${clipLine(activity[index] ?? '', rowWidth)}` }, `${subagent.agentId}-wf-${index}`))), settled && subagent.status === 'failed' && subagent.error && (_jsx(Text, { color: "error", wrap: "truncate", children: `  └ ${clipLine(subagent.error, rowWidth)}` }))] });
+}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+/**
+ * Session accent color picker (bare `/color`): a permission-colored Pane
+ * listing the whole palette with a colored swatch per row, `❯` focus
+ * pointer and `✓` on the session's current color. Enter applies through
+ * `channel.setSessionColor`, Esc cancels. The palette is static, so the
+ * picker never needs an async list.
+ */
+export declare function ColorPicker({ focusIndex, currentColor, onPick, }: {
+    focusIndex: number;
+    /** The session's current accent color name ('' = theme default). */
+    currentColor: string;
+    /** Mouse pick (fullscreen): clicked row's absolute index (Chat applies
+     *  the same code path as the keyboard Enter). */
+    onPick?: (index: number) => void;
+}): React.ReactNode;
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,MAAM,GACP,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAA;IACpB;qDACiD;IACjD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA6BlB"}

package/lib/types/components/ColorPicker.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../i18n.js';
+import { Box, Text } from '../ui.js';
+import { Pane } from './design-system/Pane.js';
+import { Select } from './Select.js';
+import { HintLine } from './design-system/HintLine.js';
+import { SESSION_COLOR_NAMES, SESSION_COLORS } from '../terminal-utils/sessionColors.js';
+/**
+ * Session accent color picker (bare `/color`): a permission-colored Pane
+ * listing the whole palette with a colored swatch per row, `❯` focus
+ * pointer and `✓` on the session's current color. Enter applies through
+ * `channel.setSessionColor`, Esc cancels. The palette is static, so the
+ * picker never needs an async list.
+ */
+export function ColorPicker({ focusIndex, currentColor, onPick, }) {
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-color') }) }), _jsx(Select, { options: SESSION_COLOR_NAMES.map(name => ({
+                        value: name,
+                        label: (_jsxs(Text, { children: [_jsx(Text, { color: SESSION_COLORS[name], children: "\u25CF " }), name] })),
+                    })), focusIndex: focusIndex, selectedValue: currentColor === '' ? undefined : currentColor, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
+}

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { Color } from '../ink/styles.js';
+import type { Theme } from '../theme.js';
+import type { LocalCommand } from '../commands.js';
+/**
+ * The slash-command suggestion overlay, using the shared rounded
+ * `SuggestionCard` for the command list:
+ *
+ *   ╭─ 命令 · 共 12 项 ──────────────────────╮
+ *   │ ❯ compact  Summarize earlier turns…  │   ← 选中：❯ + 加粗 + suggestion 色
+ *   │   compare  Compare selected messages … │   ← 名字里命中输入的段提亮
+ *   │ ↑2 · ↓3                                 │   ← 仅当列表被窗口裁剪
+ *   ╰─────────────────────────────────────────╯
+ *
+ * 未选中行整体 dim，唯独名字里匹配当前查询 token 的前缀以正常亮度提亮
+ * （bold 与 dim 在终端互斥，故提亮用非 dim 而非加粗）；选中行整行
+ * suggestion 色、名字加粗、前置 ❯ 指针。
+ */
+export declare function CommandSuggestions({ commands, selectedIndex, columns, query, accent, onPick, onWheelStep, }: {
+    commands: readonly (LocalCommand & {
+        descriptionKey?: string;
+    })[];
+    selectedIndex: number;
+    columns: number;
+    /** 原始 `/…` 输入；其最后一段 token 用于名字前缀高亮。 */
+    query?: string;
+    accent?: keyof Theme | Color;
+    /** 鼠标点击行（fullscreen）：上报过滤后列表的绝对索引（与键盘
+     *  selectedIndex 同一索引空间），接受路径由 PromptInput 复用。 */
+    onPick?: (index: number) => void;
+    /** 滚轮步进（fullscreen）：±1 移动选中行。 */
+    onWheelStep?: (step: 1 | -1) => void;
+}): React.ReactNode;
+//# sourceMappingURL=CommandSuggestions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandSuggestions.d.ts","sourceRoot":"","sources":["../../../src/components/CommandSuggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAMlD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAU,EACV,MAAM,EACN,MAAM,EACN,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC,YAAY,GAAG;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAA;IACjE,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,KAAK,GAAG,KAAK,CAAA;IAC5B;sDACkD;IAClD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,iCAAiC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CAmFlB"}