Skip to content

feat(dashboard): unify range-input styling and add slider/physics regression coverage - #193

Merged
Coding-Dev-Tools merged 1 commit into
mainfrom
feat/dashboard-slider-polish
Sep 3, 2026
Merged

feat(dashboard): unify range-input styling and add slider/physics regression coverage#193
Coding-Dev-Tools merged 1 commit into
mainfrom
feat/dashboard-slider-polish

Conversation

@Coding-Dev-Tools

Copy link
Copy Markdown
Owner

Dashboard slider polish + regression coverage

Validates and locks in the v1.1 Ledger dashboard slider/theme surface. 3 files: ledger.css (+7/−1), new tests/test_ledger_sliders_and_physics.py (520 lines), new tests/e2e/ledger_sliders_themes.spec.js (e2e, 18s chromium).

CSS

input:not([type="range"]), select, textarea — exempt range inputs from the global text-field styling block, with a dedicated minimal input[type="range"] rule (no padding/border, transparent background). Sliders render as sliders, not boxed text fields.

New unit coverage (7 tests, Node engine harness + HTML/CSS parsers against the real shipped assets)

  • All 17 sliders: valid bounds, monotone 1:1 mapping, zero dead zones, synchronized outputs
  • Galaxy gravity physics: hierarchical orbital mechanics, carrier response, zero-G stability, orbit pause
  • Non-galaxy presets (Compact/Islands/Spacious/Radial/Constellation) + Every-node: force multipliers without divergence
  • 4 themes (Slate/Midnight/Paper/Matrix): persistence, valid color-contrast variables, themeColors sync
  • All buttons/options: rendering styles, presets, color modes, palettes, motion switches, layer chips, saved views, reset tuning

New e2e coverage (chromium)

Full dashboard pass: CSP + console-error checks across all sliders, themes, and options.

Verification

  • Unit 7/7, e2e 1/1 (chromium, alternate port to dodge the dev dashboard)
  • externalize_dashboard_assets gate clean; no published evidence numbers touched

…ression coverage

- ledger.css: exempt range inputs from the global text-field styling block
  (input:not([type=range])) and give bare range inputs their own minimal
  rule (no padding/border, transparent background) so the 17 slider
  controls render as sliders instead of boxed text fields.
- test_ledger_sliders_and_physics.py (new): exercises the real shipped
  assets via the Node engine harness + HTML/CSS parsers — slider bounds,
  monotone 1:1 mappings, zero dead zones, synchronized outputs, galaxy
  gravity physics (hierarchical orbits, carrier response, zero-G
  stability, orbit pause), non-galaxy presets, Every-node, 4 themes,
  color contrast variables, and all buttons/switches.
- ledger_sliders_themes.spec.js (new e2e): full dashboard pass — CSP,
  console-error, and interaction checks across all sliders/themes.

Verified: unit 7/7, e2e 1/1 (chromium, ENGRAPHIS_PLAYWRIGHT_PORT=8712),
externalize_dashboard_assets gate clean.
@chatgpt-codex-connector

Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.
To continue using code reviews, you can upgrade your account or add credits to your account and enable them for code reviews in your settings.

@Coding-Dev-Tools
Coding-Dev-Tools merged commit a15ed41 into main Sep 3, 2026
23 checks passed
@Coding-Dev-Tools
Coding-Dev-Tools deleted the feat/dashboard-slider-polish branch September 3, 2026 16:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant