DSH-Claude-Style-Reasoning-Slider

DSH Claude Style Reasoning Slider

An animated reasoning-effort slider and model picker for DeepSeek Harness (DSH). It replaces the native model selector's conversation.input.model slot with a compatible selector whose reasoning pane is a Claude-style animated slider.

🇨🇳 中文版说明请见 README.zh.md

Preview

Features

• Drop-in model selector — replaces only the conversation.input.model slot; the rest of the chat input stays untouched.
• Canonical effort slider — always shows Off | Low | Medium | High | Extra | Max positions, regardless of how the provider names its levels.
• Tolerant name matching — aliases such as off, none, disabled, ultracode → max, med → medium, extreme → extra, and similar display names are mapped to canonical slider positions.
• Unsupported levels stay visible — a level the current model does not support is dimmed but remains clickable. Clicking it keeps the thumb on the chosen slot and applies the nearest supported level below it, with a toast explaining the downgrade.
• Model switching preserves effort — when you switch models, the current effort is kept when possible, or automatically downgraded to the nearest supported level below it (with a toast).
• Default and adapter-specific strengths — Default is offered as a pill below the slider and submits without reasoningEffort (the provider's own default applies). Other provider strengths that do not map to a canonical slider position are also shown as selectable pills.
• Models without reasoning metadata stay manageable — when DSH does not expose reasoning/efforts for the selected model (for example some OpenRouter or hand-declared custom entries), the Effort menu still appears: it shows a short “no effort levels” notice plus the safe Default pill, instead of hiding every thinking-strength control.
• Liang Calibrator (滑动变祖器) — optional, off by default. Binds the six canonical levels to stage names: Off → 小难梁, Low → 牢梁, Medium → 梁子, High → 梁圣, Extra → 梁神, Max → 梁祖. When enabled, a 31-frame portrait (frame-00…frame-30) appears above the slider and follows the thumb continuously while dragging, then snaps to the segment's first frame on release. Labels and the trigger show Max 梁祖-style suffixes. The setting persists in localStorage.
• Big Fat Fish thumb — optional, off by default. Replaces the slider thumb with an 8-frame running chibi fish sprite. The idle animation loops at 720ms, speeds up to 420ms while dragging, and freezes under prefers-reduced-motion. Toggle it in DSH Settings → General → Big Fat Fish slider; changes apply immediately and persist in localStorage.
• High / Extra ripple field — High and Extra now show a sparse blue / purple dot-matrix field with random flicker and radial water ripples around the thumb, as a lighter prelude to the Max pixel field.
• Max / Ultracode treatment — the model's max/ultracode level turns the slider into an animated purple pixel field, and the Max label becomes a flowing multi-color gradient text.
• Localized and theme-aware — ships with English and Simplified Chinese dictionaries and follows DSH light/dark design tokens.
• Accessible — keyboard-operable slider (arrows, Home/End, PageUp/PageDown), ARIA labels, focus management, and prefers-reduced-motion support.

Install

Install the bundle from the Git repository:

dsh plugin --profile web add github:MEMZ-JZY/DSH-Claude-Style-Reasoning-Slider
dsh --profile web

Or use a local checkout:

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

Restart the web profile after installing or removing the bundle.

Usage

1. Click the model/effort trigger chip in the conversation input.
2. In the popup menu, choose Model to switch models, or Effort to adjust the reasoning level of the current model.
3. In the effort pane:
   • Drag or click the slider to pick Off, Low, Medium, High, Extra, or Max.
   • If a position is unsupported, the thumb stays where you clicked and the nearest supported level below is applied; a toast tells you what happened.
   • Click Default to remove reasoningEffort and let the provider decide.
   • Click any extra pill to apply a provider-specific strength that does not map to a slider position.
   • If the model has no declared reasoning levels, the pane shows a notice and only the Default pill. For providers that do support effort but are configured without reasoningEfforts (common with custom OpenRouter routes), add the levels in DSH's llm-pi-ai settings to get the full slider back.
4. When switching models, the plugin preserves the current effort level where supported; otherwise it downgrades to the nearest supported level below or falls back to Default, always with a toast.
5. To enable the Liang Calibrator, click the 滑动变祖器 switch below the track. The portrait and stage-name suffixes turn on immediately; the state is remembered across sessions.
6. To enable the Big Fat Fish thumb, open DSH Settings → General and turn on Big Fat Fish slider. The thumb changes immediately without a restart.

UI effects

• Trigger chip — shows the current model and effort label, six rising signal bars that fill with the current level, and a chevron. At Max the effort label flows as a purple gradient. With the Liang Calibrator enabled it also shows stage suffixes such as Max 梁祖.
• Two-level popup menu — a compact menu with a model list (grouped by provider) and an effort pane; loading/error/retry states are included.
• Glass track — inner bevel shadows and a subtle fractal-noise layer break up flat-color banding.
• Light field — the track responds to the pointer like a light source: an interior light pool and a glass-edge highlight follow the cursor, brightening as the pointer approaches and fading with distance. The light is suppressed at Max so the pixel field stays clean.
• Level labels — faint tick labels; the current level is always shown, hovering near a slot highlights it, and others stay barely visible.
• Liang portrait — when the Liang Calibrator is enabled, a 224px square portrait appears above the track. It uses 31 WebP frames (frame-00… frame-30) that change continuously while dragging and keep the original scanline + light-spot texture.
• Liang toggle indicator — the 滑动变祖器 switch below the track uses a dot indicator: a gray dot when off, a glowing purple dot when on.
• High / Extra dot-matrix ripple — High (blue) and Extra (purple) show a sparse particle field that expands from the thumb, flickers randomly, and animates bright/dark water ripples radiating outward.
• Max pixel field — at Max the track becomes an animated purple pixel field with a reveal sweep and flowing cell flicker; the Max label uses a flowing multi-color gradient.
• Big Fat Fish thumb — when enabled, the thumb becomes an 8-frame running chibi fish sprite. It loops at 720ms when idle, 420ms while dragging, and freezes under reduced motion. The left edge stays aligned and the right edge is clamped so the fish never overflows.
• Motion safety — effects use CSS transitions/animations or lightweight event handlers, and prefers-reduced-motion is respected.

Development

Build the client bundle from source:

npm install
npm run build

lib/client.js is generated from src/client.js plus src/ds-effort-slider.js by scripts/build-client.mjs.

Run the standalone component demo:

# open demo/index.html in a browser

The demo page exercises panel mode, inline mode, supported-level combinations, theme switching, the Max pixel field, the Liang Calibrator, and the Big Fat Fish thumb.

Package contract

This is a DSH bundle, not a dynamic cordis_define snippet. The package uses:

• dsh.bundle.patch (cordis.patch.yml) for self-registration.
• dsh.client.platform: web for the browser half.
• lib/client.js as a prebuilt ModuleLoader artifact, generated from src/.
• index.js as the host half: it mounts an /effort-slider-assets/ static route that serves assets/liang-frames/*.webp and assets/chibi-runner-strip.png to the browser half.

Files

• index.js — host half; serves the Liang portrait frames and chibi sprite.
• src/ds-effort-slider.js — standalone Web Component (shadow DOM, no framework).
• src/client.js — React wrapper + forked model selector plugin logic.
• scripts/build-client.mjs — bundle generator.
• demo/index.html — standalone UI demo.
• assets/ — liang-frames/ (31 WebP frames) and chibi-runner-strip.png.