Skip to content

Restructure home into Stage layout with player-first hierarchy#139

Merged
nikay99 merged 1 commit into
Darkatek7:nightlyfrom
nikay99:claude/nifty-babbage-yoybfa
Jun 10, 2026
Merged

Restructure home into Stage layout with player-first hierarchy#139
nikay99 merged 1 commit into
Darkatek7:nightlyfrom
nikay99:claude/nifty-babbage-yoybfa

Conversation

@nikay99

@nikay99 nikay99 commented Jun 10, 2026

Copy link
Copy Markdown
Collaborator

Rethinks the dashboard's information architecture as a music player rather than an ops console:

  • Hero now-playing stage: large artwork with ambient backdrop, display-type track title, circular transport controls with a gradient play button, and inline volume/rooms/queue stats
  • Room selection becomes tappable pill chips (replacing the select), with group/ungroup actions and the direct-URL row in the hero footer
  • Library promoted to primary content with an iOS-style segmented control, pill search, dashed add-chips, and hover-revealed play buttons on rows
  • Up Next and Automation move to a compact side rail; device health, activity, and shortcuts demoted to a quiet system strip
  • Staggered entrance animations and spring micro-interactions, disabled under prefers-reduced-motion
  • Sidebar nav grouped under Listen / Insights / Manage section labels; desktop top bar slimmed to a utility bar (brand lives in sidebar)

All Blazor bindings and test selectors (#home-library-tab-, data-qa hooks, home-ops- class hooks, aria-labels) are preserved.

Summary of change

Describe what changed and why.

Related issue(s)

Closes #
Related #

Type of change

  • Bug fix
  • Feature
  • Documentation update
  • Refactor
  • Test improvement

Validation performed

  • dotnet test
  • Relevant smoke test(s) for changed behavior
  • Docs/markdown checks (if docs changed)

Add command output snippets or short evidence notes:

Paste verification notes here

UI changes (if applicable)

  • UI was changed in this PR
  • I added or updated screenshots/GIFs

Docs and maintenance

  • I updated docs/README/CONTRIBUTING when behavior or workflows changed
  • No docs updates were needed for this change

Rethinks the dashboard's information architecture as a music player
rather than an ops console:

- Hero now-playing stage: large artwork with ambient backdrop,
  display-type track title, circular transport controls with a
  gradient play button, and inline volume/rooms/queue stats
- Room selection becomes tappable pill chips (replacing the select),
  with group/ungroup actions and the direct-URL row in the hero footer
- Library promoted to primary content with an iOS-style segmented
  control, pill search, dashed add-chips, and hover-revealed play
  buttons on rows
- Up Next and Automation move to a compact side rail; device health,
  activity, and shortcuts demoted to a quiet system strip
- Staggered entrance animations and spring micro-interactions,
  disabled under prefers-reduced-motion
- Sidebar nav grouped under Listen / Insights / Manage section labels;
  desktop top bar slimmed to a utility bar (brand lives in sidebar)

All Blazor bindings and test selectors (#home-library-tab-*, data-qa
hooks, home-ops-* class hooks, aria-labels) are preserved.
@nikay99
nikay99 merged commit 58a533d into Darkatek7:nightly Jun 10, 2026
1 check passed
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.

2 participants