Add onAuthenticationChange callback to ServerSettingsPage and SettingsPage for profile picture updates

Author: j-convey

lib/desktop/features/settings/server/server_settings_page.dart

@@ -9,10 +9,12 @@ import 'widgets/authentication_info_card.dart';
 
 class ServerSettingsPage extends StatefulWidget {
   final AudioPlayerService? audioPlayerService;
+  final VoidCallback? onAuthenticationChange;
 
   const ServerSettingsPage({
     super.key,
     this.audioPlayerService,
+    this.onAuthenticationChange,
   });
 
   @override
@@ -205,6 +207,9 @@ class _ServerSettingsPageState extends State<ServerSettingsPage> {
 
         await _loadServersAndLibraries();
 
+        // Notify main screen to refresh profile picture
+        widget.onAuthenticationChange?.call();
+
         if (mounted) {
           ScaffoldMessenger.of(context).showSnackBar(
             const SnackBar(
@@ -277,6 +282,9 @@ class _ServerSettingsPageState extends State<ServerSettingsPage> {
         _syncStatus = null;
       });
 
+      // Notify main screen to clear profile picture
+      widget.onAuthenticationChange?.call();
+
       if (mounted) {
         ScaffoldMessenger.of(context).showSnackBar(
           const SnackBar(content: Text('Disconnected from Plex')),

lib/desktop/features/settings/settings_page.dart

@@ -5,11 +5,13 @@ import 'server/server_settings_page.dart';
 class SettingsPage extends StatelessWidget {
   final void Function(Widget) onNavigate;
   final AudioPlayerService? audioPlayerService;
+  final VoidCallback? onAuthenticationChange;
 
   const SettingsPage({
     super.key,
     required this.onNavigate,
     this.audioPlayerService,
+    this.onAuthenticationChange,
   });
 
   @override
@@ -27,6 +29,7 @@ class SettingsPage extends StatelessWidget {
             onTap: () {
               onNavigate(ServerSettingsPage(
                 audioPlayerService: audioPlayerService,
+                onAuthenticationChange: onAuthenticationChange,
               ));
             },
           ),

lib/desktop/shell/app_bar_actions.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'dart:io';
+import 'package:url_launcher/url_launcher.dart';
 
 class AppBarActions extends StatelessWidget {
   final VoidCallback? onNotificationsTap;
@@ -101,7 +102,7 @@ class AppBarActions extends StatelessWidget {
                 onProfileTap?.call();
                 break;
               case 'support':
-                onSupportTap?.call();
+                _launchSupportUrl();
                 break;
               case 'private_session':
                 onPrivateSessionTap?.call();
@@ -137,4 +138,11 @@ class AppBarActions extends StatelessWidget {
           : null,
     );
   }
+
+  Future<void> _launchSupportUrl() async {
+    final url = Uri.parse('https://github.com/sponsors/j-convey');
+    if (await canLaunchUrl(url)) {
+      await launchUrl(url, mode: LaunchMode.externalApplication);
+    }
+  }
 }

lib/desktop/shell/main_screen.dart

@@ -7,6 +7,7 @@ import 'package:obscurify/core/services/storage_service.dart';
 import 'package:obscurify/core/services/plex/plex_services.dart';
 import 'package:obscurify/core/services/plex_connection_resolver.dart';
 import 'package:obscurify/core/services/authentication_check_service.dart';
+import 'package:obscurify/core/database/database_service.dart';
 import 'package:obscurify/desktop/features/authentication/presentation/authentication_modal.dart';
 import 'package:obscurify/desktop/features/home/home_page.dart';
 import 'package:obscurify/desktop/features/settings/settings_page.dart';
@@ -78,13 +79,60 @@ class _MainScreenState extends State<MainScreen> {
     _navigateToPage(SettingsPage(
       onNavigate: _navigateToPage,
       audioPlayerService: _audioPlayerService,
+      onAuthenticationChange: _loadCredentials,
     ));
   }
 
   void _onProfileTap() {
     _navigateToPage(ProfilePage(storageService: _storageService));
   }
 
+  Future<void> _onLogoutTap() async {
+    final confirmed = await showDialog<bool>(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: const Text('Sign Out'),
+        content: const Text('Are you sure you want to sign out?'),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context, false),
+            child: const Text('Cancel'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.pop(context, true),
+            child: const Text('Sign Out'),
+          ),
+        ],
+      ),
+    );
+
+    if (confirmed == true) {
+      // Stop and clear the player
+      await _audioPlayerService.stop();
+      
+      // Clear credentials and database
+      await _storageService.clearPlexCredentials();
+      await DatabaseService().clearAllData();
+      
+      // Clear profile picture state and reload
+      setState(() {
+        _profileImagePath = null;
+        _plexProfilePictureUrl = null;
+        _currentToken = null;
+        _currentServerUrl = null;
+      });
+      
+      // Reload credentials to refresh UI
+      await _loadCredentials();
+      
+      if (mounted) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          const SnackBar(content: Text('Signed out successfully')),
+        );
+      }
+    }
+  }
+
   Future<void> _loadCredentials() async {
     await _resolver.initialise();
     _currentToken = _resolver.userToken;
@@ -106,17 +154,7 @@ class _MainScreenState extends State<MainScreen> {
     if (mounted) {
       setState(() {
         _sidePanelKey = UniqueKey(); // Force SidePanel to rebuild
-        _currentPage = HomePage(
-          onNavigate: _navigateToPage,
-          audioPlayerService: _audioPlayerService,
-          storageService: _storageService,
-          token: _currentToken,
-          serverUrl: _currentServerUrl,
-          onHomeTap: _onHomeTap,
-          onSettingsTap: _onSettingsTap,
-          onProfileTap: _onProfileTap,
-        );
-        _navigationHistory[_currentHistoryIndex] = _currentPage;
+        // Note: Don't change _currentPage here - stay on current page
       });
     }
   }
@@ -186,6 +224,7 @@ class _MainScreenState extends State<MainScreen> {
               onHomeTap: _onHomeTap,
               onSettingsTap: _onSettingsTap,
               onProfileTap: _onProfileTap,
+              onLogoutTap: _onLogoutTap,
               profileImagePath: _profileImagePath,
               plexProfilePictureUrl: _plexProfilePictureUrl,
             ),