DSH Plugins Marketplace

DSH Plugins

Plugins

/

UI & Experience

/

dsh-user-message-timeline

h

dsh-user-message-timeline

Manifest valid★ 4

dsh Web Floating Pill Rail: Preview · Navigation · Pagination — toggle left/right edge alignment via Settings - Plugins - Plugin Configuration

UI (client)hasBundlePatch

dsh-user-message-timeline

在对话列内侧,为每一条用户消息点亮一颗药丸

npm downloads CI Stars License

DSH topic

DSH User Message Timeline — 对话内悬浮药丸导轨,悬停预览、拖拽跳转、分页加载
轻量时间线,悬停即预览、点击即跳转,视口可滚动,左右贴边一键切换

中文 · English


演示

浅色深色
浅色截图深色截图
浅色完整链路深色完整链路
浅色深色
悬停漏斗放大 → 气泡 240px 预览 → 点击跳转 → 拖拽 Scrub HUD同左,深色墨玉玻璃
设置开关与左右切换
设置
开关关闭隐藏 · 左右贴边(右侧仅适配 dsh-better-sidebar)

动图为 15fps / 128 色压缩预览,完整演示:浅色 · 深色(或直接看 docs/ 下原片)。

功能

功能说明
药丸漏斗常态 12×4,距 hover/active 分 5 档 36→26→20→16→12 放大,gap 10px
sticky 预览悬停 150ms/连续 60ms 弹出,墨玉玻璃 240×48~108,clamp 6 行,可复制
拖拽 scrubsetPointerCapture + 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 版本: DSH

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

DSH 0.2.1-rc.3: failedDSH 0.2.0-rc.2: failedDSH 0.2.1-alpha.1: failed

Versions

Latest versionPublishedSize
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

dsh-conversation-nav-dots

by yuioi666

dsh-conversation-nav-dots 在 DSH Web 对话界面的右侧添加一列导航标记。每个标记对应一条用户消息。点击即可跳转,悬停可预览所有消息内容。

Tools & CapabilitiesDevelopment & InfrastructureManifest valid

★ 1

↓ 42/wk

MIT

JavaScript

Sep 1, 2026

dsh plugin --profile web add dsh-conversation-nav-dots

by wx-yss

Codex 风格左侧消息导航轨道:等距刻度 + 悬停预览 + 点击跳转用户消息 · DSH Web 插件

UI & ExperienceManifest valid

★ 14

↓ 168/wk

MIT

JavaScript

Sep 4, 2026

dsh plugin --profile web add dsh-message-rail

by Seryta

对话节点导航:DSH Web GUI 右侧节点串,hover 预览、点击跳转、active 药丸跟随阅读位置

Tools & CapabilitiesManifest valid

★ 2

MIT

JavaScript

Aug 15, 2026

dsh plugin --profile web add dsh-node-nav

by lsl1931

DSH Web 插件:在左侧边栏底部(设置按钮上方)常驻一枚 CPU / 内存占用药丸,点击展开逐核占用、时间片构成、内存细分、交换分区、系统负载与进程 Top5 详情。

Development & InfrastructureManifest valid

★ 0

MIT

JavaScript

Sep 22, 2026

dsh plugin --profile web add dsh-resource-bar

by 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.

UI & ExperienceSessions & MessagesManifest valid

★ 4

↓ 177/wk

MIT

JavaScript

Aug 24, 2026

dsh plugin --profile web add dsh-session-timeline

by lumine-423

让你可以从侧边栏拖拽会话,使其成为一个独立窗口,省得来回切换会话的插件!

UI & ExperienceDevelopment & InfrastructureManifest valid

★ 5

NOASSERTION

JavaScript

Oct 20, 2026

dsh plugin --profile web add dsh-session-popout