@kelearns/dsh-navigation-bar
适用于 DeepSeek Harness Web GUI 的钢琴键样式对话导航栏：每条用户消息对应一个按键，支持悬停阶梯动画、消息预览工具提示和活动消息高亮。官方双端 dsh 插件（主机端 + 客户端），通过 offici 挂载
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add @kelearns/dsh-navigation-bar@0.2.1
Navigation Bar 以 @kelearns/dsh-navigation-bar 发布，当前版本为 0.2.1。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
钢琴键风格的会话内导航条 —— 为 DeepSeek Harness Web GUI 的单个会话提供多轮对话导航： 每根键锚定一条用户消息，悬停显示该轮「用户消息 + 模型回复」预览，点击平滑跳转到对应消息。 基于 DSH 官方双面插件机制（host + browser half），不侵入 DSH 源码。
深色主题 · 悬停态（全屏 + 聚焦细节）：
| 深色悬停聚焦 | 深色非悬停聚焦 |
|---|---|
| 深色悬停聚焦 | 深色非悬停聚焦 |
浅色主题（悬停 / 非悬停全屏）：
| 浅色悬停聚焦 | 浅色非悬停聚焦 |
|---|---|
| 浅色悬停聚焦 | 浅色非悬停聚焦 |
全屏图展示导航条在会话界面中的实际位置；聚焦图展示钢琴键细节（键形、悬停阶梯与消息预览气泡）。
#D2D3D3 / #767779 / #1A1C1F，
深色 #454545 / #A3A3A3 / #FFFFFF）。-webkit-line-clamp 双保险，超出以 … 省略）。data-ds-dark-theme + prefers-color-scheme 兜底）。基于 DSH 官方插件机制安装到 web profile：
# 从 npm 安装（正式发布）
dsh plugin --profile web add @kelearns/dsh-navigation-bar
# 或本地开发（link 方式；改 lib/client.js 后刷新页面即生效）
dsh plugin --profile web add link:<本目录>
注意：插件名单在实例启动时加载 —— 新装插件后需重启 dsh web 实例再刷新页面。
| 文件 | 说明 |
|---|---|
index.js | host 半端（空操作 cordis 插件） |
lib/client.js | browser 半端（手写 bundle，无构建步骤；window.__ModuleLoader__.load） |
cordis.patch.yml | bundle patch：把插件行插入 web profile 名单 |
package.json | dsh.bundle.patch + dsh.client（platform web）声明 |
test/ | CDP 无头浏览器诊断脚本 + 独立离线测试页 |
数据来源（全部官方 API）：
ctx.sessions.binding(currentId).session → ConversationSnapshot
（useSyncExternalStore 实时订阅）[data-conversation-scroll]，消息行 [data-chat-anchor-key]# 无头 Edge + CDP 审计：打开真实会话，检查键布局 / 颜色 / tooltip
node test/cdp-audit.mjs
# 参考图像素测量（生成视觉规格：键距 / 阶梯 / 配色）
node test/img-analysis.cjs # 非悬停参考图
node test/img-strip.cjs # 悬停参考图（阶梯长度与颜色）
MIT