[Tracker] Full web-ui audit 2026-05-28 #156

New issue

Open

opened 2026-05-28 19:32:13 -04:00 by zgaetano · 0 comments

zgaetano commented

2026-05-28 19:32:13 -04:00

Owner

Tracker

Full pass on the Dragonflight web UI — visited every screen, audited against DESIGN.md, ran structural checks (inline styles, missing labels, em-dashes, banned techniques).

Filed issues

Visual / DESIGN.md compliance

✅ #146 — 186 em-dashes violate explicit ban
✅ #147 — glassmorphism + accent gradients in 15 places
✅ #151 — Editor "Coming Soon" bumper is the most visible violation

Information architecture

✅ #149 — sidebar IA flat (18 items, 1 divider)
✅ #152 — Tokens parody blocks real API token management
✅ #153 — Home launcher duplicates sidebar nav with no extra value
✅ #155 — page-header pattern inconsistent across screens

Component quality

✅ #148 — 487 inline styles on Jobs screen (1019 across all jsx)
⏸ #150 — New Recorder modal codec/audio sections are stubs (deferred per user request)
✅ #154 — Projects screen icon buttons missing aria-label

Resolution

9 of 10 issues closed in commit 342b56a. #150 (modal codec stubs) deferred — needs a product decision on whether to wire up the existing DB columns or drop the stub tabs entirely.

What was NOT in scope

Asset detail screen interactions (covered by other issues)
Schedule EPG behaviour (mostly working, see palace notes)
Mobile / narrow-viewport rendering
Empty-state copy review per-screen
Loading-state / skeleton consistency
Keyboard navigation paths
Color-contrast audit (would require WCAG run)

These are candidates for a follow-up pass.

## Tracker Full pass on the Dragonflight web UI — visited every screen, audited against `DESIGN.md`, ran structural checks (inline styles, missing labels, em-dashes, banned techniques). ## Filed issues ### Visual / DESIGN.md compliance - ✅ #146 — 186 em-dashes violate explicit ban - ✅ #147 — glassmorphism + accent gradients in 15 places - ✅ #151 — Editor "Coming Soon" bumper is the most visible violation ### Information architecture - ✅ #149 — sidebar IA flat (18 items, 1 divider) - ✅ #152 — Tokens parody blocks real API token management - ✅ #153 — Home launcher duplicates sidebar nav with no extra value - ✅ #155 — page-header pattern inconsistent across screens ### Component quality - ✅ #148 — 487 inline styles on Jobs screen (1019 across all jsx) - ⏸ #150 — New Recorder modal codec/audio sections are stubs (deferred per user request) - ✅ #154 — Projects screen icon buttons missing aria-label ## Resolution 9 of 10 issues closed in commit `342b56a`. #150 (modal codec stubs) deferred — needs a product decision on whether to wire up the existing DB columns or drop the stub tabs entirely. ## What was NOT in scope - Asset detail screen interactions (covered by other issues) - Schedule EPG behaviour (mostly working, see palace notes) - Mobile / narrow-viewport rendering - Empty-state copy review per-screen - Loading-state / skeleton consistency - Keyboard navigation paths - Color-contrast audit (would require WCAG run) These are candidates for a follow-up pass.