fix: race condition where race condition where loadMovies/loadSeries was called before

hiddenCategoryIds was populated

public/js/pages/MoviesPage.js

@@ -27,9 +27,9 @@ class MoviesPage {
 
     init() {
         // Source change handler
-        this.sourceSelect?.addEventListener('change', () => {
+        this.sourceSelect?.addEventListener('change', async () => {
-            this.loadCategories();
+            await this.loadCategories();
-            this.loadMovies();
+            await this.loadMovies();
         });
 
         // Category change handler

public/js/pages/SeriesPage.js

@@ -31,9 +31,9 @@ class SeriesPage {
 
     init() {
         // Source change handler
-        this.sourceSelect?.addEventListener('change', () => {
+        this.sourceSelect?.addEventListener('change', async () => {
-            this.loadCategories();
+            await this.loadCategories();
-            this.loadSeries();
+            await this.loadSeries();
         });
 
         // Category change handler

server/services/syncService.js

@@ -252,10 +252,15 @@ class SyncService {
 
     /**
      * Batch save streams (channels, vod, series)
+     * Also purges stale entries that no longer exist in the source
      */
     async saveStreams(sourceId, type, items) {
         if (!items || items.length === 0) return;
         const db = getDb();
+
+        // Collect all IDs we're syncing
+        const syncedIds = new Set();
+
         const stmt = db.prepare(`
             INSERT INTO playlist_items (
                 id, source_id, item_id, type, name, category_id, 
@@ -302,6 +307,7 @@ class SyncService {
                 }
 
                 const id = `${sourceId}:${itemId}`;
+                syncedIds.add(id);
 
                 stmt.run(
                     id,
@@ -329,6 +335,32 @@ class SyncService {
             await new Promise(resolve => setImmediate(resolve));
         }
 
+        // Purge stale entries that no longer exist in the source
+        // Use temp table approach to avoid SQL parameter limits with large playlists
+        if (syncedIds.size > 0) {
+            db.exec('CREATE TEMP TABLE IF NOT EXISTS synced_ids (id TEXT PRIMARY KEY)');
+            db.exec('DELETE FROM synced_ids');
+
+            const insertTemp = db.prepare('INSERT OR IGNORE INTO synced_ids (id) VALUES (?)');
+            const insertTempBatch = db.transaction((ids) => {
+                for (const id of ids) {
+                    insertTemp.run(id);
+                }
+            });
+            insertTempBatch([...syncedIds]);
+
+            const deleteStmt = db.prepare(`
+                DELETE FROM playlist_items 
+                WHERE source_id = ? AND type = ? 
+                AND id NOT IN (SELECT id FROM synced_ids)
+            `);
+            const deleted = deleteStmt.run(sourceId, type);
+
+            if (deleted.changes > 0) {
+                console.log(`[Sync] Purged ${deleted.changes} stale ${type} items`);
+            }
+        }
+
         console.log(`[Sync] Saved ${items.length} ${type} items`);
     }