Require email account authentication

apps/web/components/AppShell.vue

@@ -4,12 +4,12 @@ const { session, restore, signOut } = useDngAuth()
 onMounted(() => void restore())
 
 const initials = computed(() => {
-  const email = session.value?.user.email ?? ''
-  return email.slice(0, 2).toUpperCase() || 'G'
+  const displayName = session.value?.user.user_metadata?.display_name
+  const source = typeof displayName === 'string' && displayName.trim() ? displayName : session.value?.user.email ?? ''
+  return source.trim().split(/\s+/).map(part => part[0]).join('').slice(0, 2).toUpperCase() || 'D&G'
 })
 
 async function leave() {
-  if (session.value?.user.is_anonymous && !window.confirm('This guest account cannot be recovered after sign out. Leave anyway?')) return
   await signOut()
   await navigateTo('/')
 }
@@ -22,7 +22,7 @@ async function leave() {
       <div class="topbar-center"><span class="status-dot" /> PRIVATE ALPHA <b v-if="section">/ {{ section }}</b></div>
       <div class="topbar-actions">
         <NuxtLink to="/dashboard" class="icon-link" aria-label="Dashboard">⌂</NuxtLink>
-        <button v-if="session" class="avatar" :title="session.user.is_anonymous ? 'Guest session — sign out' : `Sign out ${session.user.email ?? ''}`" @click="leave">{{ initials }}</button>
+        <button v-if="session" class="avatar" :title="`Sign out ${session.user.email ?? ''}`" @click="leave">{{ initials }}</button>
         <div v-else class="avatar">D&G</div>
       </div>
     </header>