Enhance Plex account linking and settings auto-save functionality

- Updated the auto-save logic to differentiate between general settings and specific app settings, improving clarity and functionality.
- Modified the Plex account linking process to include error handling and improved response management, ensuring a smoother user experience.
- Adjusted API responses to include the new 'pin' field for better integration with the front-end logic.

Author: Admin9705

frontend/static/js/new-main.js

@@ -1273,14 +1273,24 @@ let huntarrUI = {
             return;
         }
 
+        // Determine what type of settings we're saving
         const app = this.currentSettingsTab;
-        if (!app) {
+        const isGeneralSettings = this.currentSection === 'settings' && !app;
+        
+        if (!app && !isGeneralSettings) {
             console.log('[huntarrUI] No current settings tab for auto-save');
             return;
         }
 
-        console.log(`[huntarrUI] Triggering immediate settings auto-save for: ${app}`);
-        this.autoSaveSettings(app);
+        if (isGeneralSettings) {
+            console.log('[huntarrUI] Triggering immediate general settings auto-save');
+            this.autoSaveGeneralSettings(true).catch(error => {
+                console.error('[huntarrUI] General settings auto-save failed:', error);
+            });
+        } else {
+            console.log(`[huntarrUI] Triggering immediate settings auto-save for: ${app}`);
+            this.autoSaveSettings(app);
+        }
     },
 
     // Auto-save settings function
@@ -1563,8 +1573,8 @@ let huntarrUI = {
             });
     },
 
-    // Auto-save general settings (used by test notification)
-    autoSaveGeneralSettings: function() {
+    // Auto-save general settings (used by test notification and auto-save)
+    autoSaveGeneralSettings: function(silent = false) {
         console.log('[huntarrUI] Auto-saving general settings...');
 
         return new Promise((resolve, reject) => {

frontend/static/js/user.js

@@ -330,15 +330,23 @@ class UserModule {
 
     async linkPlexAccount() {
         try {
-            const response = await fetch('./api/auth/plex/pin', { method: 'POST' });
+            const response = await fetch('./api/auth/plex/pin', { 
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    user_mode: true
+                })
+            });
             const result = await response.json();
 
             if (response.ok) {
                 document.getElementById('plexLinkPinCode').textContent = result.pin;
                 document.getElementById('plexLinkStatus').textContent = 'Waiting for authentication...';
                 document.getElementById('plexLinkModal').style.display = 'flex';
 
-                this.plexPinId = result.id;
+                this.plexPinId = result.pin_id;
                 this.startPlexPolling();
             } else {
                 const statusElement = document.getElementById('plexMainPageStatus');
@@ -356,14 +364,42 @@ class UserModule {
                 const response = await fetch(`./api/auth/plex/check/${this.plexPinId}`, { method: 'GET' });
                 const result = await response.json();
 
-                if (response.ok && result.success) {
-                    document.getElementById('plexLinkStatus').textContent = 'Successfully linked!';
-                    document.getElementById('plexLinkStatus').className = 'plex-status success';
+                if (response.ok && result.success && result.claimed) {
+                    // PIN has been claimed, now link the account
+                    document.getElementById('plexLinkStatus').textContent = 'Linking account...';
 
-                    setTimeout(() => {
-                        this.cancelPlexLink();
-                        this.loadUserData(); // Refresh user data to show linked account
-                    }, 2000);
+                    try {
+                        const linkResponse = await fetch('./api/auth/plex/link', {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json'
+                            },
+                            body: JSON.stringify({
+                                token: result.token
+                            })
+                        });
+                        
+                        const linkResult = await linkResponse.json();
+                        
+                        if (linkResponse.ok && linkResult.success) {
+                            document.getElementById('plexLinkStatus').textContent = 'Successfully linked!';
+                            document.getElementById('plexLinkStatus').className = 'plex-status success';
+                            
+                            setTimeout(() => {
+                                this.cancelPlexLink();
+                                this.loadUserData(); // Refresh user data to show linked account
+                            }, 2000);
+                        } else {
+                            document.getElementById('plexLinkStatus').textContent = linkResult.error || 'Failed to link account';
+                            document.getElementById('plexLinkStatus').className = 'plex-status error';
+                        }
+                        
+                        clearInterval(this.plexPollingInterval);
+                    } catch (linkError) {
+                        document.getElementById('plexLinkStatus').textContent = 'Error linking account';
+                        document.getElementById('plexLinkStatus').className = 'plex-status error';
+                        clearInterval(this.plexPollingInterval);
+                    }
                 } else if (result.error && result.error !== 'PIN not authorized yet') {
                     document.getElementById('plexLinkStatus').textContent = result.error;
                     document.getElementById('plexLinkStatus').className = 'plex-status error';

src/primary/routes/plex_auth_routes.py

@@ -38,6 +38,7 @@ def create_pin():
             return jsonify({
                 'success': True,
                 'pin_id': pin_data['id'],
+                'pin': pin_data['code'],
                 'auth_url': pin_data['auth_url']
             })
         else: