dsh-navbar
by dsh-external
对话节点导航条(官方 bundle):user 消息快速跳转,自渲染 DOM
Conversation node navigation bar (official bundle): quick jump between user messages, self-rendered DOM.
安装
dsh plugin --profile web add github:dsh-external/dsh-navbarGitHub 源码安装:首次需按提示配置 allowBuilds 构建授权后重试
安装与环境配置指引、插件开发教程见 DSH 中文社区文档 ↗
安装即在你的机器上以你的权限运行第三方代码——它可读写文件、使用凭据、访问网络,DSH 的工具审批不会为插件代码加沙箱。「检测到 manifest」仅代表发现 dsh.bundle / dsh.plugin 清单,不构成兼容性或安全审查;安装前请审阅源码,不熟悉的插件先在不含密钥的环境试用。
README
对话区右缘的等距节点串(每 user 消息一节点)——激活药丸跟随阅读位置、悬停预览卡(6 行截断)、点击平滑滚动 + 品牌蓝高亮环、超过 11 节点自动滑动窗口、平时隐形悬停浮现、少于 2 条 user 消息自动隐藏。实现 dsh-external/issues#144 规格。形态:官方 bundle 插件(dsh.bundle + dshClient 通道,纯浏览器端,Node half 为空),0 patch。
效果

能力
| 功能 | 说明 |
|---|---|
| 节点导航条 | 对话区右缘纵向节点串,每 user 消息一个圆点节点 |
| 跟随阅读位置 | 激活药丸(22px 品牌蓝胶囊)随当前阅读位置移动 |
| 悬停预览 | 悬停节点显示消息预览卡(6 行截断,对齐官方 HoverCard 视觉) |
| 连续悬停 | 整条导航条(含节点间隙)连续响应悬停:预览随最近节点切换 + 对应药丸加长(灰色)指示点击落点,无死区 |
| 滚轮切换 | 光标悬停导航条时滚动滚轮:向上滚=上一条、向下滚=下一条(阻止对话区滚动) |
| 点击跳转 | 整条导航条可点(含间隙,按最近节点跳转)+ 药丸命中区放大,无需精确瞄准小圆点 |
| 滑动窗口 | >11 节点时只显示窗口内节点(避免溢出) |
| 加载更早历史 | 导航条最上方的 ↑ 按钮(仅当会话还有更早历史时显示):点击加载更早的消息——转发给官方加载更早控件,保持当前阅读位置不跳动;悬停立即显示与节点预览同款的提示卡(官方 HoverCard 视觉) |
| 自动隐藏 | <2 条 user 消息或非对话页不显示 |
| 消息精选 pin | assistant 操作条(copy 与 Good response 之间)📌 按钮;精选轮次在导航条渲染为金色细长椭圆盘(恒可见、预览卡带 📌 徽标、点击直达被精选的回复),状态按会话持久化 |
零数据通道依赖:只靠官方锚点属性(data-time-hover-root,0806 起 user 行)驱动,无轮询、无路由、无工具。
安装
推荐:git 源一行安装(构建产物已入库,git 源不触发构建):
dsh plugin --profile web add "github:vlln/dsh-navbar#main" # git 源一行(构建产物已入库)
# 或 npm 源:dsh plugin --profile web add @vlln/dsh-navbar@0.4.0
或本地目录(有源码时):git clone 后 cd dsh-navbar && dsh plugin --profile web add .。
装完 重启 web 生效;设置页「插件」面板可停用/启用。
使用
安装即用,无命令、无工具。对话页(Chat 视图)右缘出现节点条;悬停看预览、点击跳转。prefers-reduced-motion 下禁用动画。
精选 pin:hover assistant 消息操作条,点 📌 把该回复选为精选——对应轮次的导航节点变为金色细长椭圆盘(点击直达该回复;预览卡显示 📌 徽标与回复文本)。精选状态按会话保存在浏览器 localStorage,刷新后保留;再点一次取消精选。
加载更早历史:当前会话还有更早消息(历史窗口未加载完)时,导航条最上方出现 ↑ 按钮。点击加载更早的消息——导航条顶部随之新增节点。全部历史加载完后按钮自动隐藏;加载进行中按钮禁用。悬停按钮立即显示与节点预览同款的提示卡(官方 HoverCard 视觉),加载中显示「加载中…」。点击转发给官方加载更早控件,当前阅读位置保持不变(不跳动)。
开发
pnpm install
pnpm run build # tsdown:client bundle (lib/client.js)
- client:
src/client/index.ts(自渲染 DOM + 官方锚点契约;pin 按钮走官方conversation.chat.assistant-actions插槽,React 由 client runtime 提供;访问的 ctx 服务须在插件对象inject中声明) - Node half:
src/index.mjs(空 apply,bundle 挂载载体)
许可
MIT License(DSH 生态示例插件)。
原始 README: https://github.com/vlln/dsh-navbar/blob/main/README.zh.md ↗
同类插件
查看全部 →
archify
Agent 技能:生成美观、可校验的架构图、工作流图、时序图、数据流图与生命周期图——自包含 HTML、带动画与清晰导出

dsh-turn-rewind
对话回退:基于持久 Change Ledger 回滚会话与工作区状态。

dsh-plugin-cc
把 DeepSeek Harness 接入 Claude Code:评审、批评、委派与会话导入

dsh-interconnect
跨实例互联:经 interconnect 服务在多个 DSH 实例间转发消息与事件。

dsh-chat-import
把 13 家 coding agent(Claude Code、Codex、ChatGPT、Cursor、Gemini、opencode 等)的完整对话历史导入为可续聊的 DeepSeek Harness 会话,并支持反向导出回 Claude Code。

dsh-crew
DSH 插件:从 Claude Code / Codex 向 DSH agent 派活——原生 subagent 进度、宿主内 worker 会话(分级预设),以及为纯文本宿主补上视觉与图像生成的多模态桥