@deepseek-harness-tui/dsh-tui 0.13.0 → 0.14.0

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { JobRow } from '../../dsh-adapter/channel.js';
+import type { BackgroundJobOutputLine } from '../../adapter/ports/channel-view.js';
 /**
  * Producer progress as the design system's bar: `n/m` draws a 5-cell
  * sub-cell-accurate `ProgressBar` (same primitive the rest of the TUI uses)
@@ -9,41 +10,38 @@ import type { JobRow } from '../../dsh-adapter/channel.js';
 export declare function JobProgress({ progress }: {
     progress: string;
 }): React.ReactNode;
+/** One rendered waterfall row: a wrapped piece of an output line, or a gap
+ *  banner standing on its own row. */
+interface WaterfallRow {
+    key: string;
+    text: string;
+    gap?: true;
+}
 /**
- * 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.
- *
- * `rail` marks the card as a member of a job GROUP (see JobGroupRow): the
- * card gets a 2-cell chain column on its left, and `rail.open` / `rail.close`
- * round its ends (`╭` on the first line, `╰` on the last) so the run reads as
- * one bracket from the first card to the last — the group's summary line stays
- * OUTSIDE it. A lone card renders as before.
- *
- * The rail is drawn per line, which means this component owns the card's
- * HEIGHT: the label is pre-wrapped against an explicit column width (so the
- * wrap count is known, not guessed from the flex result), and the rail column
- * paints exactly that many glyphs. Both use ink's own `wrapText`/`stringWidth`,
- * so the pre-wrap breaks where the renderer would have broken.
+ * The waterfall window: every entry is WRAPPED at the card width FIRST, then
+ * the last `budget` VISUAL rows are kept. A 400-cell JSON line therefore
+ * shows its ending folded over the rows instead of a clipped head — and the
+ * window still costs a constant number of rows, which is what the
+ * transcript's virtualization measures.
  */
-export declare function JobCard({ job, marginTopOnTurn, onClick, rail }: {
+export declare function jobOutputRows(entries: readonly BackgroundJobOutputLine[], width: number, budget: number): WaterfallRow[];
+/** Command content shares normalization and wrapping with the full jobs panel. */
+export declare function jobCommandRows(text: string, width: number, expanded: boolean): string[];
+/** The renderer draws the continuous section edge across all content rows. */
+export declare function JobSection({ rows, color, onToggle, children }: {
+    rows: readonly string[];
+    color: 'accent' | 'success';
+    onToggle?: () => void;
+    children?: React.ReactNode;
+}): React.ReactNode;
+/** Transcript job card: command folding is independent of the fixed output tail. */
+export declare function JobCard({ job, marginTopOnTurn, onClick, onWatchOutput, expanded, onToggle }: {
     job: JobRow;
     marginTopOnTurn: boolean;
     onClick?(): void;
-    /** Job GROUP member: shared chain rail, optionally rounded at either end. */
-    rail?: {
-        open?: boolean;
-        close?: boolean;
-    } | undefined;
+    expanded?: boolean;
+    onToggle?: () => void;
+    onWatchOutput?: (id: string) => () => void;
 }): React.ReactNode;
+export {};
 //# sourceMappingURL=JobCard.d.ts.map

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

@@ -1 +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;AAoC1D;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAa/E;AA6CD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAC/D,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB,6EAA6E;IAC7E,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAA;CACvD,GAAG,KAAK,CAAC,SAAS,CAwKlB"}
+{"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;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAiClF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAa/E;AAED;sCACsC;AACtC,UAAU,YAAY;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,IAAI,CAAA;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,SAAS,uBAAuB,EAAE,EAC3C,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,YAAY,EAAE,CAiBhB;AACD,kFAAkF;AAClF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,CAQvF;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAC9D,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;IACvB,KAAK,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,SAAS,CAOlB;AACD,oFAAoF;AACpF,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE;IACpG,GAAG,EAAE,MAAM,CAAA;IACX,eAAe,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,IAAI,IAAI,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;CAC3C,GAAG,KAAK,CAAC,SAAS,CAmClB"}

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

@@ -1,16 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, 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 wrapText from '../../ink/wrap-text.js';
-import { stringWidth } from '../../ink/stringWidth.js';
 import { isMinimalUiMode } from '../../minimalUiMode.js';
 import { ProgressBar } from '../design-system/ProgressBar.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;
+const WATERFALL_ROWS = 2;
+const COMMAND_MARK = process.platform === 'win32' ? '>' : '❯';
 /** 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
@@ -54,135 +52,56 @@ export function JobProgress({ progress }) {
  * window still costs a constant number of rows, which is what the
  * transcript's virtualization measures.
  */
-function waterfallWindow(entries, width, budget) {
+export function jobOutputRows(entries, width, budget) {
     const rows = [];
     // One cell of slack: a line that lands exactly on the boundary is re-wrapped
     // by ink's own renderer, which would silently double that row's height.
     const textWidth = Math.max(1, width - 1);
     for (let index = entries.length - 1; index >= 0 && rows.length < budget; index--) {
         const entry = entries[index];
-        if (entry.kind === 'gap') {
-            rows.unshift({ key: `gap-${index}`, text: '', gap: true });
-            continue;
-        }
-        const wrapped = wrapText(entry.line.text, textWidth, 'wrap').split('\n');
+        const wrapped = wrapText(entry.text, textWidth, 'wrap').split('\n');
         for (let row = wrapped.length - 1; row >= 0 && rows.length < budget; row--) {
             rows.unshift({
                 key: `${index}-${row}`,
                 text: wrapped[row] ?? '',
-                ...(entry.line.channel === undefined ? {} : { channel: entry.line.channel }),
             });
         }
+        if (entry.gapBefore === true && rows.length < budget)
+            rows.unshift({ key: `gap-${index}`, text: '', gap: true });
     }
     return rows;
 }
-/**
- * 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.
- *
- * `rail` marks the card as a member of a job GROUP (see JobGroupRow): the
- * card gets a 2-cell chain column on its left, and `rail.open` / `rail.close`
- * round its ends (`╭` on the first line, `╰` on the last) so the run reads as
- * one bracket from the first card to the last — the group's summary line stays
- * OUTSIDE it. A lone card renders as before.
- *
- * The rail is drawn per line, which means this component owns the card's
- * HEIGHT: the label is pre-wrapped against an explicit column width (so the
- * wrap count is known, not guessed from the flex result), and the rail column
- * paints exactly that many glyphs. Both use ink's own `wrapText`/`stringWidth`,
- * so the pre-wrap breaks where the renderer would have broken.
- */
-export function JobCard({ job, marginTopOnTurn, onClick, rail }) {
+/** Command content shares normalization and wrapping with the full jobs panel. */
+export function jobCommandRows(text, width, expanded) {
+    const command = text.trim();
+    const script = command.replace(/^(?:pwsh|powershell)(?:\.exe)?\s+(?:(?:-(?:NoProfile|NoLogo|NonInteractive)|-ExecutionPolicy\s+\S+)\s+)*-Command\s+/i, '');
+    const body = (script === command ? script : script.replace(/^(['"])([\s\S]*)\1$/, '$2')).replace(/\r\n?/g, '\n').trim();
+    const source = body.split('\n').filter((line, index, lines) => line.trim() !== '' || index === 0 || lines[index - 1]?.trim() !== '').join('\n');
+    const shown = expanded ? source : source.split('\n')[0];
+    const rows = wrapText(COMMAND_MARK + ' ' + shown, Math.max(1, width), 'wrap').split('\n');
+    return expanded ? rows : rows.slice(0, 1);
+}
+/** The renderer draws the continuous section edge across all content rows. */
+export function JobSection({ rows, color, onToggle, children }) {
+    if (rows.length === 0 && children === undefined)
+        return null;
+    return _jsx(Box, { flexDirection: "column", borderStyle: "single", borderTop: false, borderBottom: false, borderRight: false, borderLeft: true, borderColor: color, paddingLeft: 1, onClick: onToggle === undefined ? undefined : event => { event.stopImmediatePropagation(); onToggle(); }, children: children === undefined ? rows.map((line, index) => _jsx(Text, { dimColor: true, wrap: "truncate-end", children: line === '' ? ' ' : line }, index)) : children });
+}
+/** Transcript job card: command folding is independent of the fixed output tail. */
+export function JobCard({ job, marginTopOnTurn, onClick, onWatchOutput, expanded = false, onToggle }) {
     const settled = job.status === 'completed' || job.status === 'failed' || job.status === 'killed';
-    // 动画订阅仅限存活卡片：settled 后退订共享 clock（同 SubagentMessage 的
-    // 约定）。1s tick 只驱动运行时长跳动——状态标是静态的（见 statusInfo）。
+    React.useEffect(() => (settled || onWatchOutput === undefined ? undefined : onWatchOutput(job.id)), [settled, onWatchOutput, job.id]);
     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 grouped = rail !== undefined;
-    const cardColumns = columns ?? 80;
-    // A grouped card spends two columns on the rail — the glyph column plus its
-    // 1-cell gutter. Every width below is measured against that, or the rows
-    // would wrap a second time inside ink and the card would grow past the
-    // height the rail was painted for.
-    const rowWidth = Math.max(20, cardColumns - WATERFALL_GUTTER - (grouped ? 2 : 0));
-    // Waterfall entries: gap banners interleave as their own rows, then the
-    // window keeps the LAST WATERFALL_ROWS entries so a banner never pushes a
-    // fresher line out — the card stays constant-height.
-    const waterfall = [];
-    for (const line of settled ? [] : job.outputLines) {
-        if (line.gapBefore === true)
-            waterfall.push({ kind: 'gap' });
-        waterfall.push({ kind: 'line', line });
-    }
-    const activity = waterfallWindow(waterfall, rowWidth, 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 contentWidth = Math.max(1, columns - 2);
+    const commandRows = jobCommandRows(job.label, contentWidth, expanded);
+    const output = jobOutputRows(job.outputLines, Math.max(1, contentWidth - 1), WATERFALL_ROWS);
+    const outputRows = output.map((entry, index) => (index === 0 ? '≡ ' : '') + (entry.gap === true ? t('jobs-output-gap') : entry.text));
     const headerDetail = job.detail !== undefined && job.detail !== '' ? job.detail : undefined;
     const headerName = `${t('jobs-card-prefix')}${job.id}`;
     const duration = formatJobDuration(job);
-    // Only a LIVE job carries a progress chip; a settled one has dropped it, so
-    // reserving width for it unconditionally would clip the label for nothing.
     const liveProgress = settled || job.progress === undefined || job.progress === '' ? undefined : job.progress;
-    // A grouped card paints its rail line by line, so its HEIGHT must be known
-    // before the render: measure every fixed column and pre-wrap the label into
-    // whatever is left. The label column is then given that width EXPLICITLY —
-    // never a flex leftover — so the pre-wrapped line count is exactly what the
-    // renderer paints (both sides use ink's own wrapText/stringWidth, so the
-    // breaks match the ones a plain wrapping Text would have chosen).
-    const railBody = settled && job.status !== 'completed' && headerDetail !== undefined;
-    const fixedWidths = [
-        stringWidth(info.glyph),
-        stringWidth(headerName),
-        stringWidth(job.kind),
-        ...(liveProgress === undefined ? [] : [12]),
-        stringWidth(duration),
-        ...(headerDetail === undefined ? [] : [stringWidth(headerDetail)]),
-        stringWidth(info.label),
-    ];
-    // One gap between each pair of columns: (fixed + label) - 1 = fixed count.
-    const labelWidth = Math.max(8, cardColumns - (grouped ? 2 : 0) - fixedWidths.reduce((sum, width) => sum + width, 0) - fixedWidths.length);
-    // wrapText returns the wrapped STRING (newline separated), so the line
-    // count comes straight out of it.
-    const labelLines = grouped ? wrapText(job.label, labelWidth, 'wrap').split('\n') : undefined;
-    const contentLines = (labelLines?.length ?? 1) + activity.length + (railBody ? 1 : 0);
-    const railGlyphs = [];
-    if (grouped) {
-        for (let index = 0; index < contentLines; index++) {
-            const opens = index === 0 && rail?.open === true;
-            const closes = index === contentLines - 1 && rail?.close === true;
-            railGlyphs.push(opens ? '╭' : closes ? '╰' : '│');
-        }
-    }
-    // 点击打开 /jobs 面板；hover 不刷整行背景（转录视觉保持安静），只把
-    // 状态 glyph 提亮为品牌色作为可点指示。无外层缩进：任务卡是上方工具
-    // 调用（run_in_background 卡）的延续，与工具卡通栏左对齐；子代理卡才
-    // 是嵌套子实体、保留缩进。瀑布的 `  │ ` 槽自带两格，正好与工具卡正文
-    // 的 `  ⎿ ` 槽位一致。
-    //
-    // 成组时的竖线不在 body 里：继续中的成员把 body 包进一个只有左边框的
-    // Box（见下方 bordered），边框覆盖整张卡的每一行——标签折行出的续行也
-    // 有线，链条不断。收口的尾成员用 `└ ` 字形 + 2 格空槽，两者都把正文
-    // 落在第 2 列。
-    const body = (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: hovered && clickable ? 'accent' : info.color, children: info.glyph }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: hovered && clickable ? 'accent' : undefined, children: headerName }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: job.kind }) }), labelLines === undefined ? (_jsx(Box, { flexGrow: 1, flexShrink: 1, children: _jsx(Text, { children: job.label }) })) : (_jsx(Box, { width: labelWidth, flexShrink: 0, flexDirection: "column", children: labelLines.map((line, index) => _jsx(Text, { children: line }, index)) })), liveProgress !== undefined && (_jsx(Box, { width: 12, flexShrink: 0, children: _jsx(JobProgress, { progress: liveProgress }) })), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: duration }) }), headerDetail !== undefined && _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: headerDetail }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: info.color, children: info.label }) })] }), !settled && activity.length > 0 && activity.map(entry => (
-            // key 不含 time（同 SubagentMessage 的约定）：内容更新走 in-place
-            // diff，避免每个 tick 都 unmount+mount。瀑布只在有镜像输出时出现
-            // （后台任务静默是常态——无输出时卡片就是头行，不摆空 gutter）。
-            // Rows are pre-wrapped to the row width, so truncate is a belt-and-braces
-            // guard against a re-wrap (which would break the constant height).
-            entry.gap === true ? (_jsx(Text, { dimColor: true, italic: true, wrap: "truncate", children: `  · ${t('jobs-output-gap')}` }, entry.key)) : (_jsx(Text, { color: entry.channel === 'stderr' ? 'error' : undefined, dimColor: entry.channel !== 'stderr', wrap: "truncate", children: `  │ ${entry.text}` }, entry.key)))), railBody && (_jsx(Text, { dimColor: true, children: `  └ ${headerDetail}` }))] }));
-    return _jsx(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, ref: viewportRef, onClick: onClick, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: grouped ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { color: "inactive", children: railGlyphs.join('\n') }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingLeft: 1, children: body })] })) : body });
+    return _jsxs(Box, { flexDirection: "column", marginTop: marginTopOnTurn ? 1 : 0, ref: viewportRef, onClick: onToggle === undefined ? undefined : event => { event.stopImmediatePropagation(); onToggle(); }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsxs(Box, { flexDirection: "row", gap: 1, height: 1, overflow: "hidden", onClick: onClick === undefined ? undefined : event => { event.stopImmediatePropagation(); onClick(); }, children: [_jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: hovered ? 'accent' : info.color, children: info.glyph }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: hovered ? 'accent' : undefined, children: headerName }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: job.kind }) }), liveProgress !== undefined && _jsx(Box, { width: 12, flexShrink: 0, children: _jsx(JobProgress, { progress: liveProgress }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: duration }) }), headerDetail !== undefined && _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: headerDetail }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { color: info.color, children: info.label }) })] }), _jsx(JobSection, { rows: commandRows, color: "accent" }), _jsx(JobSection, { rows: outputRows, color: "success" })] });
 }

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

@@ -10,11 +10,14 @@ import type { ClickEvent } from '../../ink/events/click-event.js';
  * working-activity preset (`/activity`), so the indicator follows the same
  * setting as the main spinner.
  */
-export declare function SubagentMessage({ subagent, marginTopOnTurn, activityFrames, onClick }: {
+export declare function SubagentMessage({ subagent, marginTopOnTurn, activityFrames, onClick, onOpenView }: {
     subagent: SubagentRow;
     marginTopOnTurn: boolean;
     activityFrames?: string;
     isExpanded: boolean;
     onClick?(event: ClickEvent): void;
+    /** 在主屏打开子代理转录：与卡片点击（→ 详情）并列的独立动作；拦截冒泡，
+     *  普通正文点击与选区不受影响。 */
+    onOpenView?(): void;
 }): React.ReactNode;
 //# sourceMappingURL=SubagentMessage.d.ts.map

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

@@ -1 +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"}
+{"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;AA2CjE;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;IAClG,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;IACjC;yBACqB;IACrB,UAAU,CAAC,IAAI,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CAyGlB"}

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

@@ -26,6 +26,9 @@ function status(row) {
         return { glyph: minimalUi ? '×' : '🔴', label: t('subagent-status-failed'), color: minimalUi ? undefined : 'error' };
     if (row.status === 'cancelled')
         return { glyph: minimalUi ? '×' : '🔴', label: t('subagent-status-cancelled'), color: minimalUi ? undefined : 'error' };
+    // No end was ever reported (the run's process is gone): settled, unknown.
+    if (row.status === 'unknown')
+        return { glyph: minimalUi ? '·' : '⚪', label: t('subagent-status-unknown'), color: minimalUi ? undefined : 'subtle' };
     return { glyph: minimalUi ? '·' : '🟡', label: t('subagent-status-running'), color: minimalUi ? undefined : 'warning' };
 }
 /** Hard single-line clip by display width — a wrapped waterfall row would
@@ -57,8 +60,8 @@ function clipLine(text, maxWidth) {
  * 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';
+export function SubagentMessage({ subagent, marginTopOnTurn, activityFrames, onClick, onOpenView }) {
+    const settled = subagent.status === 'completed' || subagent.status === 'failed' || subagent.status === 'cancelled' || subagent.status === 'unknown';
     // 动画订阅仅限运行中的卡片：settled 后传 null 退出共享 clock（keepAlive
     // 归零 → interval 清除），否则历史里的每张完成卡片都以 120ms 永久驱动
     // React commit。viewportRef 必须挂到根节点——useTerminalViewport 初始
@@ -79,5 +82,9 @@ export function SubagentMessage({ subagent, marginTopOnTurn, activityFrames, onC
     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)}` }))] });
+    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 }), onOpenView !== undefined && (_jsx(Box, { flexShrink: 0, marginLeft: 1, onClick: (event) => {
+                            // 拦截冒泡：这一格是「主屏查看」，不是卡片点击（→详情）。
+                            event.stopImmediatePropagation();
+                            onOpenView();
+                        }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: _jsx(Text, { color: hovered ? 'accent' : 'subtle', children: '⤢' }) }))] }), !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/ClaudeGirl.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+/**
+ * The Claude girl portrait（Claude 娘）that stands in for the header's pixel
+ * whale while the claude brand is active (`branding.ts` — the cc kernel):
+ * a 30×30 true-color sprite in `claudeGirlSprite.ts`, rendered with the same
+ * half-block technique as the whale and the whale girl — one `▀`/`▄` cell
+ * packs two sprite rows, so the portrait shows at 30 columns × 15 rows.
+ * A static portrait by design: the whale's idle planner and click-hearts
+ * stay whale-only, exactly like the whale-girl mode.
+ */
+/** Pre-rendered ANSI rows, computed once at module load. */
+export declare const CLAUDE_GIRL_ROWS: readonly string[];
+/**
+ * The portrait's center column when it fills the whale's 40-column box
+ * (indented (40−30)/2 = 5, so the art spans columns 5..34 → center 19.5 —
+ * same metrics as the whale girl, both sprites are 30 columns).
+ */
+export declare const CLAUDE_GIRL_CENTER = 19.5;
+/**
+ * The Claude girl as an Ink component: 15 rows × 30 columns. `width` pins
+ * the box (the header passes the whale's 40-column box so the neighbouring
+ * text column never shifts) and centers the portrait inside it.
+ */
+export declare function ClaudeGirlArt({ width }: {
+    width?: number;
+}): React.ReactNode;
+//# sourceMappingURL=ClaudeGirl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClaudeGirl.d.ts","sourceRoot":"","sources":["../../../src/components/ClaudeGirl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;GAQG;AAEH,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,SAAS,MAAM,EAI7C,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,OAAO,CAAA;AAEtC;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAW5E"}

package/lib/types/components/ClaudeGirl.js

@@ -0,0 +1,30 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from '../ui.js';
+import { renderCellRows } from './Whale.js';
+import { CLAUDE_GIRL_COLS, CLAUDE_GIRL_SPRITE, CLAUDE_GIRL_SPRITE_ROWS } from './claudeGirlSprite.js';
+/**
+ * The Claude girl portrait（Claude 娘）that stands in for the header's pixel
+ * whale while the claude brand is active (`branding.ts` — the cc kernel):
+ * a 30×30 true-color sprite in `claudeGirlSprite.ts`, rendered with the same
+ * half-block technique as the whale and the whale girl — one `▀`/`▄` cell
+ * packs two sprite rows, so the portrait shows at 30 columns × 15 rows.
+ * A static portrait by design: the whale's idle planner and click-hearts
+ * stay whale-only, exactly like the whale-girl mode.
+ */
+/** Pre-rendered ANSI rows, computed once at module load. */
+export const CLAUDE_GIRL_ROWS = renderCellRows(CLAUDE_GIRL_COLS, CLAUDE_GIRL_SPRITE_ROWS, (x, y) => CLAUDE_GIRL_SPRITE[y]?.[x] ?? undefined);
+/**
+ * The portrait's center column when it fills the whale's 40-column box
+ * (indented (40−30)/2 = 5, so the art spans columns 5..34 → center 19.5 —
+ * same metrics as the whale girl, both sprites are 30 columns).
+ */
+export const CLAUDE_GIRL_CENTER = 19.5;
+/**
+ * The Claude girl as an Ink component: 15 rows × 30 columns. `width` pins
+ * the box (the header passes the whale's 40-column box so the neighbouring
+ * text column never shifts) and centers the portrait inside it.
+ */
+export function ClaudeGirlArt({ width }) {
+    const pad = width === undefined ? 0 : Math.max(0, Math.floor((width - CLAUDE_GIRL_COLS) / 2));
+    return (_jsx(Box, { flexDirection: "column", flexShrink: 0, width: width, children: CLAUDE_GIRL_ROWS.map((row, index) => (_jsxs(Text, { wrap: "truncate-end", children: [pad > 0 ? ' '.repeat(pad) : '', row] }, index))) }));
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { Tokens } from 'marked';
+import type { CliHighlight } from '../terminal-utils/cliHighlight.js';
+/**
+ * Which frame engine renders code fences. `typed` is the default;
+ * `DSH_TUI_CODE_FRAME=hybrid` selects the component layout.
+ */
+export declare function codeFrameEngine(): 'typed' | 'hybrid';
+type Props = {
+    token: Tokens.Code;
+    highlight: CliHighlight | null;
+    /** Dim the body (thinking blocks); decorations stay theme-muted. */
+    dimColor?: boolean;
+    /** Override terminal width (useful for testing). */
+    forceWidth?: number;
+};
+export declare function CodeBlockFrame({ token, highlight, dimColor, forceWidth }: Props): React.ReactNode;
+export {};
+//# sourceMappingURL=CodeBlockFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockFrame.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlockFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AASpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAqCrE;;;GAGG;AACH,wBAAgB,eAAe,IAAI,OAAO,GAAG,QAAQ,CAEpD;AAED,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC,IAAI,CAAA;IAClB,SAAS,EAAE,YAAY,GAAG,IAAI,CAAA;IAC9B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAgB,EAAE,UAAU,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAwFzG"}

package/lib/types/components/CodeBlockFrame.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, NoSelect, Text } from '../ui.js';
+import { useTerminalSize } from '../ink/hooks/use-terminal-size.js';
+import { colorize } from '../ink/colorize.js';
+import { getTheme } from '../theme.js';
+import { useTheme } from './design-system/ThemeProvider.js';
+import { codeLanguageTag, formatCodeBody, formatToken } from '../terminal-utils/markdown.js';
+import { getCodeFrameStyle, subscribeCodeFrameStyle } from '../tuiDisplayPrefs.js';
+/**
+ * A fenced code block rendered as a light frame:
+ *
+ *     ┌─ ts ─────────────────
+ *     │   const answer = await agent.run()
+ *     │   return answer
+ *
+ * The top edge carries only the corner, the language label and a subtle
+ * divider; every body row gets the rail and one column of padding. No
+ * right wall or bottom edge, so a block costs no extra rows.
+ *
+ * Two engines draw the same frame:
+ *
+ * - typed (default): one ink-text leaf. The header row and the per-row
+ *   rail are Text decoration, so a block adds no Yoga nodes and streams
+ *   like a plain ANSI string.
+ * - hybrid (DSH_TUI_CODE_FRAME=hybrid): header and rail as NoSelect boxes
+ *   around the body Text (~7 Yoga nodes per block). Kept as a fallback
+ *   that can be switched on without a code change.
+ *
+ * Header and rail are excluded from selection, the body is selectable.
+ * Below a net body width of 8 the block falls back to the plain ANSI
+ * fence, where a frame would only squeeze the code.
+ */
+/** Same viewport slack MarkdownTable/MermaidDiagram keep for gutters and
+ *  message insets: the content column is the terminal width minus this. */
+const SAFETY_MARGIN = 4;
+/** Content column width that earns the full-width dash header. */
+const WIDE_HEADER_MIN_COLUMNS = 56;
+/** Below this NET body width the frame falls back to the ANSI fence. */
+const MIN_NET_BODY_WIDTH = 8;
+/** Rail column + the single padding column. */
+const FRAME_OVERHEAD = 2;
+/**
+ * Which frame engine renders code fences. `typed` is the default;
+ * `DSH_TUI_CODE_FRAME=hybrid` selects the component layout.
+ */
+export function codeFrameEngine() {
+    return process.env.DSH_TUI_CODE_FRAME === 'hybrid' ? 'hybrid' : 'typed';
+}
+export function CodeBlockFrame({ token, highlight, dimColor = false, forceWidth }) {
+    const { columns } = useTerminalSize();
+    // Live setting (settings `dsh-tui.codeFrameStyle`): read at render
+    // time so settled blocks re-render when the style flips; the store
+    // mirrors both the /settings edit and cordis.yml.
+    const frameStyle = React.useSyncExternalStore(subscribeCodeFrameStyle, getCodeFrameStyle);
+    const [themeName] = useTheme();
+    const theme = getTheme(themeName);
+    // Theme values are raw color strings; the ink-level border props take the
+    // Color type directly (NoSelect is not theme-aware like ThemedBox).
+    const subtle = theme.subtle;
+    const width = Math.max(0, forceWidth ?? columns);
+    const contentWidth = width - SAFETY_MARGIN;
+    const label = codeLanguageTag(token) || 'code';
+    const body = formatCodeBody(token, highlight);
+    // The narrow fallback and the hybrid engine return early, so these
+    // memos run before every branch.
+    const headerText = React.useMemo(() => {
+        // The wide frame keeps one space before the divider run; the narrow
+        // label stays tight (`┌─ ts`), matching the hybrid header's noSelect
+        // columns.
+        const wide = contentWidth >= WIDE_HEADER_MIN_COLUMNS;
+        return colorize('┌─ ' + label + (wide ? ' ' : ''), theme.subtle, 'foreground');
+    }, [label, theme.subtle, contentWidth]);
+    const headerFill = React.useMemo(() => {
+        if (contentWidth < WIDE_HEADER_MIN_COLUMNS)
+            return undefined;
+        return colorize('─', theme.subtle, 'foreground');
+    }, [theme.subtle, contentWidth]);
+    // Keyed on emptiness, not the body: a streaming fence keeps one
+    // decoration object while its text grows.
+    const emptyBody = body === '';
+    const decoration = React.useMemo(() => {
+        if (emptyBody) {
+            // An empty fence shows just the header row.
+            return { header: headerText, headerFill };
+        }
+        return {
+            header: headerText,
+            headerFill,
+            prefix: {
+                // The rail is excluded from selection; the padding column is not.
+                text: colorize('│', theme.subtle, 'foreground') + ' ',
+                width: FRAME_OVERHEAD,
+                noSelect: 1,
+            },
+        };
+    }, [headerText, headerFill, emptyBody, theme.subtle]);
+    if (contentWidth - FRAME_OVERHEAD < MIN_NET_BODY_WIDTH) {
+        // Too narrow to frame: the plain ANSI fence.
+        return _jsx(Text, { dimColor: dimColor, children: formatToken(token, 0, null, null, highlight).trimEnd() });
+    }
+    if (frameStyle === 'full') {
+        // The closed form is structural by nature (the right wall must
+        // follow the content column and stay continuous across wrapped
+        // rows), so it rides the hybrid layout with the wall and bottom
+        // edge added - regardless of the typed/hybrid engine switch.
+        return (_jsx(CodeBlockFrameFull, { contentWidth: contentWidth, label: label, body: body, subtle: subtle, themeSubtle: theme.subtle, dimColor: dimColor }));
+    }
+    if (codeFrameEngine() === 'hybrid') {
+        return (_jsx(CodeBlockFrameHybrid, { contentWidth: contentWidth, label: label, body: body, subtle: subtle, themeSubtle: theme.subtle, dimColor: dimColor }));
+    }
+    // Typed engine: one ink-text leaf whose paint carries the frame.
+    return (_jsx(Text, { dimColor: dimColor, decoration: decoration, children: body }));
+}
+/**
+ * The `full` style: the hybrid layout with the box closed - a right wall
+ * (a layout border, so it stays continuous across wrapped rows and
+ * follows the content column) and a bottom edge under the whole block.
+ * Header/rail/wall/bottom stay NoSelect; the body (and its padding
+ * column) stay selectable - the same copy contract as the light frame.
+ */
+function CodeBlockFrameFull({ contentWidth, label, body, subtle, themeSubtle, dimColor, }) {
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsx(NoSelect, { borderStyle: "single", borderTop: true, borderLeft: true, borderRight: true, borderBottom: false, borderColor: subtle, borderText: {
+                    content: colorize(' ' + label + ' ', themeSubtle, 'foreground'),
+                    position: 'top',
+                    align: 'start',
+                    offset: 1,
+                } }), _jsxs(Box, { flexDirection: "row", children: [_jsx(NoSelect, { borderStyle: "single", borderLeft: true, borderTop: false, borderRight: false, borderBottom: false, borderColor: subtle }), _jsx(Box, { paddingLeft: 1, flexGrow: 1, children: _jsx(Text, { dimColor: dimColor, children: body }) }), _jsx(NoSelect, { borderStyle: "single", borderRight: true, borderTop: false, borderLeft: false, borderBottom: false, borderColor: subtle })] }), _jsx(NoSelect, { borderStyle: "single", borderLeft: true, borderRight: true, borderBottom: true, borderTop: false, borderColor: subtle })] }));
+}
+/** The component layout behind DSH_TUI_CODE_FRAME=hybrid. */
+function CodeBlockFrameHybrid({ contentWidth, label, body, subtle, themeSubtle, dimColor, }) {
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [contentWidth >= WIDE_HEADER_MIN_COLUMNS ? (_jsx(NoSelect, { borderStyle: "single", borderTop: true, borderLeft: true, borderRight: false, borderBottom: false, borderColor: subtle, borderText: {
+                    content: colorize(' ' + label + ' ', themeSubtle, 'foreground'),
+                    position: 'top',
+                    align: 'start',
+                    offset: 1,
+                } })) : (_jsx(NoSelect, { children: _jsx(Text, { color: "subtle", children: '┌─ ' + label }) })), _jsxs(Box, { flexDirection: "row", children: [_jsx(NoSelect, { borderStyle: "single", borderLeft: true, borderTop: false, borderRight: false, borderBottom: false, borderColor: subtle }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { dimColor: dimColor, children: body }) })] })] }));
+}

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

@@ -9,14 +9,21 @@ import type { LocalCommand } from '../commands.js';
  *   ╭─ 命令 · 共 12 项 ──────────────────────╮
  *   │ ❯ compact  Summarize earlier turns…  │   ← 选中：❯ + 加粗 + suggestion 色
  *   │   compare  Compare selected messages … │   ← 名字里命中输入的段提亮
+ *   │   new      Start a new conversation   │   ← 灰区整行 subtle，不提亮命中
  *   │ ↑2 · ↓3                                 │   ← 仅当列表被窗口裁剪
  *   ╰─────────────────────────────────────────╯
  *
  * 未选中行整体 dim，唯独名字里匹配当前查询 token 的前缀以正常亮度提亮
  * （bold 与 dim 在终端互斥，故提亮用非 dim 而非加粗）；选中行整行
  * suggestion 色、名字加粗、前置 ❯ 指针。
+ *
+ * issue #1072：回合运行中（`holdFrom` 有值）命令按「对当前对话的影响」分区——
+ * 不影响对话的留在上方用原样式，会被门禁拦下 / 会打断或替换对话 / 会 steer 的
+ * 沉底为灰区（主题 `subtle`，不做命中提亮，但仍可选中执行，该门禁的门禁、
+ * 该 steer 的 steer）。分区只是稳定重排：命令索引空间（`selectedIndex` /
+ * `onPick`）与窗口数学都不变，灰区只靠颜色区分，不额外占显示行。
  */
-export declare function CommandSuggestions({ commands, selectedIndex, columns, query, accent, onPick, onWheelStep, }: {
+export declare function CommandSuggestions({ commands, selectedIndex, columns, query, accent, holdFrom, onPick, onWheelStep, }: {
     commands: readonly (LocalCommand & {
         descriptionKey?: string;
     })[];
@@ -25,6 +32,8 @@ export declare function CommandSuggestions({ commands, selectedIndex, columns, q
     /** 原始 `/…` 输入；其最后一段 token 用于名字前缀高亮。 */
     query?: string;
     accent?: keyof Theme | Color;
+    /** 索引 ≥ 该值的条目属于「影响当前对话」灰区；undefined = 全部正常区。 */
+    holdFrom?: number;
     /** 鼠标点击行（fullscreen）：上报过滤后列表的绝对索引（与键盘
      *  selectedIndex 同一索引空间），接受路径由 PromptInput 复用。 */
     onPick?: (index: number) => void;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAU,EACV,MAAM,EACN,QAAQ,EACR,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,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;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,CAkGlB"}