dsh-navigation-bar 使用指南

本文由本站基于该插件已收录的字段自动派生（wiki / faq / compatibility_json / readme），非 AI 即时创作。每节末尾标源字段。

快速上手

添加钢琴键风格导航栏，方便在网页界面切换对话。

— 源: plugins.ai_summary

安装与验证

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

复制以上命令在 DSH Web Profile 内运行。安装完成后在「插件列表」启用即可。

— 源: plugins.install

关键要点

• 会话内导航：一根键 = 一条用户消息（含 agent 运行中发送的 steering 消息），按时间正序；
• 参考图级视觉：键簇固定 10px 键距、2px 键高、6px 最短长、26px 悬停长（≈4.3×），
• 悬停阶梯：悬停键变长变色，上下相邻 3 级阶梯（20 / 14 / 10px，≈77% / 54% / 38%），
• 悬停气泡：用户消息单行省略 + 对应模型回复最多 3 行（宽度模型 JS 截断 +
• 当前位高亮：非悬停时当前查看内容对应的键仅变色（长度不变），随滚动实时联动。

— 源: plugin_wiki.readme_zh (fallback readme_raw)

踩坑提醒

安装前请审阅上游仓库；本指南基于已收录字段自动派生，可能滞后于最新版本。如发现与官方文档冲突，请以上游为准。

— 来源：通用规则