前言¶
在 DSH 的 web 聊天界面中，長會話裏回看某條用戶消息時，通常需要來回滾動。dsh-scroll-timeline 是 DSH 的一個瀏覽器端插件，在側邊欄右緣生成一條垂直節點軌：每個用戶消息對應一個橫向條形節點，支持懸停預覽和點擊跳轉。它面向需要快速定位用戶消息的聊天場景。
這是什麼¶
invalidnaaaame/dsh-scroll-timeline 是一個第三方 DSH 插件，MIT 許可證，派生自 vlln/dsh-navbar（MIT）。它不引入額外命令、路由或工具，只通過官方錨點屬性驅動，瀏覽器端渲染，Node 側爲空掛載載體，0 patches。
data-time-hover-root
核心功能¶
- 在聊天側邊欄右緣顯示一條垂直節點軌，每個用戶消息對應一個橫向條形節點。
- 峯值條跟隨當前閱讀位置。
- 指針懸停在節點軌上時，最近節點成爲峯值，相鄰節點按
39/30/21/15/9比例擴展成磁吸山形。 - 懸停節點時顯示消息預覽卡片，6 行截斷，向右側打開。
- 點擊節點平滑滾動到對應消息，並顯示品牌藍色高亮環。
- 始終顯示全部歷史節點；長會話可在容器內滾動。
- 用戶消息少於 2 條或不在聊天頁時自動隱藏。
- 在
prefers-reduced-motion環境下禁用動畫。
安裝與啓用¶
先確認目標環境是 DSH web 端。使用下面的一行 git 安裝命令：
dsh plugin --profile web add "github:invalidnaaaame/dsh-scroll-timeline#main"
安裝完成後重啓 web 纔會生效。之後可以在 Settings → Plugins 面板中禁用或啓用該插件。
典型用法¶
1、打開 DSH 聊天視圖，時間線會出現在側邊欄右緣。
2、指針移動到節點軌附近，離指針最近的節點成爲峯值，相鄰節點按 39/30/21/15/9 擴展。
3、懸停某個節點查看該用戶消息的 6 行預覽。
4、點擊節點，頁面平滑滾動到對應用戶消息，並顯示品牌藍色高亮環。
5、如果會話較長，時間線本身會在容器內滾動；如果用戶消息少於 2 條，節點軌自動隱藏。
可調整項¶
節點軌的基礎寬度和峯值寬度可通過 CSS 變量調整：
--dsh-navbar-base-w: /* base width */;
--dsh-navbar-peak-w: /* peak width */;
適用場景與注意¶
這個插件適合在 DSH web 聊天中頻繁回看用戶消息的場景。它是瀏覽器端插件，Node 側爲空掛載載體，且已驗證兼容：
dsh 0.1.0-rc.6 至 dsh 0.1.1-rc.2
其錨點契約在最新 release 中仍存在。
安裝前請注意：
- 該插件以當前
dsh進程權限運行，安裝前應檢查源碼與許可證。 - 它是第三方插件，與官方 DeepSeek Harness 項目無關聯。
package.json聲明peerDependencies爲@deepseek-ai/cordis ^4.0.1。- DSH 社區目錄是獨立站點，與 DeepSeek / 幻方無官方從屬關係。
鏈接¶
- GitHub：https://github.com/invalidnaaaame/dsh-scroll-timeline
- 社區目錄頁：https://www.skillhub.cn/plugins/invalidnaaaame/dsh-scroll-timeline
