DSH Web 端的丝滑思考盒体验:think 行展开为 24 行限高预览并随流式推理平滑追底,settle 时以短动画收起,主对话视图以读者友好的平滑追逐跟随(无跳变、无拉扯)。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-think-ux
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:el16z3c/dsh-think-ux
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本——pnpm 默认拦截,所以安装可能停在 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 或 ERR_PNPM_IGNORED_BUILDS;dsh 会打印出需要添加的确切键名,把它加进该 profile 的 pnpm-workspace.yaml 的 allowBuilds 下,重跑一次即可装上。放行构建本身就是一次信任判断:请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
DeepSeek Harness (dsh) Web 端「思考盒」体验插件:模型推理时,think 行自动展开为 24 行限高预览,流式文本平滑上滚(指数追逐,70 ms 时间常数);推理结束后预览以 180 ms 高度动画收起,而不是 ~490 px 的一帧跳变。主对话视图同样平滑追底:长会话打开飞速 swoosh 到底,流式插入以 ~960 px/s 匀速滑行;scrollTop 写陷阱把「读者意图」与「bundle 回钉」从结构上区分开,不再互相拉扯。
纯 DOM 客户端插件:不改 bundle、不申服务、不发网络请求。已在 DSH 0.1.5-rc.2 验证。
安装
dsh plugin --profile web add dsh-think-ux
刷新 Web 会话生效。其他 profile:dsh plugin --profile <name> add dsh-think-ux。
卸载
dsh plugin --profile web remove dsh-think-ux
刷新后回到官方默认行为,无需清理。
行为摘要
- 思考盒:流式推理时自动展开(合成点击,React 状态仍归 bundle);用户自己点过的行永久交给用户,插件不再碰。settle 后自动收起,收起播放
COLLAPSE_MS高度动画(transitionend收尾 + 起点计时安全网;COLLAPSE_MS = 0恢复瞬收)。预览限高 24 行、24 px 上下渐隐、隐藏滚动条,由 rAF 追踪器平滑追底;预览内向上滚暂停跟随,回到底部 25 px 内恢复。 - 滚动意图:读者向上滚(轮询/触摸/PageUp/Home/任意 scrollTop 上漂)武装 700 ms 意图窗口;窗口内 bundle 的「回钉」写入(
el.scrollTop = el.scrollHeight)被同 tick 撤销、读者位置原样保留。落点距底 45 px 内视为读者回归,主动落底让 bundle 自己的 25 px 簿记恢复跟随;读者新消息/回底按钮的跳转放行。 - 主视图滑行:跟随模式下 bundle 回钉被交给指数追逐器;按「回合」选速——起始间隙 ≥
GAP_FAST_MIN(800 px) 全程纯指数(开长会话 swoosh),小于则恒定CHASE_MAX_PX(16 px/帧 ≈ 960 px/s) 滑行;中途大插入可升级、不降级。同时禁用 scroller 的overflow-anchor(大段插入的整块锚定偏移是一帧硬跳的根因之一,卸载时恢复原值);scrollTo/scrollBy影子把无意图的「滚到底」调用也交给追逐器(scrollTo(x, y)按 DOM 规范读第二参数为纵坐标)。右侧轨迹条跳转到历史轮次(bundle 的landOnRow属性写入,按调用栈识别而非按目的地)同样滑行到目标行而非硬跳;滑行途中的 reflow 再落点只改目标、保留当前速度,读者输入随时取消。bundle 未来若改名这些内部函数,自动回退原生硬跳(不破坏其他行为)。 - 单实例接管:会话切换会重建插件实例;最新实例接管整页(发布
__DSH_THINK_UX_LIVE__并释放前任的全部观察者/陷阱/追踪器),杜绝多实例互踩。
开关与回滚
MAIN_SMOOTH_FOLLOW = false:关主视图滑行(连同锚定覆盖、方法影子),思考盒功能不受影响。COLLAPSE_MS = 0:settle 瞬收(旧行为)。- 完全回滚:上面「卸载」一条命令。
已知边界(诚实版)
已在 DSH 0.1.5-rc.2 验证,依赖该版本的 DOM 属性和客户端加载协议。详见英文 README 的 Residual risks:行为假设(稳定 DOM 属性、点击切换语义、bundle 的裸 scrollTop 写入路径)失效时,插件安静地退化为官方默认行为(不报错)。退化承诺只覆盖行为假设——注册/清单类错误不会安静退化:0.1.0 曾因客户端注册名与包名不一致,导致整个 Web UI 加载失败(页面显示 "Failed to load plugins")。若见到该页面且点名 dsh-think-ux,请升级:dsh plugin --profile web update dsh-think-ux(npm 上 0.1.0 已标废,0.1.1 修复,注册名一致性测试随包)。
链接
同类插件
zhu1090093659/dsh-web#packages/dsh-task-board★ 8405
侧边栏多列任务看板:卡片交给真实 DSH 智能体会话执行,支持 cron 定时(Host 侧到点执行,关浏览器也生效)。
zhu1090093659/dsh-web#packages/dsh-web-all★ 8405
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 4088
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
MeteorNOX/DeepSeek-Balance-Whale-Widget★ 4076
右下角常驻的小鲸鱼挂件:余额、今日已用与每轮对话消耗(含峰谷价),余额预警与今日预算的泡泡内容都可编辑;泡泡点击序列模块化自定义,支持并列加权 A/B、随机台词与随机图片;内置 30+ 厂商模板(OpenAI / OpenRouter / Kimi / 硅基流动 / 方舟 / 智谱 / MiniMax 等),按模型查余额与订阅额度;另有任务结束音效、导入音频、自定义角色与资源管理。数据全在本机,无遥测。
omdsh-dev/DSH-better-sidebar★ 4009
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
Devin-AXIS/deepseek-design#deepseek-idesign★ 1423
可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。
社区评论
评论公开保存在 GitHub Discussions。加载评论会连接 GitHub 和 Giscus;发表内容需要 GitHub 账号。