@deepseek-harness-tui/dsh-tui 0.8.8 → 0.9.0

package/README.md

@@ -50,6 +50,10 @@
   - **终端原生交互**：流式 Markdown、结构化工具卡、命令与文件补全、`@` 文件引用
     （消息任意位置补全，文本附加内容，PNG/JPEG/WebP/GIF 作为持久图片块发送）、历史搜索、消息选择、
     inline/alternate-screen 两种渲染模式，以及 `/lang` 中英界面语言切换。
+  - **时间线导航**：Grok 式轮次 rail 覆盖**全部轮次（含折叠轮）**——折叠窗口只露
+    最近几轮时 rail 仍全景可达，点击刻度揭示对应轮并滚动到位；未钉底时
+    `Enter`/`End` 一键回底（远距一步到位不闪空白），新消息 pill 常驻可点击；
+    右侧 gutter 支持 timeline / scrollbar / hidden 三态设置。
   - **可观察的 Agent 状态**：实时工作状态、上下文分段进度、TPS、缓存命中率、
     推理等级、输入/输出 token 与 Git/会话信息。
   - **完整会话工作流**：`/resume`、`/new`、`/compact`、`/export`、`/btw` 侧问、
@@ -57,7 +61,10 @@
   - **DSH 官方能力接入**：Agent preset、Skills、MCP、Goals、Todos、子代理、
     `ask_user_question` 问卷都通过现有服务或注册表连接。
   - **为长会话设计**：事件驱动投影、差分终端输出、消息虚拟化、回放合并与有界缓存，
-    避免渲染成本和内存随会话无限增长。
+    避免渲染成本和内存随会话无限增长；热路径**指纹缓存做到每帧零分配**
+    （3200 行会话每 16ms tick 省下 ~200KB GC 压力），wrapText 与 markdown
+    token 走全局 LRU 跨挂载复用，主屏打开分帧补画、渲染折叠窗口 300→120 行，
+    长会话恢复直达内容（跳过开场动画、落点锚定最新消息末行）。
 
 ## 界面预览
 
@@ -101,13 +108,18 @@ Herdr 的 `agent start --kind dsh-tui`、session 身份与服务重启后自动
 已上架 VS Code Marketplace**）见
 [在 VS Code 中运行 dsh-TUI](docs/vscode.md)。
 
-TUI 启动后会在后台检查 npm 是否有新版本；发现更新时可输入 `/update`。
-`/update` 更新当前 `dsh-tui` profile 中的 runtime 并重启会话，它不会静默修改
-npm/pnpm 的全局安装。若通过全局 `dsh-tui` 命令启动且 Launcher 版本落后，
-0.8.3 起会给出精确的全局对齐命令，例如：
+TUI 启动后会在后台检查当前 registry 是否有新版本；发现更新时直接输入 `/update`
+即可一键升级。`/update` 会更新当前 `dsh-tui` profile 中实际运行的 runtime、校验
+安装结果，然后自动重启并恢复当前会话。
+
+通过全局 `dsh-tui` 命令启动时，新版会自动将全局入口迁移/对齐为 delegating
+launcher（委托式启动器）：全局命令只负责转交给 profile 内副本，后续启动逻辑始终
+跟随 profile 版本。
+
+正常情况下不再需要额外执行：
 
 ```sh
-npm install -g @deepseek-harness-tui/dsh-tui@<profile-version>
+npm install -g @deepseek-harness-tui/dsh-tui
 ```
 
 旧版 `dsh-cc-tui` / `cc-tui` profile 的迁移命令与兼容数据说明见
@@ -147,13 +159,14 @@ npm install -g @deepseek-harness-tui/dsh-tui@<profile-version>
 `⌘` 需终端支持扩展键盘协议（iTerm2 / kitty / WezTerm / ghostty / tmux）；
 macOS 自带 Terminal.app 会自行消费 `⌘` 快捷键，请继续使用 `Ctrl`。
 
-**鼠标（`fullscreen: true` 全屏模式；默认关，profile 补丁层覆盖开启）**
+**鼠标（全屏模式默认开启；`fullscreen: false` 可退回 inline 主屏模式）**
 
 | 操作 | 功能 |
 |---|---|
 | 拖拽选择 | 应用内文本选区，**松开即复制**（OSC 52 + `wl-copy`/`xclip`/`xsel` 原生兜底；tmux 内走 `load-buffer -w`），复制后自动取消选区并弹出「已复制 N 个字符」提示 |
 | 双击 / 三击 | 选词 / 选行，同样即选即复制 |
-| 滚轮 | 仅在 fullscreen 且鼠标跟踪启用时：Help 打开时滚动帮助，否则滚动消息列表（±3 行/格）；默认 inline 模式不会把滚轮事件交给 TUI |
+| 滚轮 | 仅在 fullscreen 且鼠标跟踪启用时：Help 打开时滚动帮助，否则滚动消息列表（±3 行/格）；inline 模式不会把滚轮事件交给 TUI |
+| 单击时间线 rail 刻度 | 跳到对应轮次——rail 覆盖全部轮次（含折叠轮），点折叠刻度会先揭示该轮再滚动到位 |
 | `Esc` | 拖拽进行中取消选区（不复制） |
 | 单击消息行 | 展开/收起该行 |
 | 单击「加载更早消息」/「ctrl+e 显示前 N 条」 | 加载更早消息 / 展开全部 |
@@ -259,6 +272,12 @@ compaction 和持久化继续由 DSH 服务拥有。更详细的模块边界与
 - **事件驱动渲染**：`session/event` 事件流 → 增量差分渲染，滚动状态独立维护。
 - **布局级虚拟化**：长会话的每帧成本从 O(全会话) 降到 O(可视窗口)——屏幕外的
   消息行渲染为"量高占位符"，其子树完全不参与布局。
+- **零分配热路径**：visibleRows 管线（切片/过滤/边距）按 rows 身份、长度与
+  Uint8Array 流位指纹缓存——滚动 tick 上零数组/Map 分配，turn 落定的原地
+  写入也即时触发重建（空行过滤不滞后）；wrapText 与 markdown token 走全局
+  LRU，跨挂载复用测量结果。
+- **分帧补画与落点锚定**：主屏打开先挂尾部窗口再分帧补画历史；`/resume` 后
+  以最新消息末行可见且可达为终态断言，长会话恢复跳过开场动画直达内容。
 - **上下文进度条**：参考 pi-nano-context 算法（最大余数法分段着色 + 多级缩略读数）。
 - **TPS 仪表**：参考 pi-tps-meter——流式 1/8 格 gauge、历史 min-max sparkline、
   速度语义色（≥50 绿 / ≥20 黄 / <20 红）。

package/bin/dsh-tui.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * dsh-tui — 双态启动器（delegating launcher，0.8.8）。
+ * dsh-tui — 双态启动器（delegating launcher，0.9.0）。
  *
  * 同一个文件按“自己住在哪”决定扮演的角色：
  *

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;;;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,CAoCrB"}
+{"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;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,YAAY,EA0DxC,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

@@ -44,7 +44,6 @@ export const LOCAL_COMMANDS = [
     { name: 'provider', description: 'Add an LLM provider (catalog or custom API endpoint)' },
     { name: 'login', description: 'Show API credential status' },
     { name: 'logout', description: 'Clear the API credential' },
-    { name: 'permissions', description: 'Show permission policy status' },
     { name: 'add-dir', description: 'Show the filesystem policy scope' },
     { name: 'hooks', description: 'Show hooks status' },
     { name: 'mcp', description: 'Show MCP status' },
@@ -154,7 +153,10 @@ export function completeCommands(input, roots = LOCAL_COMMANDS, children = () =>
     if (!input.startsWith('/') || /[\r\n]/u.test(input))
         return [];
     const body = input.slice(1);
-    if (!/^[a-z0-9_-]*(?:[\t ]+[a-z0-9_-]*)*$/iu.test(body))
+    // Token charset includes `. : /` so provider/model specs (e.g.
+    // `deepseek/deepseek-v4-flash`, `openai/gpt-4.1`) survive as ONE token —
+    // the /model completion matches its candidates against the whole spec.
+    if (!/^[a-z0-9_.:\/-]*(?:[\t ]+[a-z0-9_.:\/-]*)*$/iu.test(body))
         return [];
     const trailingSeparator = /[\t ]$/u.test(body);
     const tokens = body.split(/[\t ]+/u);

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

@@ -6,8 +6,11 @@ import React from 'react';
  * frame preview, `❯` focus pointer and `✓` on the active preset. Enter
  * applies through `channel.setActivityFrames`, Esc cancels.
  */
-export declare function ActivityPicker({ focusIndex, currentPreset, }: {
+export declare function ActivityPicker({ focusIndex, currentPreset, onPick, }: {
     focusIndex: number;
     currentPreset: string | undefined;
+    /** Mouse pick (fullscreen): clicked row's absolute index (Chat applies
+     *  the same code path as the keyboard Enter). */
+    onPick?: (index: number) => void;
 }): React.ReactNode;
 //# sourceMappingURL=ActivityPicker.d.ts.map

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

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

package/lib/types/components/ActivityPicker.js

@@ -12,12 +12,12 @@ import { FRAME_PRESETS, PRESET_NAMES } from './activityFrames.js';
  * frame preview, `❯` focus pointer and `✓` on the active preset. Enter
  * applies through `channel.setActivityFrames`, Esc cancels.
  */
-export function ActivityPicker({ focusIndex, currentPreset, }) {
+export function ActivityPicker({ focusIndex, currentPreset, onPick, }) {
     return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-activity') }) }), _jsx(Select, { options: PRESET_NAMES.map(name => ({
                         value: name,
                         label: name,
                         description: name === 'random'
                             ? t('activity-random-each-preset')
                             : FRAME_PRESETS[name].frames.slice(0, 5).join(' '),
-                    })), focusIndex: focusIndex, selectedValue: currentPreset }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
+                    })), focusIndex: focusIndex, selectedValue: currentPreset, onPick: onPick ? index => onPick(index) : undefined }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-confirm-exit') }) })] }) }));
 }

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

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

package/lib/types/components/BtwPanel.js

@@ -43,5 +43,5 @@ export function BtwPanel({ question, answer, error, streaming, onClose, onCopy,
         event.stopImmediatePropagation();
     });
     const settled = answer !== '' || error !== undefined;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: "warning", bold: true, children: "/btw " }), _jsx(Text, { dimColor: true, children: question })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(5, rows - 8), children: _jsx(Box, { marginLeft: 2, flexDirection: "column", flexGrow: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: error !== undefined ? (_jsx(Text, { color: "error", children: error })) : answer !== '' ? (_jsx(Markdown, { cacheTokens: false, children: answer })) : (_jsxs(Box, { children: [_jsx(SpinnerGlyph, { frame: frame, messageColor: "warning" }), _jsxs(Text, { color: "warning", children: [" ", t('btw-answering')] })] })) }) }) }), _jsx(Text, { dimColor: true, children: settled ? t('btw-hint-done') : streaming ? t('btw-hint-loading') : t('btw-hint-done') })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: "warning", bold: true, children: "/btw " }), _jsx(Text, { dimColor: true, children: question })] }), _jsx(Box, { flexDirection: "column", maxHeight: Math.max(5, rows - 8), children: _jsx(Box, { marginLeft: 2, flexDirection: "column", flexGrow: 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: error !== undefined ? (_jsx(Text, { color: "error", children: error })) : answer !== '' ? (_jsx(Markdown, { cacheTokens: false, children: answer })) : (_jsxs(Box, { children: [_jsx(SpinnerGlyph, { frame: frame, messageColor: "warning" }), _jsxs(Text, { color: "warning", children: [" ", t('btw-answering')] })] })) }) }) }), _jsx(Box, { onClick: settled ? onCopy : undefined, children: _jsx(Text, { dimColor: true, children: settled ? t('btw-hint-done') : streaming ? t('btw-hint-loading') : t('btw-hint-done') }) })] }));
 }

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { SubagentRow } from '../../dsh-adapter/channel.js';
+import type { ClickEvent } from '../../ink/events/click-event.js';
 /**
  * Borderless, fixed-height activity card embedded directly in the transcript
  * (Kimi Code visual language). Running: header + one-line current tool + a
@@ -14,6 +15,6 @@ export declare function SubagentMessage({ subagent, addMargin, activityFrames, o
     addMargin: boolean;
     activityFrames?: string;
     isExpanded: boolean;
-    onClick: () => void;
+    onClick?(event: ClickEvent): void;
 }): React.ReactNode;
 //# sourceMappingURL=SubagentMessage.d.ts.map

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

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

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

@@ -58,10 +58,16 @@ function clipLine(text, maxWidth) {
  * setting as the main spinner.
  */
 export function SubagentMessage({ subagent, addMargin, activityFrames, onClick }) {
-    const [, time] = useAnimationFrame(120);
+    const settled = subagent.status === 'completed' || subagent.status === 'failed' || subagent.status === 'cancelled';
+    // 动画订阅仅限运行中的卡片：settled 后传 null 退出共享 clock（keepAlive
+    // 归零 → interval 清除），否则历史里的每张完成卡片都以 120ms 永久驱动
+    // React commit。viewportRef 必须挂到根节点——useTerminalViewport 初始
+    // isVisible:true，ref 不挂就永远不修正（虚拟化滚出视口的卡片继续动画）。
+    const [viewportRef, time] = useAnimationFrame(settled ? null : 120);
     const { columns } = useTerminalSize();
     const info = status(subagent);
-    const settled = subagent.status === 'completed' || subagent.status === 'failed' || subagent.status === 'cancelled';
+    const [hovered, setHovered] = React.useState(false);
+    const clickable = onClick !== undefined;
     const elapsed = subagent.completedAt ? subagent.durationMs : Date.now() - subagent.startedAt;
     const lastRunning = [...subagent.toolCalls].reverse().find(tool => tool.status === 'running');
     const previousDone = lastRunning
@@ -71,5 +77,7 @@ export function SubagentMessage({ subagent, addMargin, activityFrames, onClick }
     const activity = settled ? [] : subagent.outputLines.slice(-WATERFALL_ROWS);
     const runningGlyph = preset.frames[Math.floor(time / preset.intervalMs) % preset.frames.length] ?? '·';
     const rowWidth = Math.max(20, (columns ?? 80) - WATERFALL_GUTTER);
-    return _jsxs(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, paddingLeft: 2, onClick: onClick, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: info.color, children: settled ? info.glyph : ` ${runningGlyph}` }), _jsx(Text, { bold: true, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), subagent.effort && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: subagent.effort })] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: duration(elapsed) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: tokens(subagent) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsxs(Text, { dimColor: true, children: [subagent.toolCalls.length, " tools"] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), !settled && (lastRunning ?? previousDone) !== undefined && (_jsx(Text, { wrap: "truncate", children: lastRunning !== undefined ? (_jsxs(_Fragment, { children: [previousDone !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: '  · ' }), _jsx(Text, { color: "success", children: "\u2713" }), _jsx(Text, { color: toolNameColor(previousDone.name), children: previousDone.name }), _jsx(Text, { dimColor: true, children: ' · ' })] })), lastRunning.argsPreview === undefined && (_jsx(Text, { color: toolNameColor(lastRunning.name), children: lastRunning.name })), lastRunning.argsPreview !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { color: toolNameColor(lastRunning.name), children: lastRunning.name }), _jsx(Text, { dimColor: true, children: ` (${clipLine(lastRunning.argsPreview.replace(/\s+/g, ' ').trim(), Math.max(10, rowWidth - lastRunning.name.length - 6))})` })] }))] })) : (previousDone !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: '  · ' }), _jsx(Text, { color: "success", children: "\u2713" }), _jsx(Text, { color: toolNameColor(previousDone.name), children: previousDone.name }), previousDone.argsPreview !== undefined && (_jsx(Text, { dimColor: true, children: ` (${clipLine(previousDone.argsPreview.replace(/\s+/g, ' ').trim(), Math.max(10, rowWidth - previousDone.name.length - 6))})` }))] }))) })), !settled && Array.from({ length: WATERFALL_ROWS }, (_, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${clipLine(activity[index] ?? '', rowWidth)}` }, `${subagent.agentId}-wf-${index}-${time}`))), settled && subagent.status === 'failed' && subagent.error && (_jsx(Text, { color: "error", wrap: "truncate", children: `  └ ${clipLine(subagent.error, rowWidth)}` }))] });
+    // 点击打开详情场景；hover 不刷整行背景（转录视觉保持安静），只把状态
+    // glyph 提亮为品牌色作为可点指示。
+    return _jsxs(Box, { flexDirection: "column", marginTop: addMargin ? 1 : 0, paddingLeft: 2, ref: viewportRef, onClick: onClick, onMouseEnter: clickable ? () => setHovered(true) : undefined, onMouseLeave: clickable ? () => setHovered(false) : undefined, children: [_jsxs(Box, { flexDirection: "row", gap: 1, children: [_jsx(Text, { color: hovered && clickable ? 'claude' : info.color, children: settled ? info.glyph : ` ${runningGlyph}` }), _jsx(Text, { bold: true, color: hovered && clickable ? 'claude' : undefined, children: `${t('subagent-card-prefix')}${subagent.description}` }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { children: subagent.model ?? subagent.provider ?? 'default' }), subagent.effort && _jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: subagent.effort })] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: duration(elapsed) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: tokens(subagent) }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsxs(Text, { dimColor: true, children: [subagent.toolCalls.length, " tools"] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { color: info.color, children: info.label })] }), !settled && (lastRunning ?? previousDone) !== undefined && (_jsx(Text, { wrap: "truncate", children: lastRunning !== undefined ? (_jsxs(_Fragment, { children: [previousDone !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: '  · ' }), _jsx(Text, { color: "success", children: "\u2713" }), _jsx(Text, { color: toolNameColor(previousDone.name), children: previousDone.name }), _jsx(Text, { dimColor: true, children: ' · ' })] })), lastRunning.argsPreview === undefined && (_jsx(Text, { color: toolNameColor(lastRunning.name), children: lastRunning.name })), lastRunning.argsPreview !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { color: toolNameColor(lastRunning.name), children: lastRunning.name }), _jsx(Text, { dimColor: true, children: ` (${clipLine(lastRunning.argsPreview.replace(/\s+/g, ' ').trim(), Math.max(10, rowWidth - lastRunning.name.length - 6))})` })] }))] })) : (previousDone !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: '  · ' }), _jsx(Text, { color: "success", children: "\u2713" }), _jsx(Text, { color: toolNameColor(previousDone.name), children: previousDone.name }), previousDone.argsPreview !== undefined && (_jsx(Text, { dimColor: true, children: ` (${clipLine(previousDone.argsPreview.replace(/\s+/g, ' ').trim(), Math.max(10, rowWidth - previousDone.name.length - 6))})` }))] }))) })), !settled && Array.from({ length: WATERFALL_ROWS }, (_, index) => (_jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${clipLine(activity[index] ?? '', rowWidth)}` }, `${subagent.agentId}-wf-${index}`))), settled && subagent.status === 'failed' && subagent.error && (_jsx(Text, { color: "error", wrap: "truncate", children: `  └ ${clipLine(subagent.error, rowWidth)}` }))] });
 }

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

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

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

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

package/lib/types/components/CommandSuggestions.js

@@ -1,35 +1,62 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from '../ui.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../ui.js';
 import { stringWidth } from '../ink/stringWidth.js';
 import { truncateToWidth } from '../ink/truncateToWidth.js';
 import { localizedDescription } from '../commands.js';
+import { t } from '../i18n.js';
+import { POINTER } from '../cc/figures.js';
+import { SuggestionCard, cardContentWidth, splitQueryMatch } from './SuggestionCard.js';
 /**
  * The slash-command suggestion overlay, mirroring Claude Code's
- * `PromptInputFooterSuggestions.tsx` (command layout only): a name column
- * padded to a fixed width, optional `[tag]`, then a truncated description.
- * The selected row renders in the theme's `suggestion` color, others dim.
+ * `PromptInputFooterSuggestions.tsx` (command layout only) wrapped in the
+ * shared rounded `SuggestionCard`:
+ *
+ *   ╭─ 命令 · 共 12 项 ──────────────────────╮
+ *   │ ❯ compact  Compact the conversation …  │   ← 选中：❯ + 加粗 + suggestion 色
+ *   │   compare  Compare selected messages … │   ← 名字里命中输入的段提亮
+ *   │ ↑2 · ↓3                                 │   ← 仅当列表被窗口裁剪
+ *   ╰─────────────────────────────────────────╯
+ *
+ * 未选中行整体 dim，唯独名字里匹配当前查询 token 的前缀以正常亮度提亮
+ * （bold 与 dim 在终端互斥，故提亮用非 dim 而非加粗）；选中行整行
+ * suggestion 色、名字加粗、前置 ❯ 指针。
  */
-export function CommandSuggestions({ commands, selectedIndex, columns, }) {
+export function CommandSuggestions({ commands, selectedIndex, columns, query = '', accent, onPick, onWheelStep, }) {
     if (commands.length === 0)
         return null;
-    // Cap the command name column at 40% of terminal width to ensure the
-    // description has space (same as Claude Code).
-    const maxNameWidth = Math.floor(columns * 0.4);
+    // Cap the command name column at 40% of the card's content width to ensure
+    // the description has space (same ratio as Claude Code).
+    const usable = cardContentWidth(columns);
+    const maxNameWidth = Math.floor(usable * 0.4);
     const nameWidth = Math.min(Math.max(...commands.map(c => stringWidth(c.name))) + 5, maxNameWidth);
     const maxVisible = 5;
     const startIndex = Math.max(0, Math.min(selectedIndex - Math.floor(maxVisible / 2), commands.length - maxVisible));
     const visible = commands.slice(startIndex, startIndex + maxVisible);
-    return (_jsx(Box, { flexDirection: "column", children: visible.map(command => {
+    const above = startIndex;
+    const below = commands.length - (startIndex + visible.length);
+    // 前缀高亮取查询的最后一段 token（`/plan of` 高亮 `of` 命中的段）。
+    const queryToken = query.replace(/^\//, '').match(/[^ \t]*$/)?.[0] ?? '';
+    const title = `${t('sugg-commands-title')} · ${t('sugg-count', { n: commands.length })}`;
+    const footer = above > 0 || below > 0
+        ? [
+            above > 0 ? t('sugg-more-above', { n: above }) : null,
+            below > 0 ? t('sugg-more-below', { n: below }) : null,
+        ]
+            .filter((part) => part !== null)
+            .join(' · ')
+        : null;
+    return (_jsx(SuggestionCard, { title: title, columns: columns, accent: accent, footer: footer, onRowPick: onPick ? index => onPick(startIndex + index) : undefined, onWheelStep: onWheelStep, rows: visible.map(command => {
             const isSelected = command.name === commands[selectedIndex]?.name;
-            const padded = command.name +
-                ' '.repeat(Math.max(0, nameWidth - stringWidth(command.name)));
             const tagText = command.tag ? `[${command.tag}] ` : '';
             const tagWidth = stringWidth(tagText);
-            const descriptionWidth = Math.max(0, columns - nameWidth - tagWidth - 4);
+            // 行预算：内容宽 − 前导空格 1 − 指针列 2。
+            const descriptionWidth = Math.max(0, usable - 3 - nameWidth - tagWidth);
             const rawDescription = localizedDescription(command);
             const description = stringWidth(rawDescription) > descriptionWidth
                 ? truncateToWidth(rawDescription, descriptionWidth - 1) + '…'
                 : rawDescription;
-            return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: padded }), tagText ? _jsx(Text, { dimColor: true, children: tagText }) : null, _jsx(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: description })] }, command.name));
+            const parts = splitQueryMatch(command.name, queryToken);
+            const padAfter = Math.max(0, nameWidth - stringWidth(command.name));
+            return (_jsxs(Text, { wrap: "truncate", children: [' ', isSelected ? (_jsx(Text, { color: "suggestion", bold: true, children: `${POINTER} ${command.name}${' '.repeat(padAfter)}` })) : parts ? (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: `  ${parts.before}` }), _jsx(Text, { children: parts.match }), _jsx(Text, { dimColor: true, children: `${parts.after}${' '.repeat(padAfter)}` })] })) : (_jsx(Text, { dimColor: true, children: `  ${command.name}${' '.repeat(padAfter)}` })), tagText ? _jsx(Text, { dimColor: true, children: tagText }) : null, _jsx(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: description })] }, command.name));
         }) }));
 }

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

@@ -7,9 +7,12 @@ import type { EffortOption } from '../dsh-adapter/channel.js';
  * or Esc just closes it). The current level carries `✓`; the focused level's
  * description renders below the row.
  */
-export declare function EffortSlider({ options, focusIndex, currentId, }: {
+export declare function EffortSlider({ options, focusIndex, currentId, onPick, }: {
     options: readonly EffortOption[];
     focusIndex: number;
     currentId: string | undefined;
+    /** Mouse pick (fullscreen): click a tier = move there and live-apply —
+     *  the same semantics as the ←/→ keys (the slider IS the control). */
+    onPick?: (index: number) => void;
 }): React.ReactNode;
 //# sourceMappingURL=EffortSlider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EffortSlider.d.ts","sourceRoot":"","sources":["../../../src/components/EffortSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,SAAS,GACV,EAAE;IACD,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;CAC9B,GAAG,KAAK,CAAC,SAAS,CAmClB"}
+{"version":3,"file":"EffortSlider.d.ts","sourceRoot":"","sources":["../../../src/components/EffortSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,GACP,EAAE;IACD,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B;0EACsE;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC,GAAG,KAAK,CAAC,SAAS,CA4ClB"}

package/lib/types/components/EffortSlider.js

@@ -11,7 +11,9 @@ import { HintLine } from './design-system/HintLine.js';
  * or Esc just closes it). The current level carries `✓`; the focused level's
  * description renders below the row.
  */
-export function EffortSlider({ options, focusIndex, currentId, }) {
+export function EffortSlider({ options, focusIndex, currentId, onPick, }) {
     const focused = options[focusIndex];
-    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-effort') }) }), _jsx(Box, { flexDirection: "row", children: options.map((option, index) => (_jsxs(React.Fragment, { children: [index > 0 ? (_jsx(Text, { dimColor: true, children: " \u2500\u2500 " })) : null, _jsx(Text, { inverse: index === focusIndex, bold: index === focusIndex, children: option.name }), option.id === currentId ? _jsx(Text, { color: "remember", children: "\u2713" }) : null] }, option.id))) }), focused?.description !== undefined ? (_jsx(Text, { dimColor: true, children: focused.description })) : null, _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-adjust-done') }) })] }) }));
+    return (_jsx(Pane, { color: "permission", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('picker-title-effort') }) }), _jsx(Box, { flexDirection: "row", children: options.map((option, index) => (_jsxs(React.Fragment, { children: [index > 0 ? (_jsx(Text, { dimColor: true, children: " \u2500\u2500 " })) : null, _jsx(Box, { onClick: onPick ? () => onPick(index) : undefined, backgroundColor: onPick !== undefined && index !== focusIndex
+                                    ? 'userMessageBackgroundHover'
+                                    : undefined, children: _jsx(Text, { inverse: index === focusIndex, bold: index === focusIndex, children: option.name }) }), option.id === currentId ? _jsx(Text, { color: "remember", children: "\u2713" }) : null] }, option.id))) }), focused?.description !== undefined ? (_jsx(Text, { dimColor: true, children: focused.description })) : null, _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-adjust-done') }) })] }) }));
 }

package/lib/types/components/ExtensionDialog.js

@@ -87,7 +87,9 @@ function SelectDialog({ dialog, onDecide, onCancel, }) {
     const { start, end } = listWindow(dialog.options.map(option => (option.description === undefined ? 1 : 2)), focusIndex, Math.max(terminalRows - 10, 2));
     return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: dialog.title }) }), dialog.options.slice(start, end).map((option, index) => {
                         const absoluteIndex = start + index;
-                        return (_jsx(ListItem, { isFocused: absoluteIndex === focusIndex, description: option.description, showScrollUp: absoluteIndex === start && start > 0, showScrollDown: absoluteIndex === end - 1 && end < dialog.options.length, children: option.label }, option.id));
+                        return (_jsx(ListItem, { isFocused: absoluteIndex === focusIndex, description: option.description, showScrollUp: absoluteIndex === start && start > 0, showScrollDown: absoluteIndex === end - 1 && end < dialog.options.length, 
+                            // Click = decide this option (same as Enter on it).
+                            onClick: () => onDecide(option.id), children: option.label }, option.id));
                     })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
 }
 function ConfirmDialog({ dialog, onDecide, onCancel, }) {
@@ -123,7 +125,9 @@ function ConfirmDialog({ dialog, onDecide, onCancel, }) {
             onDecide(focusRef.current === 0);
         }
     }, { isActive: true });
-    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: dialog.title }), dialog.message !== undefined && _jsx(Text, { dimColor: true, children: dialog.message })] }), labels.map((label, index) => (_jsx(ListItem, { isFocused: index === focusIndex, children: label }, label)))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
+    return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: "remember", bold: true, children: dialog.title }), dialog.message !== undefined && _jsx(Text, { dimColor: true, children: dialog.message })] }), labels.map((label, index) => (_jsx(ListItem, { isFocused: index === focusIndex, 
+                        // Click = decide this row (same as Enter on it).
+                        onClick: () => onDecide(index === 0), children: label }, label)))] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('hint-select-exit') }) })] }));
 }
 function InputDialog({ dialog, onDecide, onCancel, }) {
     const [value, setValue] = React.useState(dialog.initial);

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

@@ -1,16 +1,33 @@
 import React from 'react';
 import type { FileCandidate } from '../utils/fileSuggestions.js';
 /**
- * The `@` file-completion overlay in CC's suggestion style: full relative
- * path (directory suffix stripped) + a `file`/`directory` description. The
- * selected row renders in the theme's `suggestion` color, others dim. The
- * name column is padded to a fixed display width so the description column
- * keeps its contract at narrow terminals (pinned by verify-cjk-truncate.tsx);
- * every pad/truncate uses display width, so CJK names never split a glyph.
+ * The `@` file-completion overlay in CC's suggestion style, wrapped in the
+ * shared rounded `SuggestionCard` (与 `/` 命令菜单同一视觉语言):
+ *
+ *   ╭─ 文件 · 共 12 项 ──────────────────────╮
+ *   │ ❯ ▸ src/components/     directory     │
+ *   │   + README.md           file          │
+ *   ╰─────────────────────────────────────────╯
+ *
+ * Full relative path (directory suffix stripped) + a `file`/`directory`
+ * description; the selected row renders `❯` + bold in the theme's
+ * `suggestion` color, others dim with the query-matched prefix of the name
+ * highlighted (non-dim). The name column is padded to a fixed display width
+ * so the description column keeps its contract at narrow terminals (pinned
+ * by verify-cjk-truncate.tsx); every pad/truncate uses display width, so CJK
+ * names never split a glyph.
  */
-export declare function FileSuggestions({ files, selectedIndex, columns, }: {
+export declare function FileSuggestions({ files, selectedIndex, columns, query, accent, onPick, onWheelStep, }: {
     files: readonly FileCandidate[];
     selectedIndex: number;
     columns: number;
+    /** `@` 触发 token 里已输入的查询（`mention.query`），用于名字前缀高亮。 */
+    query?: string;
+    accent?: 'promptBorder' | 'planMode';
+    /** 鼠标点击行（fullscreen）：上报过滤后列表的绝对索引（与键盘
+     *  selectedIndex 同一索引空间），接受路径由 PromptInput 复用。 */
+    onPick?: (index: number) => void;
+    /** 滚轮步进（fullscreen）：±1 移动选中行。 */
+    onWheelStep?: (step: 1 | -1) => void;
 }): React.ReactNode;
 //# sourceMappingURL=FileSuggestions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileSuggestions.d.ts","sourceRoot":"","sources":["../../../src/components/FileSuggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAEhE;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB,GAAG,KAAK,CAAC,SAAS,CAgDlB"}
+{"version":3,"file":"FileSuggestions.d.ts","sourceRoot":"","sources":["../../../src/components/FileSuggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAKhE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,OAAO,EACP,KAAU,EACV,MAAM,EACN,MAAM,EACN,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,cAAc,GAAG,UAAU,CAAA;IACpC;sDACkD;IAClD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,iCAAiC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAA;CACrC,GAAG,KAAK,CAAC,SAAS,CAgFlB"}

package/lib/types/components/FileSuggestions.js

@@ -1,28 +1,53 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from '../ui.js';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../ui.js';
 import { stringWidth } from '../ink/stringWidth.js';
 import { truncateToWidth } from '../ink/truncateToWidth.js';
+import { t } from '../i18n.js';
+import { POINTER } from '../cc/figures.js';
+import { SuggestionCard, cardContentWidth, splitQueryMatch } from './SuggestionCard.js';
 /**
- * The `@` file-completion overlay in CC's suggestion style: full relative
- * path (directory suffix stripped) + a `file`/`directory` description. The
- * selected row renders in the theme's `suggestion` color, others dim. The
- * name column is padded to a fixed display width so the description column
- * keeps its contract at narrow terminals (pinned by verify-cjk-truncate.tsx);
- * every pad/truncate uses display width, so CJK names never split a glyph.
+ * The `@` file-completion overlay in CC's suggestion style, wrapped in the
+ * shared rounded `SuggestionCard` (与 `/` 命令菜单同一视觉语言):
+ *
+ *   ╭─ 文件 · 共 12 项 ──────────────────────╮
+ *   │ ❯ ▸ src/components/     directory     │
+ *   │   + README.md           file          │
+ *   ╰─────────────────────────────────────────╯
+ *
+ * Full relative path (directory suffix stripped) + a `file`/`directory`
+ * description; the selected row renders `❯` + bold in the theme's
+ * `suggestion` color, others dim with the query-matched prefix of the name
+ * highlighted (non-dim). The name column is padded to a fixed display width
+ * so the description column keeps its contract at narrow terminals (pinned
+ * by verify-cjk-truncate.tsx); every pad/truncate uses display width, so CJK
+ * names never split a glyph.
  */
-export function FileSuggestions({ files, selectedIndex, columns, }) {
+export function FileSuggestions({ files, selectedIndex, columns, query = '', accent, onPick, onWheelStep, }) {
     if (files.length === 0)
         return null;
+    const usable = cardContentWidth(columns);
     const maxVisible = 6;
     const safeIndex = Math.min(Math.max(0, selectedIndex), files.length - 1);
     const startIndex = Math.max(0, Math.min(safeIndex - Math.floor(maxVisible / 2), Math.max(0, files.length - maxVisible)));
     const visible = files.slice(startIndex, startIndex + maxVisible);
+    const above = startIndex;
+    const below = files.length - (startIndex + visible.length);
     const nameOf = (file) => file.kind === 'directory' && file.path.endsWith('/')
         ? file.path.slice(0, -1)
         : file.path;
     const NAME_COLUMN = 20;
-    const descriptionWidth = Math.max(0, columns - 24);
-    return (_jsx(Box, { flexDirection: "column", children: visible.map(file => {
+    // 行预算：内容宽 − 前导空格 1 − 指针列 2 − 图标列 2。
+    const descriptionWidth = Math.max(0, usable - 25);
+    const title = `${t('sugg-files-title')} · ${t('sugg-count', { n: files.length })}`;
+    const footer = above > 0 || below > 0
+        ? [
+            above > 0 ? t('sugg-more-above', { n: above }) : null,
+            below > 0 ? t('sugg-more-below', { n: below }) : null,
+        ]
+            .filter((part) => part !== null)
+            .join(' · ')
+        : null;
+    return (_jsx(SuggestionCard, { title: title, columns: columns, accent: accent, footer: footer, onRowPick: onPick ? index => onPick(startIndex + index) : undefined, onWheelStep: onWheelStep, rows: visible.map(file => {
             const isSelected = file.id === files[safeIndex]?.id;
             const name = nameOf(file);
             const icon = file.kind === 'directory' ? '▸ ' : '+ ';
@@ -31,6 +56,8 @@ export function FileSuggestions({ files, selectedIndex, columns, }) {
             const renderedDescription = stringWidth(description) > descriptionWidth
                 ? truncateToWidth(description, Math.max(0, descriptionWidth - 1)) + '…'
                 : description;
-            return (_jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: [icon, padded] }), _jsx(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: renderedDescription })] }, file.id));
+            const parts = splitQueryMatch(name, query);
+            const pad = ' '.repeat(Math.max(1, NAME_COLUMN - stringWidth(name)));
+            return (_jsxs(Text, { wrap: "truncate", children: [' ', isSelected ? (_jsx(Text, { color: "suggestion", bold: true, children: `${POINTER} ${icon}${padded}` })) : parts ? (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: `  ${icon}${parts.before}` }), _jsx(Text, { children: parts.match }), _jsx(Text, { dimColor: true, children: `${parts.after}${pad}` })] })) : (_jsx(Text, { dimColor: true, children: `  ${icon}${padded}` })), _jsx(Text, { color: isSelected ? 'suggestion' : undefined, dimColor: !isSelected, children: renderedDescription })] }, file.id));
         }) }));
 }

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

@@ -1,13 +1,37 @@
 import React from 'react';
-import type { Channel } from '../dsh-adapter/channel.js';
+import type { Channel, ChannelGoal } from '../dsh-adapter/channel.js';
+/**
+ * Compact goal chip for the status footer: phase glyph + rounds, colored by
+ * phase. `minimal` swaps the glyph for a text form, per the minimal-mode
+ * no-emoji contract.
+ */
+export declare function GoalStatusChip({ goal, minimal }: {
+    goal: ChannelGoal;
+    minimal?: boolean;
+}): React.ReactNode;
 /**
  * Live goal + todo panel above the prompt input. Data rides on the channel:
  * `channel.goal` is folded from `goal/change` context events and
  * `channel.todos` from `todo/write` whole-list snapshots, so every model
  * update re-renders this panel in real time (no polling). Renders nothing
  * while both slots are empty.
+ *
+ * The todo section folds two ways: completed rows fold automatically once
+ * the agent goes idle (the header's `✓ done/total` count keeps the
+ * summary), and `collapsed` folds the whole section to that single header
+ * line any time — including mid-turn, where the line still previews the
+ * in-progress task. `onToggle` is the click affordance for the header row;
+ * the ctrl/cmd+q hotkey in Chat drives the same state.
+ *
+ * Goal elapsed time is the panel's own wall clock (started when the goal
+ * id first appears, frozen on completion) — deliberately not derived from
+ * session-event timestamps.
  */
-export declare function GoalTodoPanel({ channel }: {
+export declare function GoalTodoPanel({ channel, collapsed, onToggle, }: {
     channel: Channel;
+    /** Fold the whole todo section to its summary header line. */
+    collapsed?: boolean;
+    /** Toggle the fold (click on the header row; shares the hotkey state). */
+    onToggle?: () => void;
 }): React.ReactNode;
 //# sourceMappingURL=GoalTodoPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GoalTodoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GoalTodoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAA8B,MAAM,2BAA2B,CAAA;AAwDpF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAgEhF"}
+{"version":3,"file":"GoalTodoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/GoalTodoPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAiB,MAAM,2BAA2B,CAAA;AAmCpF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAQnH;AA2CD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAiB,EACjB,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,GAAG,KAAK,CAAC,SAAS,CAmIlB"}