From db72677058d1cdf39ba27832e57fd7b2d7c355ed Mon Sep 17 00:00:00 2001
From: clover caruso <git@paperclover.net>
Date: Sun, 4 Oct 2026 20:42:34 -0700
Subject: [PATCH] Wait for the profile before showing the avatar initial

Assisted-by: gpt-6.1-sol
---
 dashboard/web/components/Sidebar.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/dashboard/web/components/Sidebar.tsx b/dashboard/web/components/Sidebar.tsx
index ba6df3cdc734a03274d694706dae4a0459ae1a83..070f4901e5afdb5ca01c9c437ce2fd646a2dd289 100644
--- a/dashboard/web/components/Sidebar.tsx
+++ b/dashboard/web/components/Sidebar.tsx
@@ -223,12 +223,11 @@ export function viewAs(groups: string[] | null) {
   location.reload();
 }
 
-/** The signed-in user's corner. */
 function Whoami(props: { me: Me }) {
   const user = lastGood(account);
   const name = () => {
     const known = user();
-    return known ? displayName(known) : props.me.name;
+    return known ? displayName(known) : account.error ? props.me.name : "";
   };
   const here = useMatch(() => "/account");
   const [picked, setPicked] = createSignal(props.me.viewing ? props.me.groups : []);
@@ -237,7 +236,7 @@ function Whoami(props: { me: Me }) {
     <div class="whoami">
       <button class="whoami-button" classList={{ active: !!here() }} popovertarget="account-menu">
         <Avatar picture={user()?.picture ?? null} name={name()} />
-        <span class="name"><Show when={user()} fallback={account.error ? props.me.name : <span class="skeleton" style={{ width: "100px" }} />}>
+        <span class="name"><Show when={user()} fallback={account.error ? name() : <span class="skeleton" style={{ width: "100px" }} />}>
           {(profile) => displayName(profile())}
         </Show></span>
         <ChevronsUpDown size={14} class="icon" />
-- 
2.54.0