MEMZ-JZY/DSH-Claude-Style-Reasoning-Slider

为 DeepSeek Harness（DSH） 打造的动画推理等级滑块与模型选择器。 它替换原生模型选择器的 conversation.input.model 插槽，用带 Claude 风格动画滑块的兼容选择器接管该区域。

English version: README.md

效果展示

功能特性

• 无缝替换模型选择器 — 只替换 conversation.input.model 插槽，对话输入框的其他部分保持不变。
• 统一的推理等级滑块 — 始终显示 Off | Low | Medium | High | Extra | Max 六个档位，不依赖具体提供商如何命名等级。
• 宽容的名称匹配 — 自动把 off、none、disabled、ultracode → max、med → medium、extreme → extra 等别名或显示名映射到滑块的标准档位。
• 不支持的档位仍然可见 — 当前模型不支持的档位会变暗，但仍可点击。点击后拇指停留在所选档位，实际应用其下方最近的支持档位，并通过 toast 提示降级。
• 切换模型时保留档位 — 切换模型时，如果新模型支持当前档位则保留；否则自动降到下方最近支持档位（或回退 Default），并弹出提示。
• Default 与厂商专属档位 — Default 以滑块下方的胶囊按钮提供，提交时不携带 reasoningEffort（由提供商使用自己的默认值）。无法映射到标准档位的其他厂商档位也会以胶囊按钮显示。
• Max / Ultracode 特效 — 模型处于 max/ultracode 档位时，轨道变成动态紫色像素场，Max 文字变为流动的多彩渐变。
• 多语言与主题适配 — 内置英文、简体中文词典，并跟随 DSH 亮/暗色设计令牌。
• 无障碍支持 — 滑块支持键盘操作（方向键、Home/End、PageUp/PageDown）、ARIA 标签、焦点管理，并遵循 prefers-reduced-motion。

安装方法

从 Git 仓库安装：

dsh plugin --profile web add github:YOUR_ACCOUNT/dsh-client-ui-effort-slider
dsh --profile web

或使用本地目录：

dsh plugin --profile web add ./dsh-client-ui-effort-slider

安装或卸载后，需要重启 web profile。

使用方法

1. 点击对话输入框上方的模型/等级触发器（trigger chip）。
2. 在弹出的菜单中：
   • 选择 模型 切换模型；
   • 选择 推理等级 调整当前模型的推理强度。
3. 在推理等级面板中：
   • 拖动或点击滑块选择 Off、Low、Medium、High、Extra 或 Max。
   • 如果某个档位不受支持，拇指会停留在你点击的位置，实际应用其下方最近的支持档位，并通过 toast 提示。
   • 点击 Default 可移除 reasoningEffort，交给提供商使用默认值。
   • 点击额外胶囊按钮，可应用无法映射到标准滑块的厂商专属档位。
4. 切换模型时，插件会尽量保留当前推理等级；如果新模型不支持，则自动降级到下方最近支持档位，或回退到 Default，并始终显示 toast 提示。

UI 效果

• 触发器（Trigger chip） — 显示当前模型与推理等级，并带六根随档位点亮/升高的信号条和下拉箭头。处于 Max 时，等级文字显示为紫色流动渐变。
• 两级弹出菜单 — 紧凑菜单包含按提供商分组的模型列表与推理等级面板，并支持加载中、错误、重试状态。
• 玻璃轨道 — 内嵌斜面阴影和细微分形噪点层，避免纯色色带显得呆板。
• 光场效果 — 轨道会像真实光源一样响应指针：内部光斑与玻璃边缘高光跟随光标，靠近时变亮、远离时渐隐。Max 状态会关闭光场，保持像素场纯净。
• 等级标签 — 轨道下方有淡色刻度标签；当前等级始终显示，悬停到某个档位附近时该档位高亮，其他标签保持弱化。
• Max 像素场 — 切换到 Max 时，轨道变成动画紫色像素场，带扫过式显现与流动闪烁；Max 文字使用流动的多彩渐变。
• 动效安全 — 全部效果基于 CSS 过渡/动画或轻量事件处理，没有 JS 动画循环，并尊重 prefers-reduced-motion。

开发调试

从源码构建客户端 bundle：

npm install
npm run build

lib/client.js 由 src/client.js 与 src/ds-effort-slider.js 通过 scripts/build-client.mjs 生成。

运行独立组件演示：

# 在浏览器中打开 demo/index.html

演示页覆盖面板模式、inline 模式、支持档位组合、主题切换以及 Max 像素场。

包契约

这是 DSH bundle，不是动态 cordis_define 代码片段。包结构：

• dsh.bundle.patch（cordis.patch.yml）用于自我注册。
• dsh.client.platform: web 用于浏览器端。
• lib/client.js 是预构建的 ModuleLoader 产物，由 src/ 生成。

文件说明

• src/ds-effort-slider.js — 独立 Web Component（shadow DOM，无框架）。
• src/client.js — React 包装层与模型选择器插件逻辑。
• scripts/build-client.mjs — bundle 生成脚本。
• demo/index.html — 独立 UI 演示页。