fix: sleep timer end-of-song mode (#1706)

src/renderer/features/player/audio-player/web-player.tsx

@@ -20,6 +20,7 @@ import {
     usePlayerData,
     usePlayerMuted,
     usePlayerProperties,
+    usePlayerStoreBase,
     usePlayerVolume,
 } from '/@/renderer/store';
 import { toast } from '/@/shared/components/toast/toast';
@@ -180,7 +181,15 @@ export function WebPlayer() {
 
         promise.then(() => {
             playerRef.current?.player1()?.ref?.getInternalPlayer().pause();
-            playerRef.current?.setVolume(volume);
+
+            // If mediaAutoNext resulted in a paused state (e.g. end of queue,
+            // or pauseOnNextSongEnd flag), stop all audio instead of restoring volume.
+            const currentStatus = usePlayerStoreBase.getState().player.status;
+            if (currentStatus === PlayerStatus.PAUSED) {
+                playerRef.current?.pause();
+            } else {
+                playerRef.current?.setVolume(volume);
+            }
             setIsTransitioning(false);
         });
     }, [mediaAutoNext, volume]);
@@ -193,7 +202,13 @@ export function WebPlayer() {
 
         promise.then(() => {
             playerRef.current?.player2()?.ref?.getInternalPlayer().pause();
-            playerRef.current?.setVolume(volume);
+
+            const currentStatus = usePlayerStoreBase.getState().player.status;
+            if (currentStatus === PlayerStatus.PAUSED) {
+                playerRef.current?.pause();
+            } else {
+                playerRef.current?.setVolume(volume);
+            }
             setIsTransitioning(false);
         });
     }, [mediaAutoNext, volume]);
@@ -527,6 +542,11 @@ function crossfadeHandler(args: {
 
     if (!isTransitioning) {
         if (duration > 0 && currentTime > duration - crossfadeDuration) {
+            // Skip pre-starting next player if pauseOnNextSongEnd is set
+            if (usePlayerStoreBase.getState().player.pauseOnNextSongEnd) {
+                return;
+            }
+
             nextPlayer.setVolume(0);
             nextPlayer.ref?.getInternalPlayer().play();
             return setIsTransitioning(player);
@@ -616,6 +636,11 @@ function gaplessHandler(args: {
     const durationPadding = getDurationPadding(isFlac);
 
     if (currentTime + durationPadding >= duration) {
+        // Skip pre-starting next player if pauseOnNextSongEnd is set
+        if (usePlayerStoreBase.getState().player.pauseOnNextSongEnd) {
+            return null;
+        }
+
         return nextPlayer.ref
             ?.getInternalPlayer()
             ?.play()

src/renderer/features/player/components/sleep-timer-button.tsx

@@ -96,24 +96,19 @@ const useSleepTimer = () => {
         [handleOnCurrentSongChange, handleOnPlayerProgress],
     );
 
-    // End-of-song mode: subscribe to player index changes
+    // End-of-song mode: set the pauseOnNextSongEnd flag so that
+    // mediaAutoNext returns PAUSED status when the current song ends.
+    // This is a generic player mechanism — the web player handles it
+    // without needing to know about the sleep timer.
     useEffect(() => {
         if (!active || mode !== 'endOfSong') return;
 
-        const initialIndex = usePlayerStoreBase.getState().player.index;
+        usePlayerStoreBase.getState().setPauseOnNextSongEnd(true);
 
-        const unsub = usePlayerStoreBase.subscribe(
-            (state) => state.player.index,
-            (index) => {
-                if (index !== initialIndex) {
-                    cancelTimer();
-                    mediaPauseRef.current();
-                }
-            },
-        );
-
-        return () => unsub();
-    }, [active, mode, cancelTimer]);
+        return () => {
+            usePlayerStoreBase.getState().setPauseOnNextSongEnd(false);
+        };
+    }, [active, mode]);
 };
 
 export const SleepTimerHookInner = () => {