dsh-user-message-timeline
Manifest valid★ 4dsh Web Floating Pill Rail: Preview · Navigation · Pagination — toggle left/right edge alignment via Settings - Plugins - Plugin Configuration
dsh-user-message-timeline
在对话列内侧,为每一条用户消息点亮一颗药丸
DSH User Message Timeline — 对话内悬浮药丸导轨,悬停预览、拖拽跳转、分页加载
轻量时间线,悬停即预览、点击即跳转,视口可滚动,左右贴边一键切换
演示
| 浅色 | 深色 |
|---|---|
![]() | ![]() |
| 浅色完整链路 | 深色完整链路 |
|---|---|
![]() | ![]() |
| 悬停漏斗放大 → 气泡 240px 预览 → 点击跳转 → 拖拽 Scrub HUD | 同左,深色墨玉玻璃 |
| 设置开关与左右切换 |
|---|
![]() |
| 开关关闭隐藏 · 左右贴边(右侧仅适配 dsh-better-sidebar) |
功能
| 功能 | 说明 |
|---|---|
| 药丸漏斗 | 常态 12×4,距 hover/active 分 5 档 36→26→20→16→12 放大,gap 10px |
| sticky 预览 | 悬停 150ms/连续 60ms 弹出,墨玉玻璃 240×48~108,clamp 6 行,可复制 |
| 拖拽 scrub | setPointerCapture + elementFromPoint,Scrub HUD「第X/N轮·预览首行」跟手,松手 smooth 收尾 |
| 分页头丸加载 | 顶部 is-older 空心脉冲,点击循环 加载更多 20 次,HUD/tooltip · 还有更早 |
| 视口可滚动 | ≤16 颗一屏精致,>16 颗导轨内 max-height 386px 可滚,mask 淡化 |
| 丝滑体验 | 侧边栏推式 120fps ResizeObserver+rAF,prefers-reduced-motion 适配 |
| 偏好设置 | 设置 → 插件 → 插件配置 卡片:开关与左右位置,深浅主题自适应(白底黑点/黑底灰点) |
安装
前置:已装好 DSH(dsh web 能正常运行),Node.js ≥ 20。
dsh plugin --profile web add dsh-user-message-timeline
装完硬刷新浏览器(Cmd/Ctrl+Shift+R)即可看到导轨(DSH 对 client 改动热加载,无需重启)。
方式二:让 DSH 自己装——把下面这段提示词发给任意一个 DSH 会话:
帮我安装 dsh-user-message-timeline 插件(对话列悬浮药丸导轨),步骤:
1. 执行 dsh plugin --profile web add dsh-user-message-timeline
2. 完成后提醒我硬刷新浏览器(Cmd/Ctrl+Shift+R)
更新
dsh plugin --profile web add dsh-user-message-timeline
改完硬刷新浏览器即可。
常见问题
| 现象 | 原因与解决 |
|---|---|
报 minimum release age | 装的版本发布不足 24 小时,等 24h 或在 ~/.dsh/profiles/web/pnpm-workspace.yaml 加白名单 |
报 file: 旧代码 | 同版本 pnpm file: 缓存,dsh plugin --profile web remove dsh-user-message-timeline && dsh plugin --profile web add file:~/dsh-user-message-timeline |
| 调试 | localStorage.setItem('umtl:debug','1') 后看控制台 [umtl] 日志 |
更新日志
见 CHANGELOG.md 与 Releases。
致谢与 License
MIT © huang-chunc,见 LICENSE。
Compatibility
Versions
| Latest version | Published | Size |
|---|---|---|
| 0.3.1 | — | — |
| 0.2.2 | — | — |
| 0.3.0 | — | — |
| 0.4.3 | — | — |
| 0.2.3 | — | — |
| 0.2.0 | — | — |
| 0.2.4 | — | — |
| 0.1.9 | — | — |
| 0.2.1 | — | — |
| 0.1.8 | — | — |
| 0.4.0 | — | — |
| 0.4.1 | — | — |
| 0.4.2 | — | — |
Comments
Loading…
Similar plugins
by yuioi666
dsh-conversation-nav-dots 在 DSH Web 对话界面的右侧添加一列导航标记。每个标记对应一条用户消息。点击即可跳转,悬停可预览所有消息内容。
★ 1
↓ 42/wk
MIT
JavaScript
Sep 1, 2026
dsh plugin --profile web add dsh-conversation-nav-dotsby wx-yss
Codex 风格左侧消息导航轨道:等距刻度 + 悬停预览 + 点击跳转用户消息 · DSH Web 插件
★ 14
↓ 168/wk
MIT
JavaScript
Sep 4, 2026
dsh plugin --profile web add dsh-message-railby Seryta
对话节点导航:DSH Web GUI 右侧节点串,hover 预览、点击跳转、active 药丸跟随阅读位置
★ 2
MIT
JavaScript
Aug 15, 2026
dsh plugin --profile web add dsh-node-navby lsl1931
DSH Web 插件:在左侧边栏底部(设置按钮上方)常驻一枚 CPU / 内存占用药丸,点击展开逐核占用、时间片构成、内存细分、交换分区、系统负载与进程 Top5 详情。
★ 0
MIT
JavaScript
Sep 22, 2026
dsh plugin --profile web add dsh-resource-barby XiLuovo
Session timeline down the left of the conversation: every user message at a glance, current-message tracking, hover preview of the message and its reply, click to jump, collapsible.
★ 4
↓ 177/wk
MIT
JavaScript
Aug 24, 2026
dsh plugin --profile web add dsh-session-timelineby lumine-423
让你可以从侧边栏拖拽会话,使其成为一个独立窗口,省得来回切换会话的插件!
★ 5
NOASSERTION
JavaScript
Oct 20, 2026
dsh plugin --profile web add dsh-session-popout



