1:1 复刻 DeepSeek 官网右侧对话导航栏(ScrollNav):悬停展开面板、阅读位置高亮、点击跳转。
安装
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:jjxjjjjiik-bot/dsh-chat-timeline
GitHub 来源的插件在安装时会在你的机器上执行构建脚本。请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
English | 简体中文
**1:1 复刻 DeepSeek 官网右侧「对话导航栏」**的 DeepSeek Harness (DSH) 插件——把 chat.deepseek.com 官方网页版的 ScrollNav 界面与交互原样带进你的 DSH Web 聊天界面。
非 DeepSeek 官方出品,与 DeepSeek 无任何关联。
预览
功能
- 常驻右侧导航轨——屏幕右侧细长竖轨,每条用户消息一个指示线,与官网折叠态一致
- 悬停展开——面板显示消息预览,随滚动实时高亮当前阅读位置(品牌蓝)
- 点击跳转——一键平滑滚动到对应消息,自动加载更早历史
- 自动隐藏——会话少于 2 条用户消息时自动消失
- 无障碍——ARIA 标签 + 遵循系统「减弱动态效果」设置
工作原理
Host 侧通过会话投影(dshChatTimeline)持久化枚举所有用户消息;客户端 TimelineRail 组件渲染导航轨(挂载于 conversation.input.dock 插槽,portal 到 body),数据源按速度优先:投影 → 已加载节点 → 后台 loadOlder。
安装
一键安装(Windows,推荐)
- 下载本项目(绿色 Code 按钮 → Download ZIP 解压,或
git clone) - 双击
install.bat—— 脚本自动完成:复制插件 → 注册配置 →pnpm install - 重启
dsh web并刷新浏览器
脚本可重复运行,不会重复安装。
手动安装(其他平台)
- 将插件复制到
$DSH_HOME/profiles/web/plugins/dsh-chat-timeline/($DSH_HOME通常是~/.dsh) - 在
profiles/web/package.json添加依赖"dsh-chat-timeline": "file:plugins/dsh-chat-timeline",运行pnpm install - 在
profiles/web/cordis.patch.yml添加:- insert: - id: chat-timeline name: dsh-chat-timeline - 重启
dsh web并刷新浏览器
架构参考
- 布局/CSS:官网 ScrollNav 的 1:1 移植(提取自官方
main.css,以dsct_前缀命名空间化) - 插件架构:参考 asukasec/dsh-message-preview(MIT)
License
MIT — 见 LICENSE。"DeepSeek" 商标归其所有者所有,本项目与 DeepSeek 无关联。
链接
同类插件
zhu1090093659/dsh-web-ui#packages/dsh-web-ui-all★ 1880
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 876
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
omdsh-dev/DSH-better-sidebar★ 740
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
huiliyi37/dsh-tianshu-tui★ 132
DeepSeek Harness 的终端 UI(TUI)。
omdsh-dev/dsh-at-file★ 126
Codex 风格的 `@file` 文件引用,输入框里直接搜索并引用工作区文件。
Nagi-ovo/dsh-visualize★ 82
对话内生成式 UI:模型把交互式 HTML 卡片直接画进会话流,带流式预览与沙箱渲染。