From 1135cf0bfeee81ec4dd02a374c619d522002bfbf Mon Sep 17 00:00:00 2001
From: Mao Nakamoto <41178744+maonakamoto@users.noreply.github.com>
Date: Thu, 13 Aug 2026 17:09:35 +0200
Subject: [PATCH] fix(auth): sign-in control visible on first paint
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The loading branch rendered an empty placeholder, and SSR is always in
the loading state — so the nav's sign-in control was invisible until the
client-side session fetch finished. Default to the signed-out button
instead: most visitors are signed out, and a signed-in user just sees it
swap to their name.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/components/ui/auth-control.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/auth-control.tsx b/src/components/ui/auth-control.tsx
index c6a79cf..24e6ae8 100644
--- a/src/components/ui/auth-control.tsx
+++ b/src/components/ui/auth-control.tsx
@@ -10,12 +10,12 @@ import { signIn, useSession } from "next-auth/react";
  * client-side (SessionProvider) so the marketing pages stay static.
  */
 export default function AuthControl({ compact = false }: { compact?: boolean }) {
-  const { data: session, status } = useSession();
-
-  if (status === "loading") {
-    return <span className={compact ? "block px-3 py-2" : "px-4 py-2"} aria-hidden="true" />;
-  }
+  const { data: session } = useSession();
 
+  // While the session is still loading (including SSR, where it always is),
+  // render the signed-out button: most visitors ARE signed out, and a blank
+  // placeholder meant the control was invisible on first paint. A signed-in
+  // user sees the button swap to their name once the session arrives.
   if (session?.actorId) {
     return (
       <Link