@deepseek-harness-tui/dsh-tui 0.10.0-beta.2 → 0.10.0-beta.4

package/README.md

@@ -54,7 +54,7 @@
 
   - **终端交互**：低资源占用，长会话稳定可靠；多种主题切换，样式美观，实时显示工作状态、TPS、缓存命中率等
     推理等级、输入/输出 token 与 Git/会话信息；终端卡多行命令可经 `/settings` 折叠为首行 + 计数提示（Ctrl+O 或点击卡片展开）；全屏模式下悬停在截断的工具卡标题、用户消息或会话标题上约 600ms，浮层显示完整内容。
-  - **功能全面**：`/resume` 按工作目录分类浏览、搜索与预览历史会话（左键恢复、右键弹出操作菜单；可固定常用会话——「已固定」分组置顶显示，行内 ★ 或 `Ctrl+P` 切换，持久化到 `~/.dsh-tui`），另有 `/new`、`/compact`、`/export`、`/btw`，模型热切换，原生subagent，会话fork，自动更新，输入框 `/vim` vim 编辑模式、鼠标选区编辑（拖选高亮、Shift+click 扩展、双击选词、Ctrl+C 复制选区）与全屏草稿编辑（`Ctrl+Shift+E` 或输入行 `⛶` 按钮：行号 + 当前行高亮、Enter 换行、Ctrl+Enter 发送、滚轮滚动、点击/拖选，长草稿独占整屏；`/settings` 可关）；可在vs code中[以vscode插件形式启动](docs/vscode.md)，已上架 VS Code Marketplace。
+  - **功能全面**：`/resume` 按工作目录分类浏览、搜索与预览历史会话（左键恢复、右键弹出操作菜单；可固定常用会话——「已固定」分组置顶显示，行内 ★ 或 `Ctrl+P` 切换，持久化到 `~/.dsh-tui`），另有 `/agentview` 会话总览（CC 同款 agent view：空输入 `←` 一键后台化，后台会话派发/预览/回复/停止一站式管理）、`/new`、`/compact`、`/export`、`/btw`，模型热切换，原生subagent，会话fork，自动更新，输入框 `/vim` vim 编辑模式、鼠标选区编辑（拖选高亮、Shift+click 扩展、双击选词、Ctrl+C 复制选区）与全屏草稿编辑（`Ctrl+Shift+E` 或输入行 `⛶` 按钮：行号 + 当前行高亮、Enter 换行、Ctrl+Enter 发送、滚轮滚动、点击/拖选，长草稿独占整屏；`/settings` 可关）；可在vs code中[以vscode插件形式启动](docs/vscode.md)，已上架 VS Code Marketplace。
   - **扩展丰富**：原生浏览器交互，compter use等大量附属功能性扩展
   - **技能归 DSH 管理**：`/skills` 展示当前 profile、用户与项目发现的技能；dsh-TUI 不预装通用技能。
 

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,EA+DxC,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

@@ -33,6 +33,9 @@ export const LOCAL_COMMANDS = [
     { name: 'export', description: 'Export the conversation to a markdown file' },
     { name: 'btw', description: 'Ask a quick side question without interrupting the conversation' },
     { name: 'trace', description: 'Show the session event trace timeline' },
+    { name: 'agentview', description: 'Open the agent view (all sessions)' },
+    { name: 'bg', description: 'Background this session and open agent view' },
+    { name: 'background', description: 'Background this session and open agent view', tag: 'alias of /bg' },
     // Session / environment
     { name: 'context', description: 'Show loaded context details' },
     { name: 'status', description: 'Show session status' },
@@ -43,6 +46,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)' },
@@ -55,7 +59,7 @@ export const LOCAL_COMMANDS = [
     { name: 'tokens', description: 'Show session token usage' },
     // Account / policy
     { name: 'balance', description: 'Show DeepSeek account balance' },
-    { name: 'provider', description: 'Add an LLM provider (catalog or custom API endpoint)' },
+    { name: 'provider', description: 'Add, edit or delete an LLM provider (catalog or custom API endpoint)' },
     { name: 'login', description: 'Show API credential status' },
     { name: 'logout', description: 'Clear the API credential' },
     { name: 'add-dir', description: 'Show the filesystem policy scope' },

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, smoothStreaming, 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>;
@@ -88,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":"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"}
+{"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,8 +8,10 @@ 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 { getTerminalFlushTick } from '../ink/flush-tick.js';
 import { InterruptedByUser } from './InterruptedByUser.js';
 import { LogoV2 } from './LogoV2.js';
 import { StreamingMarkdown } from './StreamingMarkdown.js';
@@ -18,7 +20,8 @@ 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';
+import { getRevealVersion, revealLengthOf, revealTextOf } from './smoothReveal.js';
+import { useRevealVersion } from '../hooks/useRevealVersion.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
@@ -153,7 +156,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, smoothStreaming = 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.
     //
@@ -259,13 +262,17 @@ 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
+    // Smooth-reveal wakeups: the scheduler's tick bumps this hook, 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);
+    // DefaultLane on purpose (useRevealVersion): a useSyncExternalStore wakeup
+    // would force a SyncLane render per 33ms tick, and each such commit ending
+    // with streaming work still pending feeds React's nested-update counter
+    // until error #185 kills the process (beta.3).
+    useRevealVersion();
     // 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
@@ -288,19 +295,22 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
     const paintedOnceRef = React.useRef(new Set());
     const paintedBaseRef = React.useRef(undefined);
     /** Window-expansion hold: after the window WIDENS (new rows mounted),
-     *  refuse to tighten for a short hold so the mounted rows actually reach
-     *  the terminal. React commits within one ink frame coalesce — a render
-     *  that mounts rows followed by the measure-tick re-render that drops
-     *  them paints only the DROPPED layout, and never-mounted rows have no
-     *  scrollback copy (preset history at boot vanished — CI
-     *  repro-inline-scrollback). After the hold, tightening is visually
-     *  free: those rows sit in scrollback and the diff skips them. */
+     *  refuse to tighten until a frame containing that layout has actually
+     *  been FLUSHED to the terminal (flush-tick based, issue #574). React
+     *  commits and terminal writes are decoupled — the throttled deferred
+     *  leading edge lets a later commit supersede the wide one inside the
+     *  same task, so a wall-clock hold (the old 120ms timer) expires during
+     *  long cold-cache layout work (~190ms on the repro) and the measure-tick
+     *  re-render still drops the rows before a single byte of them was
+     *  written; never-mounted rows have no scrollback copy and preset history
+     *  vanishes. Once flushed, tightening is visually free: those rows sit in
+     *  scrollback and the diff skips them. */
     const lastStartRef = React.useRef(-1);
-    const holdUntilRef = React.useRef(0);
+    const holdFlushTickRef = React.useRef(-1);
     /** 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). */
@@ -316,9 +326,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) {
@@ -555,15 +575,18 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
             }
         }
         // Expansion hold — AFTER the extension so it tracks the FINAL window:
-        // never tighten within the hold window after a widen. React commits
-        // inside one ink frame coalesce; a mount followed by the measure-tick
-        // re-render that drops the row paints only the DROPPED layout, and the
-        // row's painted-once mark (set at the first commit) is a lie.
-        if (lastStartRef.current >= 0 && start > lastStartRef.current && performance.now() < holdUntilRef.current) {
+        // never tighten past a widen until a frame with that layout has been
+        // flushed (getTerminalFlushTick advanced since the widen). A mount
+        // followed by the measure-tick re-render that drops the row paints only
+        // the DROPPED layout, and the row's painted-once mark (set at the first
+        // commit) is a lie; holding until the flush makes the mark real.
+        if (lastStartRef.current >= 0 &&
+            start > lastStartRef.current &&
+            getTerminalFlushTick() === holdFlushTickRef.current) {
             start = lastStartRef.current;
         }
         if (lastStartRef.current < 0 || start < lastStartRef.current) {
-            holdUntilRef.current = performance.now() + 120;
+            holdFlushTickRef.current = getTerminalFlushTick();
         }
         lastStartRef.current = start;
     }
@@ -752,18 +775,31 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
         upId: upTurnIndex === null ? null : timelineTurns[upTurnIndex].id,
         downId: downTurnIndex === null ? null : timelineTurns[downTurnIndex].id,
     };
-    const lastTimelineReportRef = React.useRef('');
+    const lastTimelineReportRef = React.useRef(null);
     React.useEffect(() => {
-        // O(1) signature: the memo key pins the turns' geometry identity
-        // (heights/window/base/rows-length) and the three ids pin the
-        // viewport-derived targets. Any top change bumps the geometry key, so
-        // the report still fires exactly when the snapshot content changes —
-        // without rebuilding an O(turns) joined string per commit.
-        const sig = `${timelineMemoRef.current?.key ?? ''}#a${timeline.activeId}#u${timeline.upId}#d${timeline.downId}`;
-        if (sig !== lastTimelineReportRef.current) {
-            lastTimelineReportRef.current = sig;
-            onTimeline?.(timeline);
-        }
+        // Value-level dedup, not geometry-key-level: the memo key pins to
+        // heightsVersion, which a GROWING streamed row bumps on every commit,
+        // so a key-pinned signature re-reports an identical snapshot every
+        // commit of a long stream. Each report is a setState dispatched into
+        // Chat from this passive effect; it lands as pending residue at commit
+        // end, keeping the commit dirty and feeding React's nested-update
+        // counter (50 consecutive dirty commits → error #185, the beta.3
+        // crash). The O(turns) compare below is integer/string-reference
+        // compares only — cheap next to the joined-string signature the memo
+        // key replaced, and it fires exactly when the snapshot content changes.
+        const prev = lastTimelineReportRef.current;
+        if (prev !== null &&
+            prev.activeId === timeline.activeId &&
+            prev.upId === timeline.upId &&
+            prev.downId === timeline.downId &&
+            prev.turns.length === timeline.turns.length &&
+            prev.turns.every((t, i) => {
+                const n = timeline.turns[i];
+                return t.id === n.id && t.top === n.top && t.folded === n.folded && t.preview === n.preview;
+            }))
+            return;
+        lastTimelineReportRef.current = timeline;
+        onTimeline?.(timeline);
     });
     // Post-commit: measure mounted rows, derive the content-space base from
     // the first mounted row's Yoga top, and clamp render-time scrollTop to the
@@ -828,15 +864,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
@@ -845,10 +881,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');
@@ -873,6 +908,11 @@ 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;
+                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
@@ -893,7 +933,7 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
                 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, 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));
+                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
@@ -902,7 +942,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, textFull, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, smoothStreaming, fresh, 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]);
@@ -988,6 +1028,10 @@ function TranscriptRow({ rowId, kind, text, textFull, executionTarget, streaming
             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