From df2a992fa7354b13d175b9c59896ec9587754af5 Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Mon, 27 Jul 2026 12:06:28 -0400
Subject: [PATCH] fix(web): prevent UI flash by preserving user state in
 fetchMe and removing CSS pulse

---
 web/src/components/VersionNotifier.tsx | 2 +-
 web/src/stores/auth.ts                 | 6 ++++--
 web/src/stores/ws.ts                   | 1 -
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/src/components/VersionNotifier.tsx b/web/src/components/VersionNotifier.tsx
index f551eec..f431fde 100644
--- a/web/src/components/VersionNotifier.tsx
+++ b/web/src/components/VersionNotifier.tsx
@@ -45,7 +45,7 @@ export function VersionNotifier() {
   if (!updateAvailable) return null;
 
   return (
-    <div className="bg-gb-accent text-gb-bg-h px-4 py-2 text-xs font-semibold flex items-center justify-between shadow-lg z-50 animate-pulse">
+    <div className="bg-gb-accent text-gb-bg-h px-4 py-2 text-xs font-semibold flex items-center justify-between shadow-lg z-50">
       <span>🚀 A new update is available! ({serverVersion})</span>
       <button
         onClick={handleReload}
diff --git a/web/src/stores/auth.ts b/web/src/stores/auth.ts
index 933337d..a8c1be3 100644
--- a/web/src/stores/auth.ts
+++ b/web/src/stores/auth.ts
@@ -84,7 +84,7 @@ function autoSubscribePush() {
   });
 }
 
-export const useAuthStore = create<AuthState>((set) => ({
+export const useAuthStore = create<AuthState>((set, get) => ({
   user: null,
   isAuthenticated: false,
   isLoading: false,
@@ -146,7 +146,9 @@ export const useAuthStore = create<AuthState>((set) => ({
   },
 
   fetchMe: async () => {
-    set({ isLoading: true, error: null });
+    if (!get().user) {
+      set({ isLoading: true, error: null });
+    }
     try {
       const user = await api.get<User>(`/auth/me?t=${Date.now()}`);
       set({ user, isAuthenticated: true, isLoading: false });
diff --git a/web/src/stores/ws.ts b/web/src/stores/ws.ts
index 64cce98..6c5ec91 100644
--- a/web/src/stores/ws.ts
+++ b/web/src/stores/ws.ts
@@ -125,7 +125,6 @@ export const useWebSocketStore = create<WebSocketState>((set, get) => ({
 
       if (data.type === 'error') {
         console.error('ws error:', data);
-        useAuthStore.getState().fetchMe();
         socket.close();
         return;
       }