feat(immersive): add Queue tab to stay in immersive mode

- Create QueuePanel component for immersive mode
- Add queue tab to ImmersiveHeader with ListMusic icon
- Update ImmersivePlayer to render QueuePanel and pass queue data
- Add Q keyboard shortcut to switch to queue tab
- Pass queue tracks from +page.svelte to ImmersivePlayer

Users can now manage their queue without leaving immersive mode.
This commit is contained in:
vicrodh committed 2026-01-30 16:26:10 -06:00
1 parent f744615b0e
commit 07b7228538
4 files changed
+342 -3

No files matched your search

+12
View File
@@ -3109,6 +3109,18 @@
enableCredits={true}
enableSuggestions={true}
enableVisualizer={false}
queueTracks={[
...(currentQueueTrack ? [currentQueueTrack] : []),
...queue
]}
queueCurrentIndex={0}
onQueuePlayTrack={(index) => {
// Index 0 is current track, 1+ is upcoming (index - 1 in queue array)
if (index > 0) {
handleQueueTrackPlay(queue[index - 1]?.id?.toString() ?? '');
}
}}
onQueueClear={handleClearQueue}
/>
{/if}