Music UI Report
One running log of UI changes in HOOP Music and Music Studio, newest first. Each entry: what changed, one before / after pair, and a link to its detailed rules page. For Haikal (QC) and Leong; started 2026-10-09. Source of truth stays the code, CHANGELOG.md and docs/music.md.

Index

DateAreaVersionStatusLinks
2026-10-09Studio · all bottom sheetsnot shippedlocal commit, waits for releasesection · rules
2026-10-09Studio · Releases page, release detail, released songv3.265server live 10-09 12:33 · web waits next web publish · phones waits next TFsection · CHANGELOG v3.265
2026-10-09Studio · release song picker, publish / takedown dialogsv3.247server + web live (web since v3.256) · phones waits next TFsection · rules
2026-10-08HOOP Music · Browse allv3.213server + web live 10-08 · phones waits next TFsection · rules
2026-10-08Studio · Compose genre / mood card + sheetv3.213server + web live 10-08 · phones waits next TFsection · rules
2026-10-08Developer Centre · Genres & moods adminv3.202server + web live 10-08 · phones waits next TFsection · rules
2026-10-07Studio + player · taken-down songsv3.173server + web live 10-08 · phones waits next TFsection · rules

Studio bottom sheets: one shell + new collaborator picker

2026-10-09 · Haikal QC 10-09 (approved 15:10) · not shipped yet

Add collaborator before
Before: Add collaborator
Add collaborators after
After: Selected (2), Invite 2

Detailed rules: music#s2

Releases page polish + real release dates

2026-10-09 · v3.265 · Haikal QC 10-09 · server live 10-09 12:33, web waits for the next web publish, phones the next TestFlight

Releases list before
Before: Releases list
Releases list after
After: pills, dates, no overflow
Released song before
Before: released song page
Released song after
After: Performance / Manage / Actions

Release rules: picker and warnings

2026-10-09 · v3.247 · server + web live · phones the next TestFlight

The "Add my songs" picker lists live songs under Already released, marked "Live · also on <release>"; they can join a new EP / album without changing. A live song's menu has Also add to release. Publish and takedown dialogs warn when a track is taken down or another release is affected (one track now reads "this song").

Picker with Already released section
Picker: Already released
Publish warning
Publish warning, "this song" wording

Detailed rules: music-release#summary

Browse all redesign

2026-10-08 · v3.213 · server + web live · phones the next TestFlight

HOOP Music "Browse all" now uses coloured genre / mood tiles with song covers, the same tiles as the Compose sheet. A tile shows once it has at least 1 live song (was 3).

Browse before
Before
Browse after
After: tiles with covers

Detailed rules: music-genre#browse

Compose genre / mood card + sheet

2026-10-08 · v3.213 · server + web live · phones the next TestFlight

Create / Edit / Upload get one "Where listeners find this song" card: 1 main genre (required to Compose) + up to 2 more genres + up to 3 moods, picked in a search sheet with Browse tiles. Magic Pen fills empty groups only; clearing has Undo. The draft "+Genre" button opens the same card.

Compose style before
Before: genre in the style area
Compose genre card after
After: genre / mood card

Detailed rules: music-genre#summary

Genres & moods admin page

2026-10-08 · v3.202 · server + web live

New Developer Centre page "Genres & moods": add, rename, colour, aliases, reorder and hide catalog tags, plus creator suggestions. The catalog grew to 24 genres / 12 moods. New page, so no "before" shot.

Genres and moods admin list
After: admin list

Detailed rules: music-genre#catalog

Taken-down songs in Studio and the player

2026-10-07 · v3.173 · server + web live 10-08 · phones the next TestFlight

A song that was ever published has no Delete, only Take down. Studio shows a grey explanation line and a Taken down pill. The player skips taken-down songs with a toast; in the listener's Liked / saved lists they stay, greyed.

Studio live song with delete toast before
Before: Delete on a live song
Studio live song after
After: no Delete, grey line

Detailed rules: music-takedown#qc-1007

How to add the next entry

  1. Add a row at the top of the index table: date · area · version · status (server / web / phones-with-TF) · links.
  2. Add a section right under the index (newest first) with an id, ≤ ~120 words of what changed.
  3. One before / after pair: sips -s format jpeg -s formatOptions 70 --resampleWidth 300, then embed base64 (the site serves no image folders); keep the page < 1.5 MB.
  4. End with the link to the detailed rules page, always with an anchor (…/music-xxx#summary).