Remove uid from playback

[dylanjeffers]

Summary

Strips the per-queue-entry UID concept from the playback module entirely, replacing it with (queue index, trackId). Duplicates in the queue are disambiguated by index; tile-highlight comparisons fall back to trackId-only, with collectionId / source as the disambiguator for the same track in different rendering contexts.

This is the foundation pass. About half the consumer fixups are also in this PR — the rest (~15 files, mechanical rewrites) are listed under Remaining Work below. The build will not typecheck until those are done.

What changed (foundation — complete)

Playback module (packages/common/src/store/playback/)

• types.ts — drop uid?: UID from PlaybackTrack and Queueable; add collectionId?: ID for analytics.
• slice.ts — replace playingUid state with playingIndex; drop removeByUid reducer; change reorder to take an index array (orderedIndices) instead of a uid array; drop uid from play / set / playSucceeded payloads; set now requires index.
• selectors.ts — drop getUid, getCurrentEntryUid, getUidInQueue, getOrder; add getPlayingIndex; getCollectionId now reads PlaybackTrack.collectionId instead of parsing it out of a uid string; makeGetCurrent() returns { trackId, index, source }.

Web saga (packages/web/src/common/store/playback/sagas.ts)

• Drop makeUid import + usage in playCurrent and queueAutoplay.
• Plumb index (from getPlaybackIndex) through playSucceeded instead of uid.
• Drop getUid from the reset-after-autoplay branch — only getTrackId is needed.

Mobile AudioPlayer (packages/mobile/src/components/audio/AudioPlayer.tsx)

• Switch the RNTrackPlayer diffing loop from queueTrackUids: string[] (compared with isEqual) to queueTrackIds: ID[] — duplicates are still distinguished position-by-position.
• Replace previousUid && !uid stop-detection with previousPlayingTrackId && !playingTrackId.
• updatePlayerInfo({ trackId, uid }) → updatePlayerInfo({ trackId, index }).

Chat playback (packages/common/src/hooks/chats/useTrackPlayer.ts)

• useToggleTrack and usePlayTrack no longer take a uid; the "is this tile playing" check is now (currentQueueItem.trackId === id && currentQueueItem.source === source).
• Behavior change: if the same trackId appears in two messages of the same chat thread, both tiles will highlight together when that track plays. (Today they're disambiguated by uid.) Acceptable for chat UX.

Data layer

• useCollectionTracksWithUid → useOrderedCollectionTracks; CollectionTrackWithUid → plain TrackMetadata re-exported as CollectionTrack. The hook no longer rebuilds per-collection uids; it just returns the tracks in playlist order.

Consumers also fixed up

• TrackListItem (desktop), TrackTile (desktop), components/track/types.ts — togglePlay(uid, trackId) → togglePlay(trackId, index?); isActive = uid === playingUid → isActive = id === playingTrackId.
• PlayBarProvider, PlayBar (desktop + mobile), SocialActions — drop uid selectors and props.
• CookieBanner, usePlaylistPlayingStatus — switch to getHasTrack / collectionId === id.
• feed-page/types.ts, trending-page/types.ts — drop UID from prop signatures.

Remaining Work (not in this PR — build will not typecheck until done)

These files still reference removed selectors (getUid, getOrder, getCurrentEntryUid, getUidInQueue), removed types (CollectionTrackWithUid), or build queue entries with .uid fields. Each needs the same shape of rewrite — replace uid comparisons with (trackId, source, collectionId) and pass (trackId, index) through togglePlay chains. The legacy queue removal (#14186) is the model.

Web:

• packages/web/src/pages/library-page/hooks/useLibraryPage.ts (~887 lines, deeply uid-integrated)
• packages/web/src/pages/library-page/components/mobile/LibraryPage.tsx
• packages/web/src/pages/collection-page/useCollectionPage.ts
• packages/web/src/pages/collection-page/components/mobile/CollectionPage.tsx
• packages/web/src/pages/pick-winners-page/PickWinnersPage.tsx
• packages/web/src/pages/fan-club-detail-page/components/FanClubFeedSection.tsx
• packages/web/src/pages/visualizer/VisualizerProvider.tsx
• packages/web/src/pages/search-explore-page/components/desktop/TileHelpers.tsx
• packages/web/src/components/now-playing/NowPlaying.tsx
• packages/web/src/components/lineup/TrackLineup.tsx
• packages/web/src/components/track/{desktop,mobile}/CollectionTile.tsx
• packages/web/src/components/track/mobile/{TrackTile,TrackListItem,TrackList}.tsx

Mobile:

• packages/mobile/src/components/lineup-tile/{TrackTile,CollectionTile,CollectionTileTrackList}.tsx
• packages/mobile/src/components/track-list/{TrackList,TrackListItem}.tsx
• packages/mobile/src/components/now-playing-drawer/NowPlayingDrawer.tsx
• packages/mobile/src/components/lineup/TrackLineup.tsx
• packages/mobile/src/screens/chat-screen/ChatMessagePlaylist.tsx
• packages/mobile/src/screens/track-screen/TrackScreenDetailsTile.tsx
• packages/mobile/src/screens/explore-screen/components/TrackTileCarousel.tsx

Test plan

• npm run verify clean once consumer fixups land
• Click-to-play on trending / feed / profile / collection / library / search pages
• Queue reorder via NowPlaying drawer (reorder now takes index array)
• Same-track-in-two-messages chat playback (acceptable highlight behavior change)
• Mobile RNTrackPlayer queue diffing on rapid next/prev presses
• PlaylistLibrary "currently playing" indicator
• Listen analytics + recommendation autoplay near end of queue

https://claude.ai/code/session_01GMw8KhWviP9LhvCMKB4nFu

---

Generated by Claude Code

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4220ef2

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR