feat: auth & admin

src/store/slices/player.ts

@@ -20,12 +20,14 @@ const initialState: PlayerState = {
   isPlaying: false,
   position: 0,
   duration: 0,
-  volume: 0.8,
+  volume: 0.78,
   muted: false,
   repeat: 'none',
   shuffle: false,
   isNowPlayingOpen: false,
-  isQueueOpen: false,
+  // STUB: open by default so the queue drawer look is visible before a backend
+  // exists (pairs with DEMO_QUEUE). Default to false once real playback lands.
+  isQueueOpen: true,
 };
 
 export const playerSlice = createSlice({
@@ -37,25 +39,56 @@ export const playerSlice = createSlice({
       state.isPlaying = true;
       state.position = 0;
     },
-    pause(state) { state.isPlaying = false; },
-    resume(state) { state.isPlaying = true; },
-    stop(state) { state.isPlaying = false; state.currentTrackId = null; state.position = 0; },
-    setPosition(state, action: PayloadAction<number>) { state.position = action.payload; },
-    setDuration(state, action: PayloadAction<number>) { state.duration = action.payload; },
-    setVolume(state, action: PayloadAction<number>) { state.volume = action.payload; },
-    toggleMute(state) { state.muted = !state.muted; },
-    setRepeat(state, action: PayloadAction<RepeatMode>) { state.repeat = action.payload; },
-    toggleShuffle(state) { state.shuffle = !state.shuffle; },
-    toggleNowPlaying(state) { state.isNowPlayingOpen = !state.isNowPlayingOpen; },
-    toggleQueue(state) { state.isQueueOpen = !state.isQueueOpen; },
+    pause(state) {
+      state.isPlaying = false;
+    },
+    resume(state) {
+      state.isPlaying = true;
+    },
+    stop(state) {
+      state.isPlaying = false;
+      state.currentTrackId = null;
+      state.position = 0;
+    },
+    setPosition(state, action: PayloadAction<number>) {
+      state.position = action.payload;
+    },
+    setDuration(state, action: PayloadAction<number>) {
+      state.duration = action.payload;
+    },
+    setVolume(state, action: PayloadAction<number>) {
+      state.volume = action.payload;
+    },
+    toggleMute(state) {
+      state.muted = !state.muted;
+    },
+    setRepeat(state, action: PayloadAction<RepeatMode>) {
+      state.repeat = action.payload;
+    },
+    toggleShuffle(state) {
+      state.shuffle = !state.shuffle;
+    },
+    toggleNowPlaying(state) {
+      state.isNowPlayingOpen = !state.isNowPlayingOpen;
+    },
+    toggleQueue(state) {
+      state.isQueueOpen = !state.isQueueOpen;
+    },
   },
 });
 
 export const {
-  play, pause, resume, stop,
-  setPosition, setDuration,
-  setVolume, toggleMute,
-  setRepeat, toggleShuffle,
-  toggleNowPlaying, toggleQueue,
+  play,
+  pause,
+  resume,
+  stop,
+  setPosition,
+  setDuration,
+  setVolume,
+  toggleMute,
+  setRepeat,
+  toggleShuffle,
+  toggleNowPlaying,
+  toggleQueue,
 } = playerSlice.actions;
 export default playerSlice.reducer;