From de0c01ef4d81217f0b82acfbbe3a13e081e780fe Mon Sep 17 00:00:00 2001 From: daniel-c-harvey Date: Thu, 4 Jun 2026 19:32:27 -0400 Subject: [PATCH] docs: record desktop AudioPlayerBar MudBlazor theme migration --- COMPLETED.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/COMPLETED.md b/COMPLETED.md index 8473704..5126a9c 100644 --- a/COMPLETED.md +++ b/COMPLETED.md @@ -6,6 +6,33 @@ Newest entries at the top. Group by phase/wave header (mirroring `PLAN.md` / `CM --- +## Phase 2 — Product surface: player and theming + +**Status:** Desktop AudioPlayerBar redesign landed on 2026-06-04. + +### Desktop AudioPlayerBar — migrate to MudBlazor theme system + +**Landed 2026-06-04.** + +Desktop branch of `AudioPlayerBar.razor` migrated off dead CSS palette tokens (`--charleston-*`, `--lowcountry-*`, `--deepdrft-theme-*` — none of which are defined in the live stylesheet) onto the active MudBlazor theme system. This was simultaneously a bug fix (player styling broken against the current palette) and a structural redesign. + +**Structural changes:** +- `.player-backdrop` div replaced with `MudPaper Elevation="8"` — surface colour now derives from `--mud-palette-surface` via the live theme, and flips automatically with dark mode (off-white in light, navy in dark). +- Three new zone sub-components extracted: `PlayerTransportZone` (left transport cluster), `PlayerSeekZone` (centre seek+spectrum, owns the seek pointer-handler logic), `PlayerWindowControls` (minimize/close buttons). These remove duplication (seek handlers no longer inline-copied) and name the layout zones explicitly. +- `MudStack` replaces all raw `
` throughout the desktop branch and sub-components (`PlayerControls`, `VolumeControls`, `TimestampLabel`). +- `SpectrumVisualizer` bar colour fixed: `var(--mud-palette-primary)` replaces the undefined `--deepdrft-theme-secondary` token. +- Minimized dock replaced with `MudFab Color="Color.Primary"` — rounded button picking up themed primary colour with no hand-rolled gradient. +- `AudioPlayerBar.razor.css` shrunk from ~176 lines (mostly dead-token theming) to ~74 lines (geometry and positioning only). + +**Scope:** +- Desktop branch only (`@if (_isDesktop)`). Mobile branch unchanged by design. +- Build clean: 0 errors, 0 new warnings. + +**Notes for future work:** +- Mobile branch is also currently broken against the live palette for the same reason (spectrum bars + shared dead-token rules have no colour). A companion migration for mobile is implied but out of scope for this task — marked for future Phase 2 work. + +--- + ## Deployment Infrastructure **Status:** CD pipeline infrastructure landed on 2026-06-04.