DSH Plugin HubDSH 插件市场
KeLearns/dsh-navigation-bar 预览 preview

KeLearns/dsh-navigation-bar

Plugin插件 Native原生 ⭐ 6 MIT Clients & Launchers客户端与启动器Sessions & Context会话与上下文

DeepSeek Harness 网页界面的钢琴键式对话导航栏

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

This is a DSH-native plugin that adds an in-conversation navigation bar with a piano-key design to the DeepSeek Harness web GUI. Each piano key is anchored to one user message, displays a preview of that round’s user query and model response when you hover your cursor over it, and smoothly scrolls to the corresponding message position when clicked. It is built following DSH’s official dual-side plugin architecture that separates host and browser code, so it does not require any modifications to DSH’s core source code to work. It pulls conversation data directly from DSH’s official public APIs for real-time updates.

The navigation bar is sorted in chronological order of the conversation, with one key per user message, and model responses are included in the preview of their corresponding user message. It automatically highlights your current reading position as you scroll through the conversation, and adapts seamlessly to both light and dark DSH themes. It is especially useful for users who work with long multi-turn conversations and need to jump back and forth between different sections of history to reference earlier content. You can install it directly from the DSH plugin market with one click, or via the official npm package published to the npm registry.

To install from the public npm registry, run the command dsh plugin --profile web add @kelearns/dsh-navigation-bar in your terminal. If you are developing the plugin locally and want to test your changes, you can use the link format dsh plugin --profile web add link:<your-local-directory> to install it. After installing any new plugin, you will need to restart your running dsh web instance and refresh the browser page for the plugin to load correctly. This project is open source under the MIT license, has no external dependencies beyond DSH itself, and follows all official DSH plugin development standards.

这是一个专为 DeepSeek Harness 开发的原生插件，为 DSH Web 图形界面添加钢琴键风格的会话内导航条。每一个键锚定一条用户消息，悬停时会显示该轮用户消息和模型回复的预览，点击后平滑跳转到对应对话位置。它遵循 DSH 官方的主机端+浏览器端双面插件机制，不会侵入修改 DSH 的核心源码。

当用户进行多轮长对话时，该插件可以帮助你快速定位到任意历史对话轮次，不用手动反复滚动查找。导航条按照对话时间正序排列，每轮用户消息对应一个键，模型回复会并入对应轮次的预览，还支持当前阅读位置实时高亮联动，适配深浅两种主题。非常适合需要经常在长对话中来回跳转查阅历史内容的用户。

你可以通过 DSH 官方的插件市场搜索 navigation-bar 一键安装，也可以使用 npm 命令 dsh plugin --profile web add @kelearns/dsh-navigation-bar 安装。新装插件后需要重启 DSH web 实例再刷新页面才能生效。该项目使用 MIT 许可证开源，无需额外依赖，遵循 DSH 官方插件规范开发。

View on GitHub在 GitHub 查看

Recommended强烈推荐 Send to your DSH发给你的 DSH 安装 
请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：dsh-navigation-bar（KeLearns/dsh-navigation-bar）
仓库：https://github.com/KeLearns/dsh-navigation-bar
本站详情页：https://www.yhbd.top/plugins/kelearns-dsh-navigation-bar/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证 MIT · ⭐ 6 · 最近提交 2026-08-16 · 主语言 JavaScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 warning1 项注意
  • Only 6 stars - very few users, little community feedback星标只有 6，几乎没人在用，遇到问题缺少社区反馈
DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

  • DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
  • External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
  • Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

  • Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
  • Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
  • curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
  • Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
  • Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
  • Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装 

dsh plugin --profile web add @kelearns/dsh-navigation-bar

把 KeLearns/dsh-navigation-bar 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

4.3 KB · 缓存于 2026-08-23 03:41:29 · 4.3 KB

dsh-navigation-bar

钢琴键风格的会话内导航条 —— 为 DeepSeek Harness Web GUI 的单个会话提供多轮对话导航： 每根键锚定一条用户消息，悬停显示该轮「用户消息 + 模型回复」预览，点击平滑跳转到对应消息。 基于 DSH 官方双面插件机制（host + browser half），不侵入 DSH 源码。

English

截图

深色主题 · 悬停态（全屏 + 聚焦细节）：

深色悬停全屏

深色悬停聚焦 深色非悬停聚焦
深色悬停聚焦 深色非悬停聚焦

浅色主题（悬停 / 非悬停全屏）：

浅色悬停全屏

浅色悬停聚焦 浅色非悬停聚焦
浅色悬停聚焦 浅色非悬停聚焦

全屏图展示导航条在会话界面中的实际位置；聚焦图展示钢琴键细节（键形、悬停阶梯与消息预览气泡）。

功能

  • 会话内导航：一根键 = 一条用户消息（含 agent 运行中发送的 steering 消息），按时间正序； 模型回复不单独占键，并入对应轮次的预览。
  • 参考图级视觉：键簇固定 10px 键距、2px 键高、6px 最短长、26px 悬停长（≈4.3×）， 在消息区内垂直居中；配色由参考图逐像素测量（浅色 #D2D3D3 / #767779 / #1A1C1F， 深色 #454545 / #A3A3A3 / #FFFFFF）。
  • 悬停阶梯：悬停键变长变色，上下相邻 3 级阶梯（20 / 14 / 10px，≈77% / 54% / 38%）， 第 4 邻恢复最短，首/尾键悬停时阶梯自然单侧裁剪。
  • 悬停气泡：用户消息单行省略 + 对应模型回复最多 3 行（宽度模型 JS 截断 + -webkit-line-clamp 双保险，超出以 … 省略）。
  • 当前位高亮：非悬停时当前查看内容对应的键仅变色（长度不变），随滚动实时联动。
  • 点击跳转；深浅色主题自适应（data-ds-dark-theme + prefers-color-scheme 兜底）。

安装

npm version npm downloads License: MIT

基于 DSH 官方插件机制安装到 web profile：

# 从 npm 安装（正式发布）
dsh plugin --profile web add @kelearns/dsh-navigation-bar

# 或本地开发（link 方式；改 lib/client.js 后刷新页面即生效）
dsh plugin --profile web add link:<本目录>

npm 包已发布：npmjs.com/package/@kelearns/dsh-navigation-bar

已收录于 awesome-dsh-plugin 精选目录， 也可以在 dsh 设置页的 Plugin Market（dsh-market）中搜索 navigation-bar 一键安装。

注意：插件名单在实例启动时加载 —— 新装插件后需重启 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 实时订阅）
  • DOM 锚点：滚动容器 [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      # 悬停参考图（阶梯长度与颜色）

License

MIT

渲染基于仓库 KeLearns/dsh-navigation-bar 的 README.md。 在 GitHub 查看原文 →

Related相关推荐

← 上一个 Prev dsh-plugin-manager-companion 下一个 Next dsh-mpkg-wallpaper →