对话指示条smanx/dsh-conversation-indicator

@smanx/dsh-conversation-indicator

面向 DeepSeek Harness Web GUI 的对话指示器插件。一个紧凑的胶囊面板垂直居中显示在对话区的右侧、紧贴滚动条左侧；每条用户消息对应一条可点击的指示条（DOM kind 为 user）——助手回复默认不标记。点击指示条会让对话区平滑滚动到该对话附近，在长会话中跳转时无需拖动滚动条，也不必划过大量工具调用内容。面板在对话区滚动或流式输出时保持隐藏：只有鼠标移到它附近时才出现，移开后淡出。

截图：对话区右侧的对话指示器面板

悬停标记可查看对话摘要，点击标记可跳转到对应对话。

浏览器端: 监听 [data-conversation-scroll]（应用的对话滚动容器）
-> 读取 [data-chat-anchor-key] 行，按 data-chat-flow-kind 过滤
-> 固定定位的胶囊浮层，垂直居中于右侧边缘
-> 每行一个指示条，按内容比例定位（contentTop / scrollHeight）
-> 点击 -> scrollport.scrollTo({ top: contentTop - padding, behavior: 'smooth' })

无需改动 harness，也没有任何服务端逻辑：宿主入口是空操作，整个插件就是浏览器端 bundle，由 /plugins/@smanx/dsh-conversation-indicator/client.js 提供。

安装

从 GitHub 仓库安装（pnpm 的 github: 形式是
git+ssh://git@github.com/smanx/dsh-conversation-indicator.git#main 的简写）：

dsh plugin --profile web add github:smanx/dsh-conversation-indicator#main

安装后插件以 @smanx/dsh-conversation-indicator 的名称出现在插件列表与 profile 依赖中（npm scope 即开发者名 smanx + 插件名）。

首次安装后需要重启一次 Web 服务器，让启动清单把新的客户端 bundle 编进去，然后刷新页面。胶囊面板在对话区滚动或流式输出时保持隐藏——把鼠标移到它附近（右侧边缘、紧贴滚动条左侧）才会显示，鼠标移开后淡出。只有当前会话内容超过一屏时面板才会存在（对话区没有溢出时自动隐藏）。更新插件时重新执行同一条命令即可——pnpm 会按 git 依赖重新解析到最新提交。

开发时如果希望直接使用本地工作目录（改完代码刷新即可，无需重新安装），可以把 profile 指向本地路径：

dsh plugin --profile web add file:C:/mydata/codes/dsh-conversation-indicator

配置项

插件完全自包含，偏好设置保存在浏览器里（localStorage["dsh-conversation-indicator.options"]，JSON，部分合并）。在 DevTools 中设置后刷新页面即可生效（下次插件挂载时应用）。

| 键 | 默认值 | 作用 |
| --- | --- | --- |
| enabled | true | 总开关。 |
| markKinds | ["user"] | 要标记的行类型（data-chat-flow-kind）；"" 标记所有渲染出的行。助手回复的实际 kind 是 assistant-step，默认不标记——想标记的话加入 "assistant-step"（或 ""）即可。其他类型：steering、context、tool-call、command、compaction、manual-compaction、model-retry、turn-error、turn-max-tokens、turn-tail、unknown。 |
| panelWidth | 26 | 面板（胶囊）宽度，单位 px。 |
| markerSize | 6 | 指示条高度，单位 px。 |
| rightMargin | 10 | 面板与滚动容器右边缘的间距，单位 px。 |
| panelHeightRatio | 0.5 | 面板高度占滚动容器高度的比例（指示条集中在中间区域）。 |
| minPanelHeight / maxPanelHeight | 140 / 520 | 面板高度上下限，单位 px。 |
| showCount | true | 面板底部显示对话总数小徽标。 |
| tooltips | true | 悬停摘要提示：类型标签 + 该行正文（剔除按钮/图标等 UI 元素）。 |
| summaryMaxChars | 200 | 悬停摘要正文的最大字符数。 |
| scrollPadding | 12 | 跳转时目标行上方保留的额外间距，单位 px。 |
| hoverZoneX | 28 | 面板周围的热区（水平方向，px），鼠标靠近时显示面板。 |
| hoverZoneY | 24 | 面板周围的热区（垂直方向，px），鼠标靠近时显示面板。 |
| idleHideMs | 450 | 无鼠标活动多少毫秒后面板开始淡出。 |
| fadeOutMs | 400 | 面板淡出动画时长（ms），淡入保持 200ms。 |

localStorage["dsh-conversation-indicator.options"] = JSON.stringify({
markKinds: ["user", "tool-call"],
panelWidth: 30,
markerSize: 8,
})

对模型的影响

| 方面 | 影响 |
| --- | --- |
| Token 消耗 | 无——指示器纯 UI，从不进入任何请求。 |
| 工具调用 | 无——模型不会获得新工具。 |
| 会话日志 | 不变——插件只读取渲染出的 DOM，不添加任何事件。 |
| 提示词 | 不变——不注册任何系统提示词片段。 |

权限边界

- 客户端只观察应用已经渲染的对话滚动容器和行（[data-chat-anchor-key] / [data-chat-flow-kind]）；不写入会话日志，也不注册任何面向模型的功能。
- 胶囊面板是 pointer-events: none 的浮层，只有小指示条可交互，滚动条和对话内容完全不受影响。
- 指示条位置由布局推导（与该行在滚动内容中的位置成比例）；不复制、不存储任何对话内容。

开发

pnpm install
pnpm run check    # typecheck + vitest + build（lib/ 与源码一起提交）
pnpm run test     # vitest（geometry / kind / options / rail DOM 行为）
pnpm run build    # esbuild 宿主 + 客户端 bundle，tsc 类型声明

插件不依赖 harness 代码目录：客户端 bundle 是自包含的纯 DOM 实现，pnpm install 不需要 ../dsh 同级目录。

已知限制

- 指示条反映的是当前已加载的历史窗口；Web 应用尚未渲染的极早行无法标记（翻页加载更多历史后会出现对应指示条）。
- 面板绘制在当前会话视图的滚动条附近；不会覆盖其他视图（轨迹视图、详情面板）。
- 配置在插件挂载时读取；运行时修改 localStorage 需要下次挂载（刷新页面或视图重挂载）才生效。
- 平滑滚动由浏览器驱动；快速连点多个指示条可能无法打断当前动画。

许可证

MIT