dsh-scroll-timeline:DSH 聊天侧边栏的用户消息滚动时间线

前言

在 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
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜