UI/UX Overhaul
Comprehensive frontend quality pass — no new modes, but significant improvements to reliability, accessibility, and code quality across the entire platform.
Highlights
- SSEManager — Centralized SSE connection management with exponential backoff reconnection and visual connection status indicator
- Accessibility — aria-labels, form label associations, keyboard-navigable lists
- Destructive action confirmation modals — Custom modal system replacing 25 native
confirm()calls - Loading button states —
withLoadingButton()for async action feedback - Actionable error reporting —
reportActionableError()in 5 mode JS files - CSS variable adoption — Replaced hardcoded hex colors across 16+ files
- Inline style extraction —
classList.toggle()replaces inlinedisplaymanipulation - Merged
global-nav.cssintolayout.css— Consolidated navigation styles - Reduced
!importantusage — From 71 to 8 in responsive.css - Standardized breakpoints — 480/768/1024/1280px
- Mobile UX polish — Touch targets, code overflow handling
- Fix: deep-linked mode scripts now wait for body parse before executing
Full Changelog: v2.24.0...v2.25.0