v2.46 - Fix Glitch

Author: imjustinliao

frontend/src/components/app/AppShell.tsx

@@ -67,12 +67,15 @@ function AuthGate({ children }: { children: React.ReactNode }) {
     </div>
   )
 
-  if (user) return <>{children}</>
-  // Keep existing shell visible during transient auth loading (prevents sidebar flicker/disappear).
-  if (loading) return <>{children}</>
-  // Not authenticated, redirecting away from dashboard.
-  if (!user) return renderGateStatus("Redirecting to sign-in...")
-  return <>{children}</>
+  // Always render the shell (sidebar, main, topbar, input) so it stays in the DOM and cached —
+  // no unmount on auth loading, so no black flash or sidebar disappearing when switching pages.
+  // Only overlay the redirect message when we're sure the user is not authenticated.
+  return (
+    <>
+      {children}
+      {!loading && !user ? renderGateStatus("Redirecting to sign-in...") : null}
+    </>
+  )
 }
 
 function ShellInner({ children }: { children: React.ReactNode }) {