DeepSHPlugins
dsh-chat-timeline 專案預覽
GITHUB / COMMUNITY PROJECT

dsh-chat-timeline

UI 增強JavaScriptMIT

1:1 復刻 DeepSeek 官網右側對話導航欄(ScrollNav):懸停展開面板、閱讀位置高亮、點選跳轉。

32 Starsjjxjjjjiik-bot 更新時間 2026-08-26
訪問 GitHub 倉庫
dsh-chat-timeline 專案預覽
dsh-chat-timeline 介面截圖dsh-chat-timeline 介面截圖

專案介紹

中文

1:1 復刻 DeepSeek 官網右側對話導航欄(ScrollNav):懸停展開面板、閱讀位置高亮、點選跳轉。

English

1:1 port of DeepSeek's official web right-side chat navigation rail (ScrollNav): hover-expandable rail, reading-position highlight, click-to-jump.

專案資訊與收錄訊號

快照 2026-09-11
作者 / 組織
jjxjjjjiik-bot
倉庫
jjxjjjjiik-bot/dsh-chat-timeline
GitHub Stars
32
Forks
4
開發語言
JavaScript
許可證
MIT
最近推送
2026-08-26
Manifest
資料中檢測到宣告

公開倉庫不自動等於可商用;許可證與當前相容性以原專案文件為準。Manifest 和資料評分不構成安裝安全認證。

資料評分

85/ 100
維護活躍
90
文件與實用資訊
100
生態關注度
51
安裝便捷訊號
100
專案宣告訊號
100

近 16 天仍在更新;README 含完整安裝與使用說明;標準命令一鍵安裝。

評分來自已有資料快照的五維模型,僅作瀏覽參考,不是實際使用評測或安全檢測結論。

安裝與使用

所有專案資料與許可均以對應 GitHub 倉庫為準。

dsh plugin --profile web add dsh-chat-timeline

複製命令不會自動執行。請先閱讀倉庫文件,確認環境要求與許可證。

專案截圖

倉庫 README

GitHub 原文

已儲存的倉庫文件快照;文件抓取時間未記錄,可能與上方目錄介紹處於不同版本。安裝前請核對當前倉庫說明。

儲存庫檔案保留原文,指令與授權文字不作自動改寫。

dsh-chat-timeline

English | 简体中文

License: MIT npm version GitHub stars PRs Welcome

⭐️ 如果这个小插件帮到了你,请给本项目点一个免费的 Star 支持一下! 你的鼓励是持续优化更新的最大动力~

1:1 复刻 DeepSeek 官网右侧「对话导航栏」的 DeepSeek Harness (DSH) 插件——把 chat.deepseek.com 官方网页版的 ScrollNav 界面与交互原样带进你的 DSH Web 聊天界面,并支持重点书签与回退撤回联动。

非 DeepSeek 官方出品,与 DeepSeek 无任何关联。

预览

右侧导航栏

悬停展开面板

功能特性

  • 常驻右侧导航轨——屏幕右侧细长竖轨,每条用户消息对应一个指示线,折叠态纯净极简无多余干扰,与官网折叠态 1:1 一致
  • ⭐ 重点节点书签与筛选——展开面板点击 ★ 即可加星标记;折叠态已标记项呈现高亮金色指示线;展开面板顶部「★ 只看标记 (n)」支持一键筛选重点问答;本地 localStorage 自动持久化
  • 全模式主题适配——1:1 像素级复刻 DeepSeek 官网浅色/深色主题:浅色模式下灰线清爽优雅、白底毛玻璃展开面板;深色模式沉浸暗黑、高对比度金色标记
  • ✨ 丝滑跳转与防抖——点击条目一键平滑跳转到对应消息(按需加载更早历史);智能防抖锁定机制,彻底消除长对话跨区域跳转时悬浮面板的抽搐乱跳
  • 🔄 回退撤回深度兼容——多层防御式解析联动 dsh-rewind 插件,无论中英文提示文案或结构化参数,被回退/撤回的消息均自动从时间线上即时剔除
  • 动态避让——智能检测右侧工作台(如 aionui 等工具栏),自动平移贴合聊天区边缘,避免重叠遮挡
  • 自动隐藏与窄屏适配——会话少于 2 条用户消息时自动隐藏;视口宽度 ≤ 767px(移动端/窄窗口)自动收起防遮挡
  • 无障碍——完善的 ARIA 标签与键盘导航 + 遵循系统「减弱动态效果(prefers-reduced-motion)」设置

工作原理

Host 侧通过会话投影(dshChatTimeline)持久化枚举所有用户消息(支持 surface replace 自动剔除回退消息);客户端 TimelineRail 组件渲染导航轨(挂载于 conversation.input.dock 插槽,portal 到 body),数据源按速度优先:投影 → 已加载节点 → 后台 loadOlder。

安装

方式一:DSH / NPM 一键安装(推荐,最简便)

在终端中执行以下命令(自动从 npm 下载并配置):

dsh plugin --profile web add dsh-chat-timeline

或者:

dsh plugin add dsh-chat-timeline

安装完成后,重启 dsh web 并刷新浏览器即可。


方式二:Windows 本地一键脚本(克隆/下载仓库)

  1. 下载本项目(绿色 Code 按钮 → Download ZIP 解压,或 git clone)
  2. 双击 install.bat —— 脚本自动完成:复制插件 → 注册配置 → pnpm install
  3. 重启 dsh web 并刷新浏览器
脚本可重复运行,不会重复安装。

方式三:手动安装(其他平台或本地开发)

  1. 将插件复制到 $DSH_HOME/profiles/web/plugins/dsh-chat-timeline/($DSH_HOME 通常是 ~/.dsh)
  2. 在 profiles/web/package.json 添加依赖 "dsh-chat-timeline": "file:plugins/dsh-chat-timeline",运行 pnpm install
  3. 在 profiles/web/cordis.patch.yml 添加:
   - insert:
       - id: chat-timeline
         name: dsh-chat-timeline
  1. 重启 dsh web 并刷新浏览器

架构参考

  • 布局/CSS:官网 ScrollNav 的 1:1 移植(提取自官方 main.css,以 dsct_ 前缀命名空间化)
  • 插件架构:参考 asukasec/dsh-message-preview(MIT)

License

MIT — 见 LICENSE。"DeepSeek" 商标归其所有者所有,本项目与 DeepSeek 无关联。

使用前核對

安裝步驟、相容版本與授權範圍以原專案當前文件為準。Stars 和評分是快照中的導航訊號。

安裝與排錯 · 專案問題反饋

同類專案