@deepseek-harness-tui/dsh-tui 0.8.6 → 0.8.7

package/lib/types/components/SubagentDetailScene.js

@@ -0,0 +1,141 @@
+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 { t } from '../i18n.js';
+import { Divider } from './design-system/Divider.js';
+import { isPlainReturnInput } from '../utils/modifiers.js';
+import { toolNameColor } from './messages/AssistantToolUseMessage.js';
+import { getCliHighlightPromise } from '../cc/cliHighlight.js';
+import { isMinimalMode } from '../minimalMode.js';
+function formatDuration(ms) {
+    if (ms < 1000)
+        return `${ms}ms`;
+    if (ms < 60000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    const min = Math.floor(ms / 60000);
+    const sec = Math.floor((ms % 60000) / 1000);
+    return `${min}m${sec}s`;
+}
+function formatTimestamp(ts) {
+    return new Date(ts).toLocaleTimeString();
+}
+function statusGlyph(status) {
+    const minimal = isMinimalMode();
+    if (status === 'completed')
+        return { glyph: minimal ? '✓' : '🟢', color: minimal ? undefined : 'success', label: 'done' };
+    if (status === 'failed')
+        return { glyph: minimal ? '×' : '🔴', color: minimal ? undefined : 'error', label: 'failed' };
+    if (status === 'cancelled')
+        return { glyph: minimal ? '×' : '🔴', color: minimal ? undefined : 'error', label: 'cancelled' };
+    return { glyph: minimal ? '·' : '🟡', color: minimal ? undefined : 'warning', label: 'running' };
+}
+const PAGES = ['summary', 'output', 'tools'];
+/** One label/value row of the summary stats card. */
+function StatRow({ label, children }) {
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 14, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: label }) }), _jsx(Box, { flexDirection: "row", flexGrow: 1, children: children })] }));
+}
+/** Two-column key/value stats grid (Kimi Code settled summary style). */
+function StatGrid({ subagent, totalTokens, elapsed, statusLabel, statusColor }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatRow, { label: t('subagent-status-label'), children: _jsx(Text, { color: statusColor, children: statusLabel }) }), _jsx(StatRow, { label: t('subagent-model'), children: _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }) }), _jsx(StatRow, { label: t('subagent-duration'), children: _jsx(Text, { children: formatDuration(elapsed) }) }), _jsx(StatRow, { label: "tokens", children: _jsxs(Text, { children: [totalTokens || '—', subagent.tokens?.input !== undefined ? ` (in ${subagent.tokens.input} · out ${subagent.tokens.output ?? 0})` : ''] }) }), _jsx(StatRow, { label: t('subagent-tools'), children: _jsx(Text, { children: subagent.toolCalls.length }) }), _jsx(StatRow, { label: t('subagent-started'), children: _jsx(Text, { children: formatTimestamp(subagent.startedAt) }) }), subagent.completedAt !== undefined && (_jsx(StatRow, { label: t('subagent-completed'), children: _jsx(Text, { children: formatTimestamp(subagent.completedAt) }) }))] }));
+}
+/** Tool args line: JSON-looking args get cli-highlight syntax colors (loaded
+ * lazily through the shared promise); anything else stays a dim flat line. */
+function JsonArgsText({ raw }) {
+    const flat = raw.replace(/\s+/g, ' ').trim();
+    const json = flat.startsWith('{') || flat.startsWith('[');
+    const [highlighted, setHighlighted] = React.useState(null);
+    React.useEffect(() => {
+        if (!json)
+            return;
+        let alive = true;
+        void getCliHighlightPromise().then(cli => {
+            if (!alive || cli === null)
+                return;
+            try {
+                setHighlighted(cli.highlight(flat, { language: 'json' }));
+            }
+            catch {
+                // Not parseable JSON after all — keep the dim fallback.
+            }
+        });
+        return () => { alive = false; };
+    }, [flat, json]);
+    if (json && highlighted !== null)
+        return _jsx(Text, { wrap: "wrap", children: highlighted });
+    return _jsx(Text, { dimColor: true, wrap: "wrap", children: flat });
+}
+/**
+ * SubagentDetailScene — full-screen paged detail view for one subagent.
+ * Header block (identity + stats) stays fixed; the body pages through
+ * 摘要 / 输出 / 工具 with ←/→. Follow-up delivery was removed: the official
+ * seam only accepts continuable children, and one-shot spawn children are
+ * disposed at settlement, so the affordance would be a dead control.
+ */
+export function SubagentDetailScene({ subagent, onBack, onInterrupt, }) {
+    const scrollRef = React.useRef(null);
+    const { rows, columns } = useTerminalSize();
+    const [page, setPage] = React.useState('summary');
+    const isRunning = subagent.status === 'running' || subagent.status === 'starting';
+    const elapsed = subagent.completedAt ? subagent.completedAt - subagent.startedAt : Date.now() - subagent.startedAt;
+    const info = statusGlyph(subagent.status);
+    const totalTokens = subagent.tokens?.total ?? ((subagent.tokens?.input ?? 0) + (subagent.tokens?.output ?? 0) || 0);
+    const pageIndex = PAGES.indexOf(page);
+    const turnPage = (delta) => {
+        const next = (pageIndex + delta + PAGES.length) % PAGES.length;
+        setPage(PAGES[next]);
+        scrollRef.current?.scrollTo?.(0);
+    };
+    // tail -f: while the subagent runs and the output page is showing, follow
+    // the newest streamed line. Page switches or settlement stop the follow so
+    // manual ↑ scrolling wins.
+    const outputLength = subagent.outputEvents.length;
+    React.useEffect(() => {
+        if (page !== 'output' || !isRunning)
+            return;
+        scrollRef.current?.scrollToBottom();
+    }, [page, isRunning, outputLength]);
+    useInput((input, key, event) => {
+        if (key.escape || (key.ctrl && input === 'c')) {
+            event.stopImmediatePropagation();
+            onBack();
+            return;
+        }
+        if (key.leftArrow) {
+            event.stopImmediatePropagation();
+            turnPage(-1);
+            return;
+        }
+        if (key.rightArrow) {
+            event.stopImmediatePropagation();
+            turnPage(1);
+            return;
+        }
+        if (key.upArrow) {
+            event.stopImmediatePropagation();
+            scrollRef.current?.scrollBy(-3);
+            return;
+        }
+        if (key.downArrow) {
+            event.stopImmediatePropagation();
+            scrollRef.current?.scrollBy(3);
+            return;
+        }
+        if (input.toLowerCase() === 'x' && isRunning && onInterrupt) {
+            event.stopImmediatePropagation();
+            onInterrupt(subagent.agentId);
+            return;
+        }
+        if (isPlainReturnInput(input, key)) {
+            event.stopImmediatePropagation();
+            onBack();
+            return;
+        }
+        event.stopImmediatePropagation();
+    });
+    const tab = (name, label) => {
+        const active = page === name;
+        return (_jsxs(React.Fragment, { children: [_jsx(Text, { color: active ? 'claude' : undefined, bold: active, inverse: active, children: ` ${label} ` }), _jsx(Text, { dimColor: true, children: name === PAGES[PAGES.length - 1] ? '' : '│' })] }, name));
+    };
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: info.color, bold: true, children: info.glyph }), _jsx(Text, { bold: true, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), _jsxs(Text, { children: [_jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), _jsx(Text, { dimColor: true, children: ` · ${formatDuration(elapsed)} · ${totalTokens || '—'} tok · ${subagent.toolCalls.length} tools` })] }), _jsxs(Text, { dimColor: true, children: [`${t('subagent-started')} ${formatTimestamp(subagent.startedAt)}`
+                        + (subagent.completedAt ? ` · ${t('subagent-completed')} ${formatTimestamp(subagent.completedAt)}` : ''), ` · id ${subagent.agentId}`] }), subagent.error && (_jsx(Box, { marginTop: 0, children: _jsx(Text, { color: "error", wrap: "wrap", children: `${t('subagent-error-label')}: ${subagent.error}` }) })), _jsxs(Box, { flexDirection: "row", gap: 0, marginTop: 1, children: [tab('summary', t('subagent-tab-summary')), tab('output', t('subagent-output-label')), tab('tools', t('subagent-tools')), _jsx(Text, { dimColor: true, children: `  ${pageIndex + 1}/${PAGES.length}` })] }), _jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(20, Math.min(72, columns - 6))) }), _jsx(Box, { flexDirection: "column", paddingX: 1, maxHeight: Math.max(10, rows - 14), children: _jsxs(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: [page === 'summary' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(StatGrid, { subagent: subagent, totalTokens: totalTokens, elapsed: elapsed, statusLabel: info.label, statusColor: info.color }), subagent.summary && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, bold: true, children: '─ summary ' }), _jsx(Text, { wrap: "wrap", children: subagent.summary })] })), !subagent.summary && (_jsx(Text, { dimColor: true, children: isRunning ? t('subagent-no-output') : t('subagent-no-summary') }))] })), page === 'output' && (subagent.outputEvents.length === 0 && subagent.output.length === 0 ? (_jsx(Text, { dimColor: true, children: t('subagent-no-output') })) : (subagent.outputEvents.map((line, index) => (_jsxs(Text, { wrap: "wrap", dimColor: line.kind === 'thinking' || line.kind === 'system', color: line.kind === 'error' ? 'error' : undefined, children: [line.kind === 'thinking' ? '  ⌁ ' : '  ', line.text, !line.settled && isRunning ? ' ▍' : ''] }, index))))), page === 'tools' && (subagent.toolCalls.length === 0 ? (_jsx(Text, { dimColor: true, children: t('subagent-no-tools') })) : (subagent.toolCalls.map((tool, index) => (_jsxs(Box, { flexDirection: "column", marginTop: index === 0 ? 0 : 1, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: tool.status === 'failed' ? 'error' : tool.status === 'running' ? 'warning' : 'success', children: tool.status === 'running' ? '·' : tool.status === 'failed' ? '×' : '✓' }), _jsx(Text, { color: toolNameColor(tool.name), children: tool.name }), tool.endedAt && _jsx(Text, { dimColor: true, children: formatDuration(tool.endedAt - tool.startedAt) })] }), tool.argsPreview && (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(JsonArgsText, { raw: tool.argsPreview }) })), tool.resultPreview && (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: `⎿ ${tool.resultPreview}` }) })), tool.error && (_jsx(Box, { flexDirection: "row", paddingLeft: 2, children: _jsx(Text, { color: "error", wrap: "wrap", children: tool.error }) }))] }, tool.id ?? index)))))] }) }), _jsx(Divider, { color: "subtle", title: "", padding: 4 }), _jsx(Box, { marginTop: 0, children: _jsxs(Text, { dimColor: true, children: [`←/→ ${t('subagent-hint-page')} · ↑/↓ ${t('subagent-hint-scroll')}`, isRunning && onInterrupt ? ' · X interrupt' : '', ` · Esc ${t('subagent-hint-back')}`] }) })] }));
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { Color } from '../ink/styles.js';
+type Props = {
+    readonly text: string;
+    readonly language?: string;
+    /** Complete payload used for lexing; text is the visible line. */
+    readonly sourceText?: string;
+    readonly lineIndex?: number;
+    readonly color?: Color;
+    readonly dimColor?: boolean;
+};
+/** Async nested Text renderer. Lexes the complete payload before splitting. */
+export declare function SyntaxText({ text, language, sourceText, lineIndex, color, dimColor }: Props): React.ReactNode;
+export {};
+//# sourceMappingURL=SyntaxText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxText.d.ts","sourceRoot":"","sources":["../../../src/components/SyntaxText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAM7C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAiB,EAAE,SAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAgCxH"}

package/lib/types/components/SyntaxText.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Text } from '../ui.js';
+import { getCliHighlightPromise } from '../cc/cliHighlight.js';
+import { highlightLines, syntaxThemeSignature } from '../cc/syntaxRuns.js';
+import { getTheme } from '../theme.js';
+import { useTheme } from './design-system/ThemeProvider.js';
+/** Async nested Text renderer. Lexes the complete payload before splitting. */
+export function SyntaxText({ text, language, sourceText = text, lineIndex = 0, color, dimColor }) {
+    const [highlighter, setHighlighter] = React.useState(null);
+    const [themeName] = useTheme();
+    React.useEffect(() => {
+        let mounted = true;
+        void getCliHighlightPromise().then(value => { if (mounted)
+            setHighlighter(value); });
+        return () => { mounted = false; };
+    }, []);
+    const theme = React.useMemo(() => getTheme(themeName), [themeName]);
+    const themeSig = React.useMemo(() => syntaxThemeSignature(theme), [theme]);
+    const syntax = React.useMemo(() => highlightLines(sourceText, language, highlighter, theme, themeSig), [sourceText, language, highlighter, theme, themeSig]);
+    const runs = syntax?.[lineIndex];
+    if (runs === undefined || color !== undefined || dimColor) {
+        return _jsx(Text, { color: color, dimColor: dimColor, children: text === '' ? ' ' : text });
+    }
+    let remaining = text.length;
+    const visibleRuns = runs.flatMap(run => {
+        if (remaining <= 0)
+            return [];
+        const visible = run.text.slice(0, remaining);
+        remaining -= visible.length;
+        return visible === '' ? [] : [{ ...run, text: visible }];
+    });
+    return (_jsx(Text, { children: visibleRuns.length === 0 ? text : visibleRuns.map((run, index) => (_jsx(Text, { color: run.color, children: run.text }, index))) }));
+}

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

@@ -1,17 +1,10 @@
 import React from 'react';
 /**
- * The `/thinking` dialog, mirroring Claude Code's ThinkingToggle.tsx: a
- * permission-colored Pane with a bold title, the Enabled/Disabled select
- * (with CC's option descriptions), and the Enter/Esc hint line.
- *
- * When `confirmationPending` is set (mid-conversation toggle), the select is
- * replaced by CC's yellow warning block and the hint line becomes
- * Enter confirm / Esc cancel; keyboard handling lives in the caller (Chat).
+ * The `/thinking` display dialog: a permission-colored Pane with a bold
+ * title, the Shown/Hidden select, and the Enter/Esc hint line.
  */
-export declare function ThinkingToggle({ currentValue, focusIndex, confirmationPending, }: {
+export declare function ThinkingToggle({ currentValue, focusIndex, }: {
     currentValue: boolean;
     focusIndex: number;
-    /** Set while a mid-conversation toggle awaits Enter confirmation. */
-    confirmationPending: boolean | null;
 }): React.ReactNode;
 //# sourceMappingURL=ThinkingToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThinkingToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,UAAU,EACV,mBAAmB,GACpB,EAAE;IACD,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,mBAAmB,EAAE,OAAO,GAAG,IAAI,CAAA;CACpC,GAAG,KAAK,CAAC,SAAS,CA+ClB"}
+{"version":3,"file":"ThinkingToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThinkingToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,UAAU,GACX,EAAE;IACD,YAAY,EAAE,OAAO,CAAA;IACrB,UAAU,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,SAAS,CAsClB"}

package/lib/types/components/ThinkingToggle.js

@@ -5,15 +5,10 @@ import { Pane } from './design-system/Pane.js';
 import { Select } from './Select.js';
 import { HintLine } from './design-system/HintLine.js';
 /**
- * The `/thinking` dialog, mirroring Claude Code's ThinkingToggle.tsx: a
- * permission-colored Pane with a bold title, the Enabled/Disabled select
- * (with CC's option descriptions), and the Enter/Esc hint line.
- *
- * When `confirmationPending` is set (mid-conversation toggle), the select is
- * replaced by CC's yellow warning block and the hint line becomes
- * Enter confirm / Esc cancel; keyboard handling lives in the caller (Chat).
+ * The `/thinking` display dialog: a permission-colored Pane with a bold
+ * title, the Shown/Hidden select, and the Enter/Esc hint line.
  */
-export function ThinkingToggle({ currentValue, focusIndex, confirmationPending, }) {
+export function ThinkingToggle({ currentValue, focusIndex, }) {
     const options = [
         {
             value: 'true',
@@ -26,5 +21,5 @@ export function ThinkingToggle({ currentValue, focusIndex, confirmationPending,
             description: t('thinking-disabled-desc'),
         },
     ];
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('thinking-title') }), _jsx(Text, { dimColor: true, children: t('thinking-subtitle') })] }), confirmationPending !== null ? (_jsxs(Box, { flexDirection: "column", marginBottom: 1, gap: 1, children: [_jsx(Text, { color: "warning", children: t('thinking-mid-warning') }), _jsx(Text, { color: "warning", children: t('thinking-proceed') })] })) : (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentValue ? 'true' : 'false', visibleOptionCount: 2 }) }))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: confirmationPending !== null ? t('hint-confirm-cancel') : t('hint-confirm-exit') }) })] }));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('thinking-title') }), _jsx(Text, { dimColor: true, children: t('thinking-subtitle') })] }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Select, { options: options, focusIndex: focusIndex, selectedValue: currentValue ? 'true' : 'false', visibleOptionCount: 2 }) })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }));
 }

package/lib/types/components/design-system/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,MAAM,aAAa,GAAG;IAC1B;qDACiD;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB;uDACmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAA;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,UAAkB,EAClB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,MAAa,EACb,QAAgB,EAChB,aAAa,GACd,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS,CAkEjC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,MAAM,aAAa,GAAG;IAC1B;qDACiD;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB;uDACmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,CAAA;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,UAAkB,EAClB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,EACZ,MAAa,EACb,QAAgB,EAChB,aAAa,GACd,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS,CAwEjC"}

package/lib/types/components/design-system/ListItem.js

@@ -54,7 +54,7 @@ export function ListItem({ isFocused, isSelected = false, children, description,
     // 非 Fragment 的 element（如调用方自己的 <Text>）保留原样——其子树高度
     // 由调用方负责。
     const flatChildren = flattenDeep(children);
-    return (_jsxs(Box, { ref: cursorRef, flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [renderIndicator(), styled ? (_jsx(Text, { color: getTextColor(), dimColor: disabled, wrap: "truncate", children: flatChildren })) : (flatChildren), isSelected && !disabled && _jsx(Text, { color: "success", children: TICK })] }), description && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { color: "inactive", wrap: "truncate", children: flattenLine(description) }) }))] }));
+    return (_jsxs(Box, { ref: cursorRef, flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", gap: 1, height: 1, flexShrink: 0, overflow: "hidden", width: "100%", children: [renderIndicator(), styled ? (_jsx(Text, { color: getTextColor(), dimColor: disabled, wrap: "truncate-end", children: flatChildren })) : (flatChildren), isSelected && !disabled && _jsx(Text, { color: "success", children: TICK })] }), description && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { color: "inactive", wrap: "truncate", children: flattenLine(description) }) }))] }));
 }
 /** 单行化：内嵌换行折叠为空格（行尾/行首换行随之消除）。 */
 function flattenLine(s) {

package/lib/types/components/messages/AssistantThinkingMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAA;IAChB;;4CAEwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;8EAE0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAwGzB"}
+{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAA;IAChB;;4CAEwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;8EAE0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAwHzB"}

package/lib/types/components/messages/AssistantThinkingMessage.js

@@ -1,10 +1,14 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import chalk from 'chalk';
 import { Box, Text } from '../../ui.js';
 import { t } from '../../i18n.js';
 import { StreamingMarkdown } from '../StreamingMarkdown.js';
 import { formatDuration } from '../../cc/format.js';
 import { THINKING_SPINNER_FRAMES, THINKING_SPINNER_INTERVAL_MS, THINKING_SETTLED_MARKER, } from '../../cc/figures.js';
+import { BRAND, ICE } from '../shimmer.js';
+import { interpolateColor } from '../Spinner/spinnerUtils.js';
+import { isMinimalMode } from '../../minimalMode.js';
 /** Preview body rows — a FIXED row count (kimicode-style constant-height
  *  ticker). Ink's truncate slices the whole string across newlines as one
  *  logical line, so a single joined Text collapses to 1-2 rows whenever
@@ -33,12 +37,19 @@ export function AssistantThinkingMessage({ thinking, addMargin, verbose, streami
         const interval = setInterval(() => setFrame(f => f + 1), THINKING_SPINNER_INTERVAL_MS);
         return () => clearInterval(interval);
     }, [streaming]);
-    const marker = streaming
-        ? THINKING_SPINNER_FRAMES[frame % THINKING_SPINNER_FRAMES.length]
-        : THINKING_SETTLED_MARKER;
     const duration = durationMs !== undefined && durationMs >= 1000
         ? ` · ${formatDuration(durationMs)}`
         : '';
+    // Kimi Code style blue pulse: the streaming glyph breathes along the
+    // header's brand→ice ladder, one sine period per ~7 frames (≈0.56s) —
+    // lively without strobing. Minimal mode drops the color (plain glyph);
+    // settled always keeps the plain dim anchor.
+    const label = `${t('thinking-label')}${duration}${streaming ? '…' : ` ${t('hint-expand-ctrl-o')}`}`;
+    const minimal = isMinimalMode();
+    const pulse = (Math.sin(frame * 0.9) + 1) / 2;
+    const pulseColor = interpolateColor(BRAND, ICE, pulse);
+    const frameText = THINKING_SPINNER_FRAMES[frame % THINKING_SPINNER_FRAMES.length];
+    const header = streaming ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: minimal ? frameText : chalk.rgb(pulseColor.r, pulseColor.g, pulseColor.b).bold(frameText) }), _jsx(Text, { dimColor: true, italic: true, children: ` ${label}` })] })) : (_jsx(Text, { dimColor: true, italic: true, children: `${minimal ? '*' : THINKING_SETTLED_MARKER} ${label}` }));
     if (preview) {
         // Live ticker: the model's last few reasoning lines, dimmed, one Text
         // per row so each truncates to the width independently, padded to a
@@ -53,10 +64,10 @@ export function AssistantThinkingMessage({ thinking, addMargin, verbose, streami
         // Pad with single spaces — an empty-string Text renders with zero
         // height in ink, so '' padding would not hold the row open.
         const rows = Array.from({ length: PREVIEW_ROWS }, (_, i) => visible[i] ?? ' ');
-        return (_jsxs(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: [_jsxs(Text, { dimColor: true, italic: true, children: [marker, " ", t('thinking-label'), duration, "\u2026"] }), _jsx(Box, { flexDirection: "column", paddingLeft: 2, height: PREVIEW_ROWS, flexShrink: 0, overflow: "hidden", children: rows.map((line, i) => (_jsx(Text, { dimColor: true, italic: true, wrap: i === rows.length - 1 ? 'truncate-start' : 'truncate', children: i === 0 && clipped ? `…${line}` : line }, i))) })] }));
+        return (_jsxs(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: [header, _jsx(Box, { flexDirection: "column", paddingLeft: 2, height: PREVIEW_ROWS, flexShrink: 0, overflow: "hidden", children: rows.map((line, i) => (_jsxs(Box, { flexDirection: "row", height: 1, children: [_jsx(Text, { dimColor: true, italic: true, children: '│ ' }), _jsx(Box, { flexDirection: "row", flexGrow: 1, children: _jsx(Text, { dimColor: true, italic: true, wrap: i === rows.length - 1 ? 'truncate-start' : 'truncate', children: i === 0 && clipped ? `…${line}` : line }) })] }, i))) })] }));
     }
     if (!verbose) {
-        return (_jsx(Box, { marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: _jsxs(Text, { dimColor: true, italic: true, children: [marker, " ", t('thinking-label'), duration, " ", t('hint-expand-ctrl-o')] }) }));
+        return (_jsx(Box, { marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: header }));
     }
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: [_jsxs(Text, { dimColor: true, italic: true, children: [marker, " ", t('thinking-label'), duration, "\u2026"] }), _jsx(Box, { paddingLeft: 2, children: _jsx(StreamingMarkdown, { dimColor: true, children: thinking }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: addMargin ? 1 : 0, width: "100%", backgroundColor: isSelected ? 'messageActionsBackground' : undefined, onClick: onClick, children: [header, _jsx(Box, { paddingLeft: 2, children: _jsx(StreamingMarkdown, { dimColor: true, children: thinking }) })] }));
 }

package/lib/types/components/messages/AssistantToolUseMessage.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { ToolRow } from '../../dsh-adapter/channel.js';
 import type { ToolBackground } from '../../tuiDisplayPrefs.js';
+import type { Theme } from '../../theme.js';
 type Props = {
     tool: ToolRow;
     /** Adds the top margin between messages (CC: addMargin). */
@@ -25,6 +26,7 @@ type Props = {
     /** Background treatment for the ordinary, unselected tool card surface. */
     toolBackground?: ToolBackground;
 };
+export declare function toolNameColor(raw: string): keyof Theme;
 /**
  * Tool-call card: `● Edit /path` header with a blinking status dot, then the
  * structured body under a `  ⎿  ` gutter — diff hunks in red/green, terminal

package/lib/types/components/messages/AssistantToolUseMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAIvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAG9D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,CAAA;AAkOD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,QAAQ,EACR,UAAmB,EACnB,cAAuB,GACxB,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAyJzB"}
+{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAKvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,cAAc,CAAA;CAChC,CAAA;AAgFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AAwKD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,QAAQ,EACR,UAAmB,EACnB,cAAuB,GACxB,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAmKzB"}

package/lib/types/components/messages/AssistantToolUseMessage.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { extname } from 'node:path';
 import { Box, Text, useTerminalSize } from '../../ui.js';
 import { stringWidth } from '../../ink/stringWidth.js';
 import { useAnimationFrame } from '../../ink/hooks/use-animation-frame.js';
 import { ToolUseLoader } from '../ToolUseLoader.js';
 import { SplitDiffView } from '../SplitDiffView.js';
+import { SyntaxText } from '../SyntaxText.js';
 import { formatDuration } from '../../cc/format.js';
 /** Tool display names: DSH emits lowercase tool ids (`bash`); Claude Code
  *  shows capitalized names (`Bash`). Map the common ones, fall back to the
@@ -28,6 +30,33 @@ function displayName(name) {
         return name;
     return name[0].toUpperCase() + name.slice(1);
 }
+function parseJsonArgs(args) {
+    try {
+        return JSON.parse(args);
+    }
+    catch {
+        return undefined;
+    }
+}
+function jsonArgsLanguage(args) {
+    return parseJsonArgs(args) === undefined ? undefined : 'json';
+}
+function filePathFromTool(tool, view) {
+    if (view !== undefined && 'path' in view && typeof view.path === 'string')
+        return view.path;
+    const parsed = parseJsonArgs(tool.argsFull ?? tool.argsText);
+    if (parsed !== null && typeof parsed === 'object') {
+        const record = parsed;
+        for (const key of ['file_path', 'path'])
+            if (typeof record[key] === 'string')
+                return record[key];
+    }
+    return undefined;
+}
+function languageFromPath(path) {
+    const language = path === undefined ? undefined : extname(path).slice(1).toLowerCase();
+    return language === '' ? undefined : language;
+}
 /** CC's collapsed text body keeps 3 lines (renderTruncatedContent). */
 const TEXT_BODY_MAX_LINES = 3;
 /** Diff bodies cap at the upstream chat row's 8 (dsh-client-ui-tool's
@@ -44,10 +73,11 @@ const dim = (text) => ({ text, tone: 'dim' });
 const plain = (text) => ({ text, tone: 'plain' });
 /** Tool-name color by category (mist-blue accents): read/search tools keep
  *  the brand blue, file-mutating tools get the warm gold accent, exec /
- *  terminal tools get mist cyan. */
+ *  terminal tools get mist cyan. Exported for the subagent card, which
+ *  mirrors the transcript tool-card name styling. */
 const TOOL_NAME_MUTATE = new Set(['edit', 'write', 'multiedit', 'notebookedit']);
 const TOOL_NAME_EXEC = new Set(['bash', 'bashpersistent', 'sh', 'shell', 'terminal']);
-function toolNameColor(raw) {
+export function toolNameColor(raw) {
     const n = raw.toLowerCase();
     if (TOOL_NAME_MUTATE.has(n))
         return 'toolNameMutate';
@@ -169,9 +199,9 @@ function clipHeaderArgs(args) {
         return args;
     return `${args.slice(0, HEADER_ARGS_BUDGET)}…`;
 }
-function HeaderTitle({ name, title, isTerminal, displayArgs, nameColor }) {
+function HeaderTitle({ name, title, isTerminal, displayArgs, argsLanguage, nameColor }) {
     if (title === undefined) {
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), displayArgs !== '' && (_jsx(Box, { flexWrap: "nowrap", children: _jsxs(Text, { children: ["(", clipHeaderArgs(displayArgs), ")"] }) }))] }));
+        return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), displayArgs !== '' && (_jsxs(Box, { flexWrap: "nowrap", children: [_jsx(Text, { children: "(" }), _jsx(SyntaxText, { text: clipHeaderArgs(displayArgs), sourceText: displayArgs, language: argsLanguage }), _jsx(Text, { children: ")" })] }))] }));
     }
     if (isTerminal) {
         return (_jsxs(_Fragment, { children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: nameColor, wrap: "truncate-end", children: name }) }), _jsx(Box, { flexWrap: "nowrap", children: _jsxs(Text, { children: ["(", title, ")"] }) })] }));
@@ -201,6 +231,10 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
     // The settled view carries the applied diff / actual output; while running,
     // the call view already shows the pending change (CC's pending Edit diff).
     const view = tool.resultView ?? tool.callView;
+    const filePath = filePathFromTool(tool, view);
+    const syntaxLanguage = view?.card === 'read' || view?.card === 'generic' || view === undefined
+        ? languageFromPath(filePath)
+        : undefined;
     // presentResult may omit a title (terminal results carry output, not a
     // command) — then the call view's title stands.
     const headerTitle = tool.resultView?.title ?? tool.callView?.title;
@@ -238,6 +272,8 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
         }
     }
     const cap = view?.card === 'diff' ? DIFF_BODY_MAX_LINES : TEXT_BODY_MAX_LINES;
+    const bodySource = body.map(line => line.text).join('\n');
+    const argsLanguage = jsonArgsLanguage(displayArgs);
     // The footnote rides OUTSIDE the cap: it is a pointer, not content, and a
     // long error body must not be the reason it disappears.
     const lines = capLines(body, cap, verbose);
@@ -253,7 +289,7 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
     return (_jsx(Box, { ref: viewportRef, flexDirection: "row", justifyContent: "space-between", marginTop: addMargin ? 1 : 0, width: "100%", 
         // Only selection paints a highlight; the configured treatment applies
         // to an ordinary card. Diff line tints stay - they are content, not chrome.
-        backgroundColor: isSelected ? 'messageActionsBackground' : ordinaryBackground, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError, toolName: tool.name }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, displayArgs: displayArgs, nameColor: toolNameColor(tool.name) }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: true, children: elapsedText }) }))] }), useSplitDiff && view?.card === 'diff' ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_FIRST }) }), _jsx(SplitDiffView, { diffs: view.diffs, width: columns - 4, maxRows: DIFF_BODY_MAX_LINES, verbose: verbose, toolBackground: ordinaryToolBackground })] })) : (rendered.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { color: line.tone === 'add'
+        backgroundColor: isSelected ? 'messageActionsBackground' : ordinaryBackground, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError, toolName: tool.name }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, displayArgs: displayArgs, argsLanguage: argsLanguage, nameColor: toolNameColor(tool.name) }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: true, children: elapsedText }) }))] }), useSplitDiff && view?.card === 'diff' ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_FIRST }) }), _jsx(SplitDiffView, { diffs: view.diffs, width: columns - 4, maxRows: DIFF_BODY_MAX_LINES, verbose: verbose, toolBackground: ordinaryToolBackground })] })) : (rendered.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { color: line.tone === 'add'
                                     ? 'diffAddedWord'
                                     : line.tone === 'del'
                                         ? 'diffRemovedWord'
@@ -269,5 +305,5 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
                                                 ? 'subtle'
                                                 : line.tone === 'path'
                                                     ? 'ide'
-                                                    : undefined, dimColor: line.tone === 'dim', wrap: "wrap", children: line.text === '' ? ' ' : line.text }) })] }, index)))), useSplitDiff && footnote !== undefined && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_REST }) }), _jsx(Text, { color: "subtle", children: footnote })] }))] }) }));
+                                                    : undefined, dimColor: line.tone === 'dim', wrap: "wrap", children: line.tone === 'plain' && syntaxLanguage !== undefined ? (_jsx(SyntaxText, { text: line.text, sourceText: bodySource, lineIndex: index, language: syntaxLanguage })) : (line.text === '' ? ' ' : line.text) }) })] }, index)))), useSplitDiff && footnote !== undefined && (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_REST }) }), _jsx(Text, { color: "subtle", children: footnote })] }))] }) }));
 }

package/lib/types/components/messages/UserPromptMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserPromptMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/UserPromptMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAczB"}
+{"version":3,"file":"UserPromptMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/UserPromptMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,IAAI,IAAI,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,SAAS,EACT,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA6BzB"}

package/lib/types/components/messages/UserPromptMessage.js

@@ -1,11 +1,24 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from '../../ui.js';
+import { Box, Text, useTerminalSize } from '../../ui.js';
 import { POINTER } from '../../cc/figures.js';
+import { stringWidth } from '../../ink/stringWidth.js';
+import { wrapWidth } from '../../sessions/format.js';
 /**
  * User prompt bubble: `❯ text` in bold briefLabelYou gold with no background
  * fill (Kimi Code style: the user turn gets a distinct bold tint so it reads
  * apart from assistant text; only selection mode paints a highlight).
  */
 export function UserPromptMessage({ text, addMargin, isSelected = false, onClick, }) {
-    return (_jsx(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, paddingRight: 1, onClick: onClick, children: _jsxs(Text, { color: "briefLabelYou", bold: true, children: [POINTER, " ", text] }) }));
+    const { columns } = useTerminalSize();
+    const promptPrefix = `${POINTER} `;
+    const prefixWidth = stringWidth(promptPrefix);
+    // Wrap here instead of letting Ink wrap the whole Text node. Ink starts an
+    // automatic continuation at column zero, while a prompt needs a hanging
+    // indent for both explicit newlines and width-based visual lines.
+    // Leave a small safety margin for the ScrollBox edge/scrollbar. The Text
+    // nodes below are explicitly wrapped, so they must never be wrapped again by
+    // Ink; a second wrap would move the continuation back to column zero.
+    const lines = wrapWidth(text, Math.max(1, columns - prefixWidth - 3));
+    const continuationIndent = ' '.repeat(prefixWidth);
+    return (_jsx(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, backgroundColor: isSelected ? 'messageActionsBackground' : undefined, paddingRight: 1, onClick: onClick, children: lines.map((line, index) => (_jsxs(Text, { color: "briefLabelYou", bold: true, wrap: "truncate-end", children: [index === 0 ? `${POINTER} ` : continuationIndent, line] }, index))) }));
 }