{ if (e.key === 'Escape') userMenuOpen = false; }} role="none" > {#if userInitials}
(userMenuOpen = !userMenuOpen)} class="flex h-8 w-8 items-center justify-center rounded-full bg-primary font-sans text-xs font-bold text-primary-fg transition-opacity hover:opacity-80" > {userInitials}
{:else}
(userMenuOpen = !userMenuOpen)} class="inline-flex items-center gap-1.5 px-3 py-2 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase transition-colors hover:text-ink" >
{/if} {#if userMenuOpen}
(userMenuOpen = false)} class="block px-4 py-2.5 font-sans text-xs font-bold tracking-widest text-ink-2 uppercase transition-colors hover:bg-muted hover:text-ink" > {m.nav_profile()}
{m.nav_logout()}
{/if}