思考强度滑条 SailingBoat-ovo/dsh-effort-slider

dsh-effort-slider

English · 中文

一个 Codex 风格推理强度滑块，用于 DeepSeek Harness (DSH)：它把输入框里离散的强度选择器换成一条连续的、会变色的轨道——冷端是蓝色，中间是紫色，顶端是明亮的薰衣草色。滑块绑定的模型始终显示在屏幕上：触发器里是 DeepSeek V4 · High，菜单里是实时模型名，轨道上方还有一个模型胶囊。

preview

颜色

拖动不只是拉长一根条；随着强度升高，填充会升温：

| 位置 | 填充右端 | 观感 |
| 低（≤ 1/3） | #4D93F8 蓝色 | 冷 |
| 中（1/3 – 2/3） | 蓝 → #9333EA 紫 | 升温 |
| 高（≥ 2/3） | 紫 → #C084FC 薰衣草 | 热 |

- 填充始终从左侧的蓝色开始，向当前强调色过渡，形成一条连续渐变。
- 渐变之上叠了一层有光泽的 sheen。
- 轨道是 10 px 胶囊；旋钮是白色圆点，带同色圆环。
- 刻度线和当前档位标签沿用同一条色带（蓝 → 靛 → 薰衣草）。
- 顶端刻意用亮薰衣草色，而不是深紫：深紫在深色输入框面板上几乎看不见。

配色沿用 OpenAI Codex 推理强度滑块的配色方案（#4d93f8 / #9333ea / #c084fc，按轨道三等分混合）。只用了颜色值——没有包含任何 Codex 代码。

模型显示

你正在驱动的模型始终可见，共三处：

- 触发器 —— DeepSeek V4 · High：模型名在前，当前强度标签在后，这样你不用打开菜单就能记住滑块绑的是哪个模型。
- 菜单根 —— 一行 Model，值是实时模型名，位于 Effort 行上方。
- 强度面板 —— 顶部一个胶囊，带模型名，旁边是服务商名，这样滑块读起来是「这个模型的强度」，而不是一个孤立的控件。该面板里的实时档位标签也染成和轨道一样的蓝 → 紫色带。

名字直接来自共享的 modelDirectories 快照（state.current → 匹配的模型条目），所以在 UI 任何地方切换模型，滑块都会立刻更新——不用额外请求，也没有缓存副本。

交互

- 指针 1:1 拖动；松手时旋钮吸附到最近的档位并保存。
- 键盘：← / → 步进一档，Home / End 跳到两端。
- 菜单保持打开，方便你微调；保存失败时旋钮弹回原位。
- 注册为 conversation.input.model 的 priority: -1 影子，所以原生模型位仍作为回退保留。

安装

web surface
dsh plugin --profile web add github:SailingBoat-ovo/dsh-effort-slider

desktop app
dsh plugin --profile desktop add github:SailingBoat-ovo/dsh-effort-slider

或者克隆后按路径安装：

git clone https://github.com/SailingBoat-ovo/dsh-effort-slidersh
dsh plugin --profile web add ./dsh-effort-slider

之后重启 DSH（桌面端重启应用）。

截图

preview.png 是生成的，不是手绘——它由无头浏览器截取页面得到，页面用本插件自己的 CSS 和配色构建： sh
node tests/build-preview.mjs # writes .preview/preview.html
node tests/measure-preview.mjs # optional: prints geometry, fails on ragged layout

then screenshot .preview/preview.html at 1180x760, device scale 2

所以颜色或间距值一变，README 里的图可以重新生成，而不是悄悄过期。

兼容性

支持 DSH 0.1.x（web）和 0.2.1+（桌面端）。

在 0.2.x 上，被追踪的服务方法会把 this.ctx 重新绑定到调用方，而 modelDirectories 解析器通过该上下文解析 remote.session。如果不在 inject 里声明 remote / remote.session，输入框旁的座位会崩溃：

cannot get property "remote.session" without inject
slot entry crashed in 'conversation.input.model'

这里两处都已声明，注册用的是 0.2.x 的写法（直接 ctx.slots.inject(...)）。

测试 sh
npm install
npm test

断言注册面、remote.session 声明、inject 面能解析、组件能渲染、触发按钮能显示选中的模型名和强度，以及三种填充色确实随位置递进（#4D93F8 → #7063F1 → #BF82FB）。

tests/ui-render.mjs 更进一步：用 react-test-renderer 挂载座位，点击触发按钮，打开 Model 和 Effort 两行，断言模型名到达触发按钮、菜单行和强度面板的模型药丸（外加 provider 提示、状态点和它在档位标题上方的位置）。

许可证

GPL-3.0-or-later——完整文本见 LICENSE。第三方说明见 NOTICE.md。

DeepSeek Harness（DSH）的 Codex 风格思考强度滑条：把输入框旁那个一档一档点的强度选择，换成一条连续、会变色的轨道——冷端蓝、中段紫罗兰、顶端亮紫。滑条正在调哪个模型始终可见：触发按钮上的 DeepSeek V4 · High、菜单里的实时模型名，以及轨道上方的模型药丸。

配色

拖动时颜色会随档位「升温」，不是单纯的进度条变长：

| 位置 | 填充右端颜色 | 观感 |
| 低段（≤ 1/3） | #4D93F8 蓝 | 冷 |
| 中段（1/3 ~ 2/3） | 蓝 → #9333EA 紫罗兰 | 过渡 |
| 高段（≥ 2/3） | 紫罗兰 → #C084FC 亮紫 | 热 |

- 填充始终以蓝为左端、向当前档位颜色过渡，形成一条连续渐变；
- 渐变之上叠一层高光 sheen；
- 轨道是 10px 药丸形，滑块是白色圆钮并带同色描边；
- 刻度点与当前档位文字同样跟色（蓝 → 靛紫 → 亮紫）；
- 最高档刻意用亮紫而非深紫：深紫在深色面板上几乎看不见。

配色参考了 OpenAI Codex 推理强度滑条（#4d93f8 / #9333ea / #c084fc，按轨道前中后三段混合），仅取色值，不含 Codex 代码。

模型显示

当前正在调的模型始终可见，共三处：

- 触发按钮 —— DeepSeek V4 · High：模型名在前、当前档位在后，不用展开菜单就知道滑条挂在哪个模型上；
- 菜单首页 —— 模型 一行的值就是实时模型名，位于 思考强度 之上；
- 强度面板 —— 顶部一枚药丸标签显示模型名，旁边是 provider 名称，让这根滑条读起来是「这个模型的思考强度」，而不是一个脱离上下文的控件；面板里的档位文字同样跟着蓝 → 紫的渐变取色。

模型名直接取自共享的 modelDirectories 快照（state.current → 匹配的模型项），所以在界面任何地方切换模型，滑条都会立即跟着变——不额外请求、不缓存副本。

交互

- 指针 1:1 跟手拖动；松手吸附到最近档位并保存；
- 键盘 ← / → 逐档，Home / End 跳到两端；
- 菜单保持打开便于连续微调；保存失败会回弹；以 priority: -1 影子注册 conversation.input.model，原模型座位作为兜底。

安装 sh

Web 版

dsh plugin --profile web add github:SailingBoat-ovo/dsh-effort-slider

桌面应用版

dsh plugin --profile desktop add github:SailingBoat-ovo/dsh-effort-slider

或克隆后按路径安装： sh
git clone https://github.com/SailingBoat-ovo/dsh-effort-slider
dsh plugin --profile web add ./dsh-effort-slider

装完重启 DSH（桌面版重启应用）。

配图

preview.png 不是手画的，而是用插件自己的 CSS 与配色生成页面后，用无头浏览器截的图： sh
node tests/build-preview.mjs # 生成 .preview/preview.html
node tests/measure-preview.mjs # 可选：打印几何信息，布局参差时报错

再以 1180x760、device scale 2 截图

所以改了颜色或间距，可以直接重生成配图，而不是让它悄悄过期。

兼容性

同时适配 DSH 0.1.x（Web）与 0.2.1+（桌面版）。

在 0.2.x 上，traced 服务方法会把 this.ctx 重绑到调用方，而 modelDirectories 会经由该上下文解析 remote.session。若 inject 未声明 remote / remote.session，模型座位会直接崩溃：

cannot get property "remote.session" without inject
slot entry crashed in 'conversation.input.model'

本插件已声明这两项，并使用 0.2.x 写法（ctx.slots.inject(...) 直接注册）。

测试 sh
npm install
npm test

覆盖注册面、remote.session 声明、注入面可解析、组件渲染、触发按钮显示所选模型名与档位，以及三档填充颜色确实随位置递进（#4D93F8 → #7063F1 → #BF82FB）。

tests/ui-render.mjs 更进一步：用 react-test-renderer 真实挂载座位，点开触发按钮、进入 模型 与 思考强度，断言模型名确实出现在触发按钮、菜单行以及强度面板的模型药丸上（另含 provider 提示、状态圆点及其位于档位标题之上的顺序）。

许可

GPL-3.0-or-later，完整文本见 LICENSE；第三方说明见 NOTICE.md。