@deepseek-harness-tui/dsh-tui 0.10.0-beta.1 → 0.10.0-beta.3

package/lib/types/commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../src/commands.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;AAElF,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,+DAA+D;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,+EAA+E;AAC/E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,2EAA2E;AAC3E,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,aAAa,EAAE,SAAS,MAAM,EAAE,KAAK,SAAS,qBAAqB,EAAE,CAAA;AAEpG;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,YAAY,EA2DxC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,YAAY,EAElD,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAEpD,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAG1D;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,GAAG;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIhG;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAIhD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,OAAO,CAKT;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,YAAY,EAAE,CAKhB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,SAAS,YAAY,EAAmB,EAC/C,QAAQ,GAAE,eAA0B,GACnC,iBAAiB,EAAE,CAuCrB"}
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../src/commands.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;AAElF,MAAM,WAAW,YAAY;IAC3B,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,yEAAyE;IACzE,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,+DAA+D;IAC/D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,+EAA+E;AAC/E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,2EAA2E;AAC3E,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,aAAa,EAAE,SAAS,MAAM,EAAE,KAAK,SAAS,qBAAqB,EAAE,CAAA;AAEpG;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE/D;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,YAAY,EA4DxC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,YAAY,EAElD,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAEpD,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAG1D;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,GAAG;IAAE,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIhG;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAIhD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,OAAO,CAKT;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAmB,GAC7C,YAAY,EAAE,CAKhB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,SAAS,YAAY,EAAmB,EAC/C,QAAQ,GAAE,eAA0B,GACnC,iBAAiB,EAAE,CAuCrB"}

package/lib/types/commands.js

@@ -43,6 +43,7 @@ export const LOCAL_COMMANDS = [
     { name: 'doctor', description: 'Run environment checks' },
     { name: 'init', description: 'Create AGENTS.md in the working directory' },
     { name: 'agents', description: 'Show subagents of this session' },
+    { name: 'jobs', description: 'Show background jobs of this session' },
     // Model / display
     { name: 'activity', description: 'Switch the working-activity indicator preset' },
     { name: 'preset', description: 'Switch the agent preset (including Liangshen mode)' },

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type BackgroundJobState } from '../dsh-adapter/jobs.js';
+export interface JobsPanelProps {
+    jobs: readonly BackgroundJobState[];
+    onClose: () => void;
+    /** Kill the focused live job (`job_kill` with the session's authority). */
+    onKill: (id: string) => void;
+}
+/**
+ * `/jobs` overlay panel — every background job of the current session with
+ * live status, elapsed/total duration and terminal detail (exit code).
+ * Keyboard: ↑/↓ move, k kills the focused live job, Esc closes; the focused
+ * row expands a detail block (full label, start/finish times, mirrored
+ * output tail). The panel is the deep view behind the transcript job cards.
+ */
+export declare function JobsPanel({ jobs, onClose, onKill }: JobsPanelProps): React.ReactNode;
+//# sourceMappingURL=JobsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/JobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAqB,KAAK,kBAAkB,EAA4B,MAAM,wBAAwB,CAAA;AAS7G,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7B;AAkGD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CA2FpF"}

package/lib/types/components/JobsPanel.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput, ScrollBox, useTerminalSize, useAnimationFrame } from '../ui.js';
+import { formatJobDuration } from '../dsh-adapter/jobs.js';
+import { t } from '../i18n.js';
+import { Divider } from './design-system/Divider.js';
+import { ExitButton } from './SubagentDashboard.js';
+import { isPlainReturnInput } from '../utils/modifiers.js';
+import { isMinimalMode } from '../minimalMode.js';
+import { stringWidth } from '../ink/stringWidth.js';
+function statusInfo(status) {
+    const minimal = isMinimalMode();
+    switch (status) {
+        case 'completed':
+            return { glyph: minimal ? '✓' : '●', label: t('jobs-status-completed'), color: minimal ? undefined : 'success' };
+        case 'failed':
+            return { glyph: minimal ? '×' : '●', label: t('jobs-status-failed'), color: minimal ? undefined : 'error' };
+        case 'killed':
+            return { glyph: minimal ? '×' : '●', label: t('jobs-status-killed'), color: minimal ? undefined : 'error' };
+        case 'stopping':
+            return { glyph: minimal ? '·' : '●', label: t('jobs-status-stopping'), color: minimal ? undefined : 'warning' };
+        default:
+            return { glyph: minimal ? '·' : '●', label: t('jobs-status-running'), color: minimal ? undefined : 'warning' };
+    }
+}
+/** Hard single-line clip by display width (shared rule with the job card). */
+function clipLine(text, maxWidth) {
+    if (maxWidth <= 1)
+        return '';
+    let width = 0;
+    let index = 0;
+    while (index < text.length) {
+        const next = text.codePointAt(index);
+        const char = String.fromCodePoint(next);
+        const charWidth = stringWidth(char);
+        if (width + charWidth > maxWidth - 1)
+            break;
+        width += charWidth;
+        index += char.length;
+    }
+    return index < text.length ? `${text.slice(0, index)}…` : text;
+}
+function JobRowLine({ job, focused }) {
+    const { columns } = useTerminalSize();
+    const info = statusInfo(job.status);
+    const duration = formatJobDuration(job);
+    const detail = job.detail !== undefined && job.detail !== '' ? job.detail : undefined;
+    // Reserve: glyph(2) id(~9) kind(~7) duration(~7) status(~6) separators(5×2)
+    // — the label takes the rest and hard-clips instead of wrapping.
+    const labelWidth = Math.max(10, (columns ?? 80) - 46);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: focused ? 'claude' : undefined, children: focused ? '❯' : ' ' }), _jsx(Text, { color: info.color, children: info.glyph }), _jsx(Text, { bold: focused, color: focused ? 'claude' : undefined, children: job.id }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: job.kind }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { bold: focused, children: clipLine(job.label, labelWidth) }), _jsx(Box, { flexGrow: 1 }), _jsx(Text, { dimColor: true, children: duration }), detail !== undefined && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: detail })] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), focused && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, wrap: "truncate", children: `    ${t('jobs-card-prefix')}${clipLine(job.label, Math.max(10, labelWidth + 24))}` }), job.command !== undefined && (_jsx(Text, { dimColor: true, wrap: "truncate", children: `    ${t('jobs-panel-command')} ${clipLine(job.command, Math.max(10, labelWidth + 24))}` })), _jsxs(Text, { dimColor: true, wrap: "truncate", children: [`    ${t('jobs-panel-started')} ${timeOf(job.startedAt)}`, job.finishedAt !== undefined ? ` · ${t('jobs-panel-finished')} ${timeOf(job.finishedAt)}` : '', job.lastOutputAt !== undefined ? ` · ${t('jobs-panel-output-at')} ${timeOf(job.lastOutputAt)}` : ''] }), job.outputLines.length > 0 ? (job.outputLines.map((line, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: `    │ ${clipLine(line, Math.max(10, labelWidth + 24))}` }, `${job.id}-detail-${index}`)))) : (_jsx(Text, { dimColor: true, wrap: "truncate", children: `    └ ${t('jobs-panel-no-output-yet')}` }))] }))] }));
+}
+/** HH:MM:SS wall-clock of an epoch ms value (locale-independent). */
+function timeOf(ms) {
+    const date = new Date(ms);
+    const pad = (value) => String(value).padStart(2, '0');
+    return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+}
+/**
+ * `/jobs` overlay panel — every background job of the current session with
+ * live status, elapsed/total duration and terminal detail (exit code).
+ * Keyboard: ↑/↓ move, k kills the focused live job, Esc closes; the focused
+ * row expands a detail block (full label, start/finish times, mirrored
+ * output tail). The panel is the deep view behind the transcript job cards.
+ */
+export function JobsPanel({ jobs, onClose, onKill }) {
+    const [focusIndex, setFocusIndex] = React.useState(0);
+    const scrollRef = React.useRef(null);
+    const { rows } = useTerminalSize();
+    // 1s tick keeps live durations counting while the panel is open.
+    const [clockRef] = useAnimationFrame(1000);
+    const focus = Math.min(focusIndex, Math.max(0, jobs.length - 1));
+    useInput((input, key, event) => {
+        if (key.escape || (key.ctrl && input === 'c')) {
+            event.stopImmediatePropagation();
+            onClose();
+            return;
+        }
+        if (key.upArrow) {
+            event.stopImmediatePropagation();
+            setFocusIndex(i => Math.max(0, i - 1));
+            scrollRef.current?.scrollBy(-1);
+            return;
+        }
+        if (key.downArrow) {
+            event.stopImmediatePropagation();
+            setFocusIndex(i => Math.min(jobs.length - 1, i + 1));
+            scrollRef.current?.scrollBy(1);
+            return;
+        }
+        if (input === 'k') {
+            const selected = jobs[focus];
+            if (selected !== undefined && (selected.status === 'running' || selected.status === 'stopping')) {
+                event.stopImmediatePropagation();
+                onKill(selected.id);
+            }
+            return;
+        }
+        // Enter on a live job does nothing extra (the card/panel IS the view);
+        // keep the key consumed while the panel owns the keyboard.
+        if (isPlainReturnInput(input, key)) {
+            event.stopImmediatePropagation();
+            return;
+        }
+        event.stopImmediatePropagation();
+    });
+    const running = jobs.filter(job => job.status === 'running' || job.status === 'stopping').length;
+    const completed = jobs.filter(job => job.status === 'completed').length;
+    const failed = jobs.filter(job => job.status === 'failed' || job.status === 'killed').length;
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, ref: clockRef, children: [_jsx(Divider, { color: "claude", title: t('jobs-panel-title') }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: 1, marginBottom: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "claude", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('jobs-panel-count-failed')] })] })), _jsx(Box, { flexGrow: 1 }), _jsx(ExitButton, { onClick: onClose })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(10, rows - 10), marginTop: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: jobs.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('jobs-panel-empty') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-empty-hint') }) })] })) : (jobs.map((job, index) => _jsx(JobRowLine, { job: job, focused: index === focus }, job.id))) }) }), _jsx(Divider, { color: "subtle", title: "" }), _jsx(Box, { marginTop: 0, children: _jsx(Text, { dimColor: true, children: t('jobs-panel-hint') }) })] }));
+}

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

@@ -4,7 +4,7 @@ import type { ChatRow } from '../dsh-adapter/channel.js';
 import type { DOMElement } from '../ink/dom.js';
 import { type TimelineSnapshot } from '../ink/timeline-rail.js';
 import type { ToolBackground } from '../tuiDisplayPrefs.js';
-export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows, onToggleStreamView, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible, historyPaintEnabled, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }: {
+export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows, onToggleStreamView, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, smoothStreaming, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible, historyPaintEnabled, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenJobs, onOpenFile, }: {
     rows: readonly ChatRow[];
     expanded: boolean;
     expandedRows: ReadonlySet<number>;
@@ -22,6 +22,10 @@ export declare function MessageList({ rows, expanded, expandedRows, selectedId,
     toolBackground?: ToolBackground;
     /** Terminal-card header folding from the live channel settings. */
     foldTerminalCommand?: boolean;
+    /** Smooth streaming reveal from the live channel settings (default off at
+     *  this layer — embedders and verify harnesses keep exact-paint behavior;
+     *  Chat passes the channel's `dsh-tui.smoothStreaming` value). */
+    smoothStreaming?: boolean;
     /** Working-activity preset name from the channel; drives the subagent
      *  card's running glyph so both indicators follow one setting. */
     activityFrames?: string;
@@ -84,6 +88,8 @@ export declare function MessageList({ rows, expanded, expandedRows, selectedId,
     failureHint?: string;
     /** 打开子代理详情场景（transcript 内点击子代理卡）。 */
     onOpenSubagent?: (agentId: string) => void;
+    /** 打开 /jobs 后台任务面板（transcript 内点击任务卡）。 */
+    onOpenJobs?: () => void;
     /** 点击工具卡内的文件路径（打开文件操作菜单）。 */
     onOpenFile?: (path: string) => void;
 }): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,EAA8B,KAAK,eAAe,EAAE,MAAM,UAAU,CAAA;AAE3E,OAAO,KAAK,EAAE,OAAO,EAAsD,MAAM,2BAA2B,CAAA;AAC5G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAgB/C,OAAO,EAAe,KAAK,gBAAgB,EAAqB,MAAM,yBAAyB,CAAA;AAC/F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAqI3D,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,qBAA8C,EAC9C,kBAA4C,EAC5C,KAAK,EACL,UAAmB,EACnB,YAAwB,EACxB,cAAuB,EACvB,mBAA2B,EAC3B,cAAc,EACd,OAAO,EACP,WAAW,EACX,WAAW,EACX,eAAsB,EACtB,mBAA0B,EAC1B,cAAc,EACd,YAAY,EACZ,eAAe,EACf,aAAa,EACb,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,UAAU,GACX,EAAE;IACD,IAAI,EAAE,SAAS,OAAO,EAAE,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACjC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,+CAA+C;IAC/C,qBAAqB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC3C,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACjC,qEAAqE;IACrE,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;sEACkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB;2EACuE;IACvE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,oDAAoD;IACpD,YAAY,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;IACrC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B;8EAC0E;IAC1E,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,6BAA6B;IAC7B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC,qBA4wBA;AA0VD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,GAAG,EACH,KAAY,EACZ,SAAiB,GAClB,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;qEACiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,KAAK,CAAC,SAAS,CASlB"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList.tsx"],"names":[],"mappings":"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"}

package/lib/types/components/MessageList.js

@@ -8,6 +8,7 @@ import { AssistantTextMessage } from './messages/AssistantTextMessage.js';
 import { AssistantThinkingMessage } from './messages/AssistantThinkingMessage.js';
 import { AssistantToolUseMessage } from './messages/AssistantToolUseMessage.js';
 import { SubagentMessage } from './Chat/SubagentMessage.js';
+import { JobCard } from './Chat/JobCard.js';
 import { isMinimalMode } from '../minimalMode.js';
 import { noteFrameCause, noteListGeometry } from '../ink/geometry-trace.js';
 import { InterruptedByUser } from './InterruptedByUser.js';
@@ -18,6 +19,7 @@ import { stripNarration } from '../utils/narration.js';
 import { stringWidth } from '../ink/stringWidth.js';
 import { truncateToWidth } from '../ink/truncateToWidth.js';
 import { clipPreview } from '../ink/timeline-rail.js';
+import { getRevealVersion, revealLengthOf, revealTextOf, subscribeReveal } from './smoothReveal.js';
 /**
  * Transcript rows rendered in the Claude Code visual language: user prompts
  * on a grey bubble with a `❯` pointer, assistant text with a `●` bullet and
@@ -55,6 +57,37 @@ const DEFAULT_HEADER_LINES = 14;
  *  toggle callback's deps never churn. */
 const NO_STREAM_VIEW_TOGGLED = new Set();
 const NOOP_TOGGLE_STREAM_VIEW = (_rowId) => { };
+// --- smooth-streaming display text -----------------------------------------
+// Render-phase reads of the shared reveal cursors (see smoothReveal.ts for
+// why the cursors live outside React). `active` gates cursor CREATION to
+// live-arrived content (streaming rows, live-settled rows marked `fresh`,
+// replayed history paints complete); once created, a cursor keeps revealing
+// until it catches up — settling mid-reveal must not snap (that is the
+// "non-streaming delivery becomes a smooth flow" contract).
+function assistantRevealText(row, enabled) {
+    const stripped = stripNarration(row.text);
+    return revealTextOf(`a${row.id}`, stripped, {
+        enabled,
+        active: row.streaming === true || row.fresh === true,
+    });
+}
+function reasoningRevealText(row, enabled) {
+    return revealTextOf(`r${row.id}`, row.text, { enabled, active: row.streaming === true });
+}
+/** Display length only (layout signature; no slice allocation). */
+function revealDisplayLen(row, enabled) {
+    if (row.kind === 'assistant') {
+        const stripped = stripNarration(row.text);
+        return revealLengthOf(`a${row.id}`, stripped, {
+            enabled,
+            active: row.streaming === true || row.fresh === true,
+        });
+    }
+    if (row.kind === 'reasoning') {
+        return revealLengthOf(`r${row.id}`, row.text, { enabled, active: row.streaming === true });
+    }
+    return row.text.length;
+}
 /**
  * Per-kind layout signature PARTS: the O(1) identity of every input that
  * decides a row's rendered HEIGHT (see sigRef in MessageList). Fields are
@@ -76,11 +109,13 @@ const NOOP_TOGGLE_STREAM_VIEW = (_rowId) => { };
  * (parts.slice()).
  */
 const signatureScratch = [];
-function signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint) {
+function signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint, displayTextLen) {
     signatureScratch.length = 0;
     // Universal height inputs: width reflows every row; kind switches height
-    // semantics wholesale; text length drives wrapping.
-    signatureScratch.push(columns, row.kind, row.text?.length ?? 0);
+    // semantics wholesale; text length drives wrapping. `displayTextLen` is the
+    // REVEALED length while smooth streaming is painting (the height follows
+    // what is on screen, not what has arrived).
+    signatureScratch.push(columns, row.kind, displayTextLen);
     switch (row.kind) {
         case 'assistant':
             // Streaming vs settled swaps renderers; Ctrl+O/per-row expand adds the
@@ -119,7 +154,7 @@ function signatureParts(row, columns, expanded, expandedRows, streamViewToggledR
     }
     return signatureScratch;
 }
-export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows = NO_STREAM_VIEW_TOGGLED, onToggleStreamView = NOOP_TOGGLE_STREAM_VIEW, model, diffLayout = 'auto', thinkingFold = 'preview', toolBackground = 'none', foldTerminalCommand = false, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, historyPaintEnabled = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }) {
+export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows = NO_STREAM_VIEW_TOGGLED, onToggleStreamView = NOOP_TOGGLE_STREAM_VIEW, model, diffLayout = 'auto', thinkingFold = 'preview', toolBackground = 'none', foldTerminalCommand = false, smoothStreaming = false, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, historyPaintEnabled = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenJobs, onOpenFile, }) {
     const hiddenCount = rows.length - MAX_RENDERED_ROWS;
     // The thinking filter runs BEFORE virtualization so window indices line up.
     //
@@ -225,6 +260,13 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
     };
     // --- layout virtualization ---------------------------------------------
     const { columns, rows: termRows } = useTerminalSize();
+    // Smooth-reveal wakeups: the scheduler's tick bumps this store, re-running
+    // MessageList so the revealed `text`/line-count reads below feed fresh
+    // values through the same MemoRow-prop pipeline an arriving chunk uses —
+    // memo miss → re-render → post-commit height re-measure. Without this
+    // subscription a reveal living in child state would change row heights
+    // invisibly to the virtualization (stale cached heights → blank bands).
+    React.useSyncExternalStore(subscribeReveal, getRevealVersion);
     // Measured row heights, remembered after a row unmounts so virtualization
     // can compute total content height. Bounded: row ids grow monotonically
     // and rows are never removed from the transcript (foldRows keeps the
@@ -259,7 +301,7 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
     /** True when frame-budgeted history painting still has batches left
      *  (main-screen open): the layout effect schedules the next slice. */
     const paintPendingRef = React.useRef(false);
-    const paintQueuedRef = React.useRef(false);
+    const paintTimerRef = React.useRef(null);
     /** Persistent history-paint edge: how far batched painting has advanced
      *  (index into visibleRows). -1 = not painting / reset (list head change:
      *  rewind, new session, loadOlder — must repaint from scratch). */
@@ -275,9 +317,19 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
         paintedBaseRef.current = listHeadId;
     /** Content-space offset of visibleRows[0] (header + dividers), measured. */
     const baseRef = React.useRef(null);
-    const measureQueuedRef = React.useRef(false);
+    const measureTimerRef = React.useRef(null);
     const [, setMeasureTick] = React.useState(0);
     const [, setScrollTick] = React.useState(0);
+    React.useEffect(() => () => {
+        if (measureTimerRef.current !== null) {
+            clearTimeout(measureTimerRef.current);
+            measureTimerRef.current = null;
+        }
+        if (paintTimerRef.current !== null) {
+            clearTimeout(paintTimerRef.current);
+            paintTimerRef.current = null;
+        }
+    }, []);
     // A width change reflows every row — all measurements are stale.
     const lastColumns = React.useRef(columns);
     if (lastColumns.current !== columns) {
@@ -318,7 +370,7 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
             // reasoning height at once, remounting the widened window over rows
             // whose rendering never changed (Yoga spike + measure churn for
             // nothing). Base parts cover the universal height inputs.
-            const parts = signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint);
+            const parts = signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint, revealDisplayLen(row, smoothStreaming));
             const cachedParts = sigs.get(row.id);
             let same = false;
             if (cachedParts !== undefined && cachedParts.length === parts.length) {
@@ -787,15 +839,15 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
                 scrollHandle.setClampBounds(min, bottomPad <= 0 ? undefined : Math.max(min, base + mountedBottom - viewport));
             }
         }
-        if (changed && !measureQueuedRef.current) {
-            // Layout corrections can cascade for many rows. Yield between commits
-            // so React does not count the valid convergence as nested updates.
-            measureQueuedRef.current = true;
-            queueMicrotask(() => {
-                measureQueuedRef.current = false;
+        if (changed && measureTimerRef.current === null) {
+            // Layout corrections can cascade for many rows. Yield to the next
+            // macrotask so React does not count the valid convergence as nested
+            // updates when a streaming/reveal commit is already in flight.
+            measureTimerRef.current = setTimeout(() => {
+                measureTimerRef.current = null;
                 noteFrameCause('measure');
                 setMeasureTick(t => t + 1);
-            });
+            }, 0);
         }
         // History-paint continuation (main-screen open): more never-painted
         // batches remain — schedule the next slice on the macrotask queue so
@@ -804,10 +856,9 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
         // enough: each batch's mount+measure work is bounded (~2 viewports),
         // unlike the previous single-commit full mount that saturated the main
         // thread for seconds.
-        if (paintPendingRef.current && !paintQueuedRef.current) {
-            paintQueuedRef.current = true;
-            setTimeout(() => {
-                paintQueuedRef.current = false;
+        if (paintPendingRef.current && paintTimerRef.current === null) {
+            paintTimerRef.current = setTimeout(() => {
+                paintTimerRef.current = null;
                 if (!paintPendingRef.current)
                     return;
                 noteFrameCause('measure');
@@ -832,7 +883,32 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
                 const addMargin = margins.get(row.id) === true;
                 const tool = row.tool;
                 const subagent = row.kind === 'subagent' ? row.subagent : undefined;
-                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: row.text, executionTarget: row.executionTarget, streaming: row.streaming === true, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, thinkingFold: thinkingFold, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, activityFrames: activityFrames, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, subagent: subagent, onToggleRow: onToggleRow, onToggleStreamView: onToggleStreamView, streamViewToggled: streamViewToggledRows.has(row.id), onOpenSubagent: onOpenSubagent, onOpenFile: onOpenFile, setRowRef: setRowRef }, row.id));
+                const job = row.kind === 'job' ? row.job : undefined;
+                const revealVersion = smoothStreaming && row.kind === 'tool' && row.fresh === true &&
+                    row.tool?.status === 'running' && row.tool.resultView === undefined
+                    ? getRevealVersion()
+                    : 0;
+                // Smooth reveal feeds the SAME flattened text prop a chunk feeds,
+                // and keeps the streaming layout alive until the reveal catches up
+                // (settling mid-reveal must not snap — a one-shot non-streaming
+                // delivery still paints as a flow).
+                let displayText = row.text;
+                let displayStreaming = row.streaming === true;
+                if (row.kind === 'assistant' && smoothStreaming) {
+                    const stripped = stripNarration(row.text);
+                    displayText = revealTextOf(`a${row.id}`, stripped, {
+                        enabled: true,
+                        active: displayStreaming || row.fresh === true,
+                    });
+                    displayStreaming = displayStreaming || displayText.length !== stripped.length;
+                }
+                else if (row.kind === 'assistant') {
+                    displayText = stripNarration(row.text);
+                }
+                else if (row.kind === 'reasoning' && smoothStreaming) {
+                    displayText = revealTextOf(`r${row.id}`, row.text, { enabled: true, active: displayStreaming });
+                }
+                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: displayText, textFull: row.kind === 'reasoning' ? row.text : undefined, executionTarget: row.executionTarget, streaming: displayStreaming, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, thinkingFold: thinkingFold, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, smoothStreaming: smoothStreaming, fresh: row.fresh === true, revealVersion: revealVersion, activityFrames: activityFrames, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, subagent: subagent, job: job, onToggleRow: onToggleRow, onToggleStreamView: onToggleStreamView, streamViewToggled: streamViewToggledRows.has(row.id), onOpenSubagent: onOpenSubagent, onOpenJobs: onOpenJobs, onOpenFile: onOpenFile, setRowRef: setRowRef }, row.id));
             }), bottomPad > 0 && _jsx(Box, { height: bottomPad, flexShrink: 0 })] }));
 }
 /** Load-earlier / show-previous divider row with a mouse hover tint — the
@@ -841,7 +917,7 @@ function ClickableDivider({ title, onClick }) {
     const [hovered, setHovered] = useState(false);
     return (_jsx(Box, { marginTop: 1, onClick: onClick, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), backgroundColor: hovered ? 'userMessageBackgroundHover' : undefined, children: _jsx(Divider, { title: title }) }));
 }
-function TranscriptRow({ rowId, kind, text, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, subagent, onToggleRow, onToggleStreamView, streamViewToggled, onOpenSubagent, onOpenFile, setRowRef, }) {
+function TranscriptRow({ rowId, kind, text, textFull, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, smoothStreaming, fresh, revealVersion, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, subagent, job, onToggleRow, onToggleStreamView, streamViewToggled, onOpenSubagent, onOpenJobs, onOpenFile, setRowRef, }) {
     const ref = React.useCallback((el) => {
         setRowRef(rowId, el);
     }, [setRowRef, rowId]);
@@ -878,7 +954,7 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
             // or per-row transcript expansion always wins and shows the full text.
             const streamPreview = streaming && !expanded && !isExpanded &&
                 (streamViewToggled ? thinkingFold === 'full' : thinkingFold === 'preview');
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantThinkingMessage, { thinking: text, addMargin: addMargin, streaming: streaming, preview: streamPreview, 
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantThinkingMessage, { thinking: text, textFull: textFull, addMargin: addMargin, streaming: streaming, preview: streamPreview, 
                     // Settled rows keep the fold-on-settle default and expand via
                     // expandedRows/Ctrl+O; a live row is always preview or full.
                     verbose: isExpanded || expanded || (streaming && !streamPreview), durationMs: durationMs, isSelected: isSelected, onClick: streaming ? streamViewOnClick : foldOnClick }) }));
@@ -907,7 +983,7 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
                 startedAt: toolStartedAt,
                 durationMs: toolDurationMs,
             };
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, onClick: foldOnClick, onOpenFile: onOpenFile }) }));
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout, toolBackground: toolBackground, smoothReveal: smoothStreaming, fresh: fresh, foldTerminalCommand: foldTerminalCommand, onClick: foldOnClick, onOpenFile: onOpenFile }) }));
         }
         case 'notice':
             return (_jsx(Box, { marginTop: 1, ref: ref, children: _jsx(Divider, { title: ` ${text} ` }) }));
@@ -927,6 +1003,10 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
             if (!subagent)
                 return null;
             return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(SubagentMessage, { subagent: subagent, addMargin: addMargin, activityFrames: activityFrames, isExpanded: isExpanded, onClick: openSubagent }) }));
+        case 'job':
+            if (!job)
+                return null;
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(JobCard, { job: job, addMargin: addMargin, onClick: onOpenJobs }) }));
     }
 }
 /** Folded compact-summary preview: whitespace flattened, capped with an

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

@@ -3,7 +3,7 @@ import type { ToolFileDiff } from '../dsh-adapter/channel.js';
 export { chalkFromToken } from '../cc/syntaxTheme.js';
 export { parseAnsiRuns, highlightLines } from '../cc/syntaxRuns.js';
 import type { ToolBackground } from '../tuiDisplayPrefs.js';
-export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground, }: {
+export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground, reveal, }: {
     readonly diffs: readonly ToolFileDiff[];
     /** Content width available to the whole two-pane block (divider included). */
     readonly width: number;
@@ -11,5 +11,15 @@ export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBack
     readonly maxRows: number;
     readonly verbose: boolean;
     readonly toolBackground?: ToolBackground;
+    /**
+     * Smooth-streaming participation (the card owning this view computes
+     * eligibility): when present, the capped row list reveals line-by-line at
+     * the shared ~30fps cadence instead of painting as one block. The `+N
+     * lines` fold hint stays rendered throughout — it describes the cap, not
+     * the reveal.
+     */
+    readonly reveal?: {
+        readonly key: string;
+    };
 }): React.ReactNode;
 //# sourceMappingURL=SplitDiffView.d.ts.map

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

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