dsh-smooth-plugin
Manifest validMake DSH's session scroll-to-bottom transition from the "official instantaneous jump" into a smooth, fluid follow-scroll: session loading and "back to latest" stay instantaneous, while during streaming content growth the message list follows smoothly at a constant speed—starting gentle and easing to a soft finish.
Install
需要已安装 DSH,并至少成功启动过一次 Web GUI。从 npm 安装(按 dist-tag 选择):
- npm
latest(0.1.2-rc.1,与next同步)— 兼容 dsh v0.1.2-alpha.1 ~ 0.1.3-alpha.2:dsh plugin --profile web add dsh-smooth-scroll # 等价写法:dsh plugin --profile web add dsh-smooth-scroll@next - npm
alpha(0.1.2-alpha.5)— 与latest同一契约代、兼容范围相同,保守通道:dsh plugin --profile web add dsh-smooth-scroll@alpha
旧代 0.1.1-rc.2 不再挂在任何 dist-tag 上,仅可按确切版本安装(不兼容,见「兼容性」)。
源码安装(GitHub Release v0.1.3-alpha.2 即当前源码版):dsh plugin --profile web add .。
Quickstart
dsh plugin --profile web add dsh-smooth-scroll
dsh --profile web --dump-config # 看到 dsh-smooth-scroll 层即安装成功
# 重启 dsh web,打开会话,流式内容平滑滚到底部
滚动行为
直接在原生 scrollTop 上做有节奏的平滑滚动,配合合成 getter:平滑期间 scrollTop 读到目标值,DSH 自身状态机看不到中间位置,不误判脱钩、不重复钉底。
- 速度剖面: 起步 0 到 0.9px/ms 用 240ms 缓升,巡航恒速 0.9px/ms,收尾 220ms 软着陆。
- 用户滚动接管: 真实位置连续偏离动画写入 ≥2 帧才停动画,DSH 正常脱钩,回到最新按钮照常;单帧偏差(浏览器滚动锚定等一次性非用户位移)自动重基后继续钉底跟随——发送消息等操作引发的非用户位移不会导致误判脱钩或停在信息处;内容收窄导致的夹紧则在 2 帧内停止于新底部(同样不掉队)。与之对称,孤立的一次性小幅定位(如滚动条点一格)也会被当作非用户位移吸收、随后被跟随回底部;只有持续 ≥2 帧的偏离才视为用户接管。另:主机内(输入栏除外)的指针按下立即停动画并让 getter 回落真实值——turn 导轨跳转(
landOnRow的el.scrollTop += flowTop - 24复合读改写)由此读到真实位置,落点不被合成目标偏移(真实宿主 e2e 实测:流式中点击「跳转到第 N 轮」后漂移 0px)。 - 同目标兜底: DSH 每滚动事件重跑 toBottom 而目标不变时忽略,动画不被逐帧重启。
- 减少动效: prefers-reduced-motion 时完全回退官方瞬时行为。
- 无 transform: 不应用任何 transform,输入栏 overlay/sticky 永不受扰。
参数
| 常量 | 默认 | 含义 |
|---|---|---|
| VEL | 0.9 | 巡航速度(px/ms) |
| RAMP_MS | 240 | 起步缓加速时长 |
| QUIET_MS | 240 | 判定停止增长的静默窗口 |
| TAIL_PX | 120 | 进入软尾的剩余距离阈值 |
| TAIL_MS | 220 | 软尾缓动时长 |
| DIVERGE_STOP_FRAMES | 2 | 真实位置连续偏离动画写入的帧数阈值(≥2 帧判定读者接管) |
改参数:编辑 src/client.js 顶部常量区,pnpm run build 后重启 dsh web。
兼容性
- dsh v0.1.2-alpha.1 ~ rc.1(支持): 插件的唯一 DOM 锚点
[data-conversation-scroll](会话滚动容器,ConversationRoot 的 scrollBody)与宿主跟随状态机(observedTopRef/movedByReader/ ResizeObserver follow、el.scrollTop读写面)在dsh-v0.1.2-alpha.1~dsh-v0.1.2-alpha.5五个 tag 上一致;dsh-v0.1.2-rc.1相对 alpha.5 的整仓差异仅全仓包package.json版本号变更(非package.json文件零变化、非版本行零变化),[data-conversation-scroll]/[data-composer-seat]锚点、el.scrollTop = el.scrollHeight钉底写与跟随状态机均在 rc.1 tag 上复核,与 alpha.5 逐字一致;turn 导轨跳转landOnRow仍为el.scrollTop += flowTop - 24复合读改写,pointerdown 接管先停动画、复合写读到真实位置。alpha.4 把宿主滚动几何采样改为每 500ms 一次并以scrollend提前采样(ChatView的SCROLL_SAMPLE_INTERVAL_MS);真实宿主行为 e2e(见验证)确认该节奏下追击无停顿(流式最大离底 0px、追击停顿 0ms)、滚轮接管后漂移 0px 且宿主正常脱钩。 - dsh v0.1.3-alpha.2(支持): 契约面与 rc.1 逐字一致——
packages/client/modules的模块系统(client/system.ts/client/manifest.ts零差异)、dsh.client扫描与./client导出要求、dsh plugin add的 bundle 层重建(apps/cli/src/plugin.ts零差异)、cordis.patch.yml的 insert 行、ctx.effect客户端 API 全部不变;DOM 锚点[data-conversation-scroll](ConversationRoot.tsx)与跟随状态机(observedTopRef/movedByReader/toBottom的el.scrollTop = el.scrollHeight/landOnRow复合读改写)逐行保留。唯一相关变更在ChatView.tsx:604-616:onScroll在「已贴底且非读者位移」时改为同步sample()(取代 500ms 定时器 +scrollend兜底)。该变更对插件中性——真 Chromium 实测宿主钉底在 rc.1(经scrollend)与 alpha.2(经scroll)下都是每帧一次,插件「同目标重钉不重启追击」的兜底照常生效;node test/alpha2-realhost-e2e.mjs在真实dsh web0.1.3-alpha.2 上复核:流式追击最终离底 0px / 最大离底 75px / 追击停顿 0ms,滚轮接管后漂移 0px 且宿主出现「回到底部」,导轨跳转漂移 0px,reduced-motion 下 220ms 内钉底,浏览器零 console 错误。 - 0.1.1-rc.2 及更早(不支持): 该代使用
@deepseek-ai/dsh-client-runtime,滚动宿主结构不同,不兼容。 - 验证:
pnpm test(契约冒烟,bundle 自包含)+node test/scroll-follow.test.mjs(15 个 e2e 场景,含「追击中点击导轨」回归点;需 Playwright 与 Chromium)+node test/alpha2-realhost-e2e.mjs <token>(真实dsh web0.1.3-alpha.2 + 真 Chromium:流式追击、滚轮接管、导轨跳转、reduced-motion、控制台错误;token 取自dsh web启动输出)+node test/alpha4-realhost-e2e.mjs <token>(同上,针对 0.1.2-alpha.4)。
License
MIT
Comments
Loading…
Similar plugins
by TYOPXN360
DSH Web 对话滚动动效插件:自动跟随滚动动画、边缘橡皮筋回弹、流式逐字打字机
★ 0
TypeScript
Aug 28, 2026
dsh plugin --profile web add @deepseek-ai/dsh-client-ui-scroll-flowby SpookySandwich
DSH 流式渲染插件:按段落分批呈现、8 种入场动画、平滑滚动、设置面板。DeepSeek Harness: paragraph-batched streaming reveals, 8 designed animations, smooth scroll-follow and a settings panel.
★ 12
MIT
JavaScript
Sep 20, 2026
dsh plugin --profile web add dsh-plugin-smooth-streamby TheHeartFickle
DSH 对话流渲染增强插件 —— 折叠过程,保留正文,长对话更清爽。
★ 0
MIT
TypeScript
Sep 11, 2026
dsh plugin --profile web add @the-heart-fickle/dsh-conversation-foldingby rezon-aki
流式折叠:一个更好的 DSH 会话窗口——最新思考小窗自动展开、旧窗与工具调用跑完自动折起;思考小窗底边与正文写头带火星特效。零依赖、零构建。
★ 0
MIT
JavaScript
Sep 26, 2026
dsh plugin --profile web add dsh-streamfoldby tuogusa
A floating button beside the chat that opens a searchable list of all questions in the session for quick jumps, with smooth hover-open/close behavior.
★ 0
MIT
JavaScript
Aug 21, 2026
dsh plugin --profile web add dsh-session-navby Rice00
Select text in a DSH conversation and explain it in a floating window — independent channel, no session pollution, can be saved as a real session. / 划词解释浮窗:选中即弹、不污染主会话、可保存成正式会话。
★ 1
MIT
JavaScript
Sep 25, 2026
dsh plugin --profile web add dsh-loupe