Fix: Force pull images in deploy workflow

frontend/src/routes/[realm]/live/+page.svelte

@@ -1038,6 +1038,15 @@
             position: relative;
             width: 100%;
         }
+
+        .sidebar {
+            height: auto;
+            max-height: none;
+        }
+
+        .chat-section {
+            min-height: 400px;
+        }
     }
 
     /* Stream grid layout for multiple streams - Resizable */

frontend/src/routes/settings/+page.svelte

@@ -6,6 +6,7 @@
     import { goto } from '$app/navigation';
     import * as pgp from '$lib/pgp';
     import GraffitiEditor from '$lib/components/GraffitiEditor.svelte';
+    import { chatWebSocket } from '$lib/chat/chatWebSocket';
     
     let activeTab = 'profile';
     let loading = false;
@@ -753,12 +754,29 @@
             userColor = result.color;
             colorMessage = 'Color updated successfully!';
             showColorPicker = false;
-            
+
             // Refresh the current user data to ensure consistency
             if (currentUser) {
                 currentUser = { ...currentUser, userColor: result.color, colorCode: result.color };
             }
-            
+
+            // Fetch fresh token with updated color and store in localStorage
+            // This ensures chat reconnects with the new color
+            try {
+                const tokenResponse = await fetch('/api/user/token', { credentials: 'include' });
+                if (tokenResponse.ok) {
+                    const tokenData = await tokenResponse.json();
+                    if (tokenData.token) {
+                        localStorage.setItem('token', tokenData.token);
+                    }
+                }
+            } catch (e) {
+                console.error('Failed to refresh token:', e);
+            }
+
+            // Disconnect chat so it reconnects with fresh auth (new color)
+            chatWebSocket.disconnect();
+
             // Clear message after 3 seconds
             setTimeout(() => { colorMessage = ''; }, 3000);
         } else {