Less eagerly enable very wide layout for user profile (only if more than 8 items for passkeys or per site sessions).

2026-02-11 01:24:15 +00:00
parent 4ebe5ae968
commit cebaa2a757
1 changed files with 15 additions and 1 deletions
@@ -337,7 +337,21 @@ const isAdmin = computed(() => {
 })
 const hasMultipleSessions = computed(() => sessions.value.length > 1)
 const credentials = computed(() => authStore.userInfo?.credentials || [])
-const useWideLayout = computed(() => sessions.value.length > 4 || credentials.value.length > 4)
+const useWideLayout = computed(() => {
+  // Check if any single site has more than 8 sessions
+  const groups = {}
+  for (const session of sessions.value) {
+    const host = session.host || ''
+    if (!groups[host]) groups[host] = []
+    groups[host].push(session)
+  }
+  const hasLargeSessionGroup = Object.values(groups).some(group => group.length > 8)
+
+  // Check if passkeys exceed 8
+  const hasManyCredentials = credentials.value.length > 8
+
+  return hasLargeSessionGroup || hasManyCredentials
+})
 const breadcrumbEntries = computed(() => { const entries = [{ label: 'Auth', href: makeUiHref() }]; if (isAdmin.value) entries.push({ label: 'Admin', href: adminUiPath() }); return entries })

 const saveName = async () => {