Skip to content

fix(ui): music player starts collapsed with a labeled radio pill - #2431

Merged
dcccrypto merged 1 commit into
playgroundfrom
fix/music-player-chrome
Jul 16, 2026
Merged

fix(ui): music player starts collapsed with a labeled radio pill#2431
dcccrypto merged 1 commit into
playgroundfrom
fix/music-player-chrome

Conversation

@dcccrypto

Copy link
Copy Markdown
Owner

Item 8 from the live-site UX sweep. The floating player overlapped interactive content (OTHER MARKETS header on /trade, table edge on /markets) and was unlabeled — a mystery transport strip. Now: starts as one 32px music-note pill with title/aria-label "Lo-fi radio", expands on click, choice persisted (effect-restored to dodge hydration mismatch), audio unaffected by collapse. Existing GH#1662 overlap tests: 7/7 green; tsc clean.

🤖 Generated with Claude Code

Expanded by default, the floating transport strip sat over interactive
content (the OTHER MARKETS table header on /trade, the table edge on
/markets) and nothing anywhere said what it was — an unlabeled play/volume
strip reads as broken UI. It now starts as one small music-note pill
labeled "Lo-fi radio" (title + aria), expands on click, and remembers the
expanded choice in localStorage (restored in an effect to avoid an SSR
hydration mismatch). Audio keeps playing while collapsed.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
percolator-launch Ready Ready Preview, Comment Jul 16, 2026 7:41am
percolator-mainnet Ready Ready Preview, Comment Jul 16, 2026 7:41am
percolator-playground Error Error Jul 16, 2026 7:41am

Request Review

@coderabbitai

coderabbitai Bot commented Jul 16, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: d23e85c1-887a-4c63-a6f0-41f3cc613269

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/music-player-chrome

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

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