fix: use specific listener cleanup instead of removeAllListeners

Return unsubscribe function from onPlaybackPositionUpdate to ensure
only the specific listener is removed on destroy, preventing issues
with multiple store instances.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/web/src/app/xtream-tauri/stores/features/with-playback-positions.feature.ts

@@ -365,31 +365,35 @@ export function withPlaybackPositions() {
             };
         }),
 
-        withHooks({
-            onInit(store) {
-                if (window.electron?.onPlaybackPositionUpdate) {
-                    window.electron.onPlaybackPositionUpdate((data: any) => {
-                        console.log(
-                            '[withPlaybackPositions] Received update:',
-                            data
+        withHooks((store) => {
+            let unsubscribe: (() => void) | undefined;
+
+            return {
+                onInit() {
+                    if (window.electron?.onPlaybackPositionUpdate) {
+                        unsubscribe = window.electron.onPlaybackPositionUpdate(
+                            (data: any) => {
+                                console.log(
+                                    '[withPlaybackPositions] Received update:',
+                                    data
+                                );
+                                // Ensure playlistId is present
+                                if (data.playlistId) {
+                                    store.savePosition(data.playlistId, data);
+                                } else {
+                                    console.warn(
+                                        '[withPlaybackPositions] Missing playlistId in update',
+                                        data
+                                    );
+                                }
+                            }
                         );
-                        // Ensure playlistId is present
-                        if (data.playlistId) {
-                            store.savePosition(data.playlistId, data);
-                        } else {
-                            console.warn(
-                                '[withPlaybackPositions] Missing playlistId in update',
-                                data
-                            );
-                        }
-                    });
-                }
-            },
-            onDestroy(store) {
-                if (window.electron?.removePlaybackPositionListener) {
-                    window.electron.removePlaybackPositionListener();
-                }
-            },
+                    }
+                },
+                onDestroy() {
+                    unsubscribe?.();
+                },
+            };
         })
     );
 }

apps/web/src/typings.d.ts

@@ -17,8 +17,7 @@ interface Window {
         onEpgProgress: (callback: (data: { url: string; status: 'loading' | 'complete' | 'error'; stats?: { totalChannels: number; totalPrograms: number }; error?: string }) => void) => void;
         onDbSaveContentProgress: (callback: (count: number) => void) => void;
         removeDbSaveContentProgress: () => void;
-        onPlaybackPositionUpdate: (callback: (data: any) => void) => void;
-        removePlaybackPositionListener: () => void;
+        onPlaybackPositionUpdate: (callback: (data: any) => void) => () => void;
 
         // Files & System
         saveFileDialog: (defaultPath: string, filters?: { name: string; extensions: string[] }[]) => Promise<any>;