@oxy.so/services 11.14.0 → 11.15.0

package/lib/module/ui/screens/ManageAccountScreen.js

@@ -2,20 +2,21 @@
 
 import { OrganizationClaimReview } from "../components/organizations/OrganizationClaimReview.js";
 import { OrganizationClaims } from "../components/organizations/OrganizationClaims.js";
+import { SpinnerIcon } from '@oxy.so/bloom/loading';
 import { useCallback, useMemo, useState } from 'react';
-import { View, StyleSheet, ActivityIndicator, Linking, Platform } from 'react-native';
+import { View, StyleSheet, Linking, Platform } from 'react-native';
 import Ionicons from "../icons/Ionicons.js";
 import { toast } from '@oxy.so/bloom/toast';
 import { surfaces } from '@oxy.so/bloom/surfaces';
 import { useTheme } from '@oxy.so/bloom/theme';
 import { Text } from '@oxy.so/bloom/typography';
-import { SettingsListGroup, SettingsListItem } from '@oxy.so/bloom/settings-list';
+import { GroupedSection, GroupedSectionItem } from '@oxy.so/bloom/grouped-section';
 import { getAccountDisplayName, getAccountFallbackHandle, getNormalizedUserHandle, logger as loggerUtil, packageInfo } from '@oxy.so/core';
 import ProfileSummaryCard from "../components/ProfileSummaryCard.js";
 import { SettingsIcon } from "../components/SettingsIcon.js";
 import { presentDeleteAccount } from "../components/modals/DeleteAccountModal.js";
 import { runAccountDeletionHandoff } from "../utils/accountDeletionHandoff.js";
-import { useOxy } from "../context/OxyContext.js";
+import { useOxy } from "../context/oxyRuntimeContext.js";
 import { useI18n } from "../hooks/useI18n.js";
 import { useSurfaceHeader } from "../hooks/useSurfaceHeader.js";
 import { isWebBrowser } from "../utils/isWebBrowser.js";
@@ -24,7 +25,6 @@ import { useUserSubscription } from "../hooks/queries/usePaymentQueries.js";
 import { useDeviceSessions } from "../hooks/queries/useServicesQueries.js";
 import { deviceSessionTitle } from "../utils/deviceSessionTitle.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const AVATAR_SIZE = 88;
 const formatRelative = dateString => {
   if (!dateString) {
     return '—';
@@ -62,10 +62,12 @@ const formatRelative = dateString => {
  * device, and security/destructive actions for THIS account. Multi-account
  * surface lives in the unified `OxyAccountDialogScreen` — keep these concerns separate.
  */
+
 const ManageAccountScreen = ({
   onClose,
   goBack,
-  navigate
+  navigate,
+  section
 }) => {
   const bloomTheme = useTheme();
   const {
@@ -73,7 +75,7 @@ const ManageAccountScreen = ({
     locale
   } = useI18n();
   useSurfaceHeader({
-    title: t('manageAccount.title') || 'Manage your Oxy Account'
+    title: section === 'data' ? t('accountMenu.data') : t('manageAccount.title')
   });
   const {
     user: contextUser,
@@ -301,193 +303,180 @@ const ManageAccountScreen = ({
       })
     });
   }
-  if (userLoading && !user) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: /*#__PURE__*/_jsx(View, {
-        className: "items-center py-space-40",
-        children: /*#__PURE__*/_jsx(ActivityIndicator, {
-          color: bloomTheme.colors.primary,
-          size: "large"
-        })
-      })
-    });
-  }
   const deviceRows = deviceSessions ?? [];
   const otherDevices = deviceRows.filter(d => !d.isCurrent);
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs(View, {
       className: "px-screen-margin pb-space-24",
-      children: [/*#__PURE__*/_jsx(ProfileSummaryCard, {
-        displayName: displayName,
-        avatarUri: avatarUri,
-        avatarSize: AVATAR_SIZE,
-        onAvatarPress: openAvatarPicker,
-        showCameraBadge: true,
-        avatarAccessibilityLabel: t('editProfile.changeAvatar') || 'Change avatar',
-        lines: [handle ? user?.username ? `@${handle}` : handle : null, user?.email || null]
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('manageAccount.sections.profile') || 'Profile',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "account-circle",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('manageAccount.items.editProfile.title') || 'Edit profile',
-          description: t('manageAccount.items.editProfile.subtitle') || 'Name, username, bio, links',
-          onPress: () => navigate?.('EditProfile')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "palette",
-            color: bloomTheme.colors.info
-          }),
-          title: t('manageAccount.items.theme.title') || 'Theme color',
-          description: t('manageAccount.items.theme.subtitle') || 'Personalize your Bloom color',
-          onPress: () => navigate?.('Preferences')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "eye",
-            color: bloomTheme.colors.success
-          }),
-          title: t('editProfile.items.previewProfile.title') || 'Preview profile',
-          description: t('editProfile.items.previewProfile.subtitle') || 'See how your profile looks to others',
-          onPress: () => user?.id ? navigate?.('Profile', {
-            userId: user.id
-          }) : undefined,
-          disabled: !user?.id
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "check-circle",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('editProfile.items.verifyAccount.title') || 'Verify account',
-          description: t('editProfile.items.verifyAccount.subtitle') || 'Get a verified badge',
-          onPress: () => navigate?.('AccountVerification')
-        })]
-      }), user?.kind === 'organization' ? /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('organizationDirectory.title'),
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          title: t('organizationDirectory.view'),
-          onPress: () => navigate?.('AccountSettings', {
-            accountId: user.id
+      children: [section !== 'data' ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(ProfileSummaryCard, {
+          displayName: displayName,
+          avatarUri: avatarUri,
+          onAvatarPress: openAvatarPicker,
+          showCameraBadge: true,
+          avatarAccessibilityLabel: t('editProfile.changeAvatar') || 'Change avatar',
+          lines: [handle ? user?.username ? `@${handle}` : handle : null, user?.email || null]
+        }), /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('manageAccount.sections.profile') || 'Profile',
+          children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "account-circle",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('manageAccount.items.editProfile.title') || 'Edit profile',
+            description: t('manageAccount.items.editProfile.subtitle') || 'Name, username, bio, links',
+            onPress: () => navigate?.('EditProfile')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "palette",
+              color: bloomTheme.colors.info
+            }),
+            title: t('manageAccount.items.theme.title') || 'Theme color',
+            description: t('manageAccount.items.theme.subtitle') || 'Personalize your Bloom color',
+            onPress: () => navigate?.('Preferences')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "eye",
+              color: bloomTheme.colors.success
+            }),
+            title: t('editProfile.items.previewProfile.title') || 'Preview profile',
+            description: t('editProfile.items.previewProfile.subtitle') || 'See how your profile looks to others',
+            onPress: () => user?.id ? navigate?.('Profile', {
+              userId: user.id
+            }) : undefined,
+            disabled: !user?.id
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "check-circle",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('editProfile.items.verifyAccount.title') || 'Verify account',
+            description: t('editProfile.items.verifyAccount.subtitle') || 'Get a verified badge',
+            onPress: () => navigate?.('AccountVerification')
+          })]
+        }), user?.kind === 'organization' ? /*#__PURE__*/_jsx(GroupedSection, {
+          title: t('organizationDirectory.title'),
+          children: /*#__PURE__*/_jsx(GroupedSectionItem, {
+            title: t('organizationDirectory.view'),
+            onPress: () => navigate?.('AccountSettings', {
+              accountId: user.id
+            })
           })
-        })
-      }) : null, user?.kind === 'personal' ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(OrganizationClaims, {}, user.id), /*#__PURE__*/_jsx(OrganizationClaimReview, {}, `review:${user.id}`)]
-      }) : null, user?.kind === 'personal' ? /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('supervision.title'),
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
+        }) : null, user?.kind === 'personal' ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(OrganizationClaims, {}, user.id), /*#__PURE__*/_jsx(OrganizationClaimReview, {}, `review:${user.id}`)]
+        }) : null, user?.kind === 'personal' ? /*#__PURE__*/_jsx(GroupedSection, {
           title: t('supervision.title'),
-          description: t('supervision.entryDescription'),
-          onPress: () => navigate?.('Supervision')
-        })
-      }) : null, /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('manageAccount.sections.sessions') || 'Sessions & devices',
-        children: [deviceSessionsLoading ? /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "sync",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('manageAccount.sessions.loading') || 'Loading sessions…',
-          rightElement: /*#__PURE__*/_jsx(ActivityIndicator, {
-            color: bloomTheme.colors.primary,
-            size: "small"
-          }),
-          showChevron: false,
-          disabled: true
-        }) : deviceRows.length === 0 ? /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "cellphone",
-            color: bloomTheme.colors.textTertiary
-          }),
-          title: t('manageAccount.sessions.empty') || 'No active sessions',
-          showChevron: false,
-          disabled: true
-        }) : deviceRows.map(device => /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: device.isCurrent ? 'cellphone' : 'cellphone-basic',
-            color: device.isCurrent ? bloomTheme.colors.success : bloomTheme.colors.primary
-          }),
-          title: deviceSessionTitle(device, t),
-          description: t('manageAccount.sessions.lastActive', {
-            relative: formatRelative(device.lastActive)
-          }) || `Last active ${formatRelative(device.lastActive)}`,
-          onPress: device.isCurrent ? undefined : () => confirmRemoveDevice(device),
-          disabled: device.isCurrent || removingDeviceId === device.sessionId,
-          rightElement: !device.isCurrent ? removingDeviceId === device.sessionId ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            color: bloomTheme.colors.error,
-            size: "small"
-          }) : /*#__PURE__*/_jsx(Ionicons, {
-            name: "log-out-outline",
-            size: 18,
-            color: bloomTheme.colors.error
-          }) : undefined,
-          showChevron: false
-        }, `device-${device.sessionId}`)), otherDevices.length > 0 ? /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "logout",
-            color: bloomTheme.colors.error
-          }),
-          title: t('manageAccount.sessions.signOutAllOnThisDevice') || 'Sign out of all other devices',
-          description: t('manageAccount.sessions.signOutAllSubtitle', {
-            count: otherDevices.length
-          }) || `End ${otherDevices.length} other device session(s)`,
-          onPress: handleSignOutAllDevices,
-          destructive: true,
-          showChevron: false,
-          disabled: signingOutAllDevices,
-          rightElement: signingOutAllDevices ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            color: bloomTheme.colors.error,
-            size: "small"
-          }) : undefined
-        }) : null]
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('manageAccount.sections.security') || 'Security',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "shield-check",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('manageAccount.items.security.title') || 'Security settings',
-          description: t('manageAccount.items.security.subtitle') || 'Password, 2FA, recovery',
-          onPress: () => navigate?.('PrivacySettings')
-        }), user && !user.publicKey ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(SettingsListItem, {
+          children: /*#__PURE__*/_jsx(GroupedSectionItem, {
+            title: t('supervision.title'),
+            description: t('supervision.entryDescription'),
+            onPress: () => navigate?.('Supervision')
+          })
+        }) : null, /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('manageAccount.sections.sessions') || 'Sessions & devices',
+          children: [deviceSessionsLoading ? /*#__PURE__*/_jsx(GroupedSectionItem, {
             icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "key",
+              name: "sync",
               color: bloomTheme.colors.primary
             }),
-            title: t('signInSecurity.password.title'),
-            description: t('signInSecurity.password.row'),
-            onPress: () => navigate?.('SignInPassword')
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
+            title: t('manageAccount.sessions.loading') || 'Loading sessions…',
+            rightElement: null,
+            showChevron: false,
+            disabled: true
+          }) : deviceRows.length === 0 ? /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "cellphone",
+              color: bloomTheme.colors.textTertiary
+            }),
+            title: t('manageAccount.sessions.empty') || 'No active sessions',
+            showChevron: false,
+            disabled: true
+          }) : deviceRows.map(device => /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: device.isCurrent ? 'cellphone' : 'cellphone-basic',
+              color: device.isCurrent ? bloomTheme.colors.success : bloomTheme.colors.primary
+            }),
+            title: deviceSessionTitle(device, t),
+            description: t('manageAccount.sessions.lastActive', {
+              relative: formatRelative(device.lastActive)
+            }) || `Last active ${formatRelative(device.lastActive)}`,
+            onPress: device.isCurrent ? undefined : () => confirmRemoveDevice(device),
+            disabled: device.isCurrent || removingDeviceId === device.sessionId,
+            rightElement: !device.isCurrent ? removingDeviceId === device.sessionId ? /*#__PURE__*/_jsx(SpinnerIcon, {
+              color: bloomTheme.colors.error,
+              size: 16
+            }) : /*#__PURE__*/_jsx(Ionicons, {
+              name: "log-out-outline",
+              size: 18,
+              color: bloomTheme.colors.error
+            }) : undefined,
+            showChevron: false
+          }, `device-${device.sessionId}`)), otherDevices.length > 0 ? /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "logout",
+              color: bloomTheme.colors.error
+            }),
+            title: t('manageAccount.sessions.signOutAllOnThisDevice') || 'Sign out of all other devices',
+            description: t('manageAccount.sessions.signOutAllSubtitle', {
+              count: otherDevices.length
+            }) || `End ${otherDevices.length} other device session(s)`,
+            onPress: handleSignOutAllDevices,
+            destructive: true,
+            showChevron: false,
+            disabled: signingOutAllDevices,
+            rightElement: signingOutAllDevices ? /*#__PURE__*/_jsx(SpinnerIcon, {
+              color: bloomTheme.colors.error,
+              size: 16
+            }) : undefined
+          }) : null]
+        }), /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('manageAccount.sections.security') || 'Security',
+          children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
             icon: /*#__PURE__*/_jsx(SettingsIcon, {
               name: "shield-check",
               color: bloomTheme.colors.primary
             }),
-            title: t('signInSecurity.totp.title'),
-            description: t('signInSecurity.totp.row'),
-            onPress: () => navigate?.('SignInAuthenticator')
-          }), /*#__PURE__*/_jsx(SettingsListItem, {
+            title: t('manageAccount.items.security.title') || 'Security settings',
+            description: t('manageAccount.items.security.subtitle') || 'Password, 2FA, recovery',
+            onPress: () => navigate?.('PrivacySettings')
+          }), user && !user.publicKey ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
+              icon: /*#__PURE__*/_jsx(SettingsIcon, {
+                name: "key",
+                color: bloomTheme.colors.primary
+              }),
+              title: t('signInSecurity.password.title'),
+              description: t('signInSecurity.password.row'),
+              onPress: () => navigate?.('SignInPassword')
+            }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+              icon: /*#__PURE__*/_jsx(SettingsIcon, {
+                name: "shield-check",
+                color: bloomTheme.colors.primary
+              }),
+              title: t('signInSecurity.totp.title'),
+              description: t('signInSecurity.totp.row'),
+              onPress: () => navigate?.('SignInAuthenticator')
+            }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+              icon: /*#__PURE__*/_jsx(SettingsIcon, {
+                name: "link",
+                color: bloomTheme.colors.primary
+              }),
+              title: t('linkCommons.title'),
+              description: t('linkCommons.row'),
+              onPress: () => navigate?.('LinkCommons')
+            })]
+          }) : null, user?.isPremium || subscription?.status === 'active' ? /*#__PURE__*/_jsx(GroupedSectionItem, {
             icon: /*#__PURE__*/_jsx(SettingsIcon, {
-              name: "link",
-              color: bloomTheme.colors.primary
+              name: "credit-card",
+              color: bloomTheme.colors.success
             }),
-            title: t('linkCommons.title'),
-            description: t('linkCommons.row'),
-            onPress: () => navigate?.('LinkCommons')
-          })]
-        }) : null, user?.isPremium || subscription?.status === 'active' ? /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "credit-card",
-            color: bloomTheme.colors.success
-          }),
-          title: t('manageAccount.items.billing.title') || 'Billing',
-          description: t('manageAccount.items.billing.subtitle') || 'Manage subscription and payment methods',
-          onPress: () => navigate?.('PaymentGateway')
-        }) : null]
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
+            title: t('manageAccount.items.billing.title') || 'Billing',
+            description: t('manageAccount.items.billing.subtitle') || 'Manage subscription and payment methods',
+            onPress: () => navigate?.('PaymentGateway')
+          }) : null]
+        })]
+      }) : null, /*#__PURE__*/_jsxs(GroupedSection, {
         title: t('accountOverview.sections.quickActions') || 'Account & data',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
+        children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
           icon: /*#__PURE__*/_jsx(SettingsIcon, {
             name: "clock",
             color: bloomTheme.colors.primary
@@ -495,7 +484,7 @@ const ManageAccountScreen = ({
           title: t('accountOverview.items.history.title') || 'History',
           description: t('accountOverview.items.history.subtitle') || 'View and manage your search history',
           onPress: () => navigate?.('HistoryView')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
+        }), /*#__PURE__*/_jsx(GroupedSectionItem, {
           icon: /*#__PURE__*/_jsx(SettingsIcon, {
             name: "folder",
             color: bloomTheme.colors.info
@@ -503,7 +492,7 @@ const ManageAccountScreen = ({
           title: t('accountCenter.items.fileManagement.title') || 'Files',
           description: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
           onPress: () => navigate?.('FileManagement')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
+        }), /*#__PURE__*/_jsx(GroupedSectionItem, {
           icon: /*#__PURE__*/_jsx(SettingsIcon, {
             name: "download",
             color: bloomTheme.colors.primary
@@ -512,159 +501,161 @@ const ManageAccountScreen = ({
           description: t('accountOverview.items.downloadData.subtitle') || 'Export a copy of your account data',
           onPress: handleDownloadData
         })]
-      }), accounts.length > 0 || isAuthenticated ? /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('accountCenter.sections.accounts') || 'Accounts',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "account-switch",
-            color: bloomTheme.colors.info
-          }),
-          title: t('accounts.manage.switch.title') || 'Switch account',
-          description: accounts.length > 0 ?
-          // One account is "1 account", not "1 accounts".
-          t(accounts.length === 1 ? 'accounts.manage.switch.countOne' : 'accounts.manage.switch.count', {
-            count: accounts.length
-          }) : t('accounts.manage.switch.empty') || 'Accounts you own or share',
-          onPress: () => openAccountDialog('accounts')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "account-plus",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accounts.create.title') || 'Create account',
-          description: t('accounts.manage.create.subtitle') || 'Add an organization, project, or bot',
-          onPress: () => navigate?.('CreateAccount')
-        })]
-      }) : null, /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('manageAccount.sections.preferences') || 'Preferences',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "cog",
-            color: bloomTheme.colors.info
-          }),
-          title: t('preferences.title') || 'Preferences',
-          description: t('preferences.subtitle') || 'Theme, motion, and regional settings',
-          onPress: () => navigate?.('Preferences')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "bell",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('notifications.title') || 'Notifications',
-          description: t('notifications.subtitle') || 'Manage push, email, and security alerts',
-          onPress: () => navigate?.('Notifications')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "translate",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('language.title') || 'Language',
-          description: t('language.subtitle') || 'Choose your preferred language',
-          onPress: () => navigate?.('LanguageSelector')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "apps",
-            color: bloomTheme.colors.info
-          }),
-          title: t('connectedApps.title') || 'Connected apps',
-          description: t('connectedApps.subtitle') || 'Manage third-party app access',
-          onPress: () => navigate?.('ConnectedApps')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "web",
-            color: bloomTheme.colors.success
-          }),
-          title: t('domains.title'),
-          description: t('domains.subtitle'),
-          onPress: () => navigate?.('Domains')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "magnify",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.searchSettings.title') || 'Search settings',
-          description: t('accountOverview.items.searchSettings.subtitle') || 'SafeSearch and personalization',
-          onPress: () => navigate?.('SearchSettings')
-        })]
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('accountOverview.sections.support') || 'Support',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "help-circle",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.help.title') || 'Help & support',
-          description: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
-          onPress: () => navigate?.('HelpSupport')
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "information",
-            color: bloomTheme.colors.success
-          }),
-          title: t('accountOverview.items.about.title') || 'About',
-          description: t('accountOverview.items.about.subtitle') || 'Version and system details',
-          onPress: () => navigate?.('AppInfo')
-        })]
-      }), /*#__PURE__*/_jsxs(SettingsListGroup, {
-        title: t('manageAccount.sections.legal') || 'Legal',
-        children: [/*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "shield-check",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.privacyPolicy.title') || 'Privacy policy',
-          description: t('accountOverview.items.privacyPolicy.subtitle') || 'How we handle your data',
-          onPress: () => navigate?.('LegalDocuments', {
-            initialStep: 1
+      }), section !== 'data' ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [accounts.length > 0 || isAuthenticated ? /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('accountCenter.sections.accounts') || 'Accounts',
+          children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "account-switch",
+              color: bloomTheme.colors.info
+            }),
+            title: t('accounts.manage.switch.title') || 'Switch account',
+            description: accounts.length > 0 ?
+            // One account is "1 account", not "1 accounts".
+            t(accounts.length === 1 ? 'accounts.manage.switch.countOne' : 'accounts.manage.switch.count', {
+              count: accounts.length
+            }) : t('accounts.manage.switch.empty') || 'Accounts you own or share',
+            onPress: () => openAccountDialog('accounts')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "account-plus",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('accounts.create.title') || 'Create account',
+            description: t('accounts.manage.create.subtitle') || 'Add an organization, project, or bot',
+            onPress: () => navigate?.('CreateAccount')
+          })]
+        }) : null, /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('manageAccount.sections.preferences') || 'Preferences',
+          children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "cog",
+              color: bloomTheme.colors.info
+            }),
+            title: t('preferences.title') || 'Preferences',
+            description: t('preferences.subtitle') || 'Theme, motion, and regional settings',
+            onPress: () => navigate?.('Preferences')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "bell",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('notifications.title') || 'Notifications',
+            description: t('notifications.subtitle') || 'Manage push, email, and security alerts',
+            onPress: () => navigate?.('Notifications')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "translate",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('language.title') || 'Language',
+            description: t('language.subtitle') || 'Choose your preferred language',
+            onPress: () => navigate?.('LanguageSelector')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "apps",
+              color: bloomTheme.colors.info
+            }),
+            title: t('connectedApps.title') || 'Connected apps',
+            description: t('connectedApps.subtitle') || 'Manage third-party app access',
+            onPress: () => navigate?.('ConnectedApps')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "web",
+              color: bloomTheme.colors.success
+            }),
+            title: t('domains.title'),
+            description: t('domains.subtitle'),
+            onPress: () => navigate?.('Domains')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "magnify",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('accountOverview.items.searchSettings.title') || 'Search settings',
+            description: t('accountOverview.items.searchSettings.subtitle') || 'SafeSearch and personalization',
+            onPress: () => navigate?.('SearchSettings')
+          })]
+        }), /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('accountOverview.sections.support') || 'Support',
+          children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "help-circle",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('accountOverview.items.help.title') || 'Help & support',
+            description: t('accountOverview.items.help.subtitle') || 'Get help and contact support',
+            onPress: () => navigate?.('HelpSupport')
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "information",
+              color: bloomTheme.colors.success
+            }),
+            title: t('accountOverview.items.about.title') || 'About',
+            description: t('accountOverview.items.about.subtitle') || 'Version and system details',
+            onPress: () => navigate?.('AppInfo')
+          })]
+        }), /*#__PURE__*/_jsxs(GroupedSection, {
+          title: t('manageAccount.sections.legal') || 'Legal',
+          children: [/*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "shield-check",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('accountOverview.items.privacyPolicy.title') || 'Privacy policy',
+            description: t('accountOverview.items.privacyPolicy.subtitle') || 'How we handle your data',
+            onPress: () => navigate?.('LegalDocuments', {
+              initialStep: 1
+            })
+          }), /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "file-document",
+              color: bloomTheme.colors.primary
+            }),
+            title: t('accountOverview.items.termsOfService.title') || 'Terms of service',
+            description: t('accountOverview.items.termsOfService.subtitle') || 'Terms and conditions of use',
+            onPress: () => navigate?.('LegalDocuments', {
+              initialStep: 2
+            })
+          })]
+        }), /*#__PURE__*/_jsx(GroupedSection, {
+          title: t('manageAccount.sections.dangerZone') || 'Danger zone',
+          children: /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "delete",
+              color: bloomTheme.colors.error
+            }),
+            title: t('accountOverview.items.deleteAccount.title') || 'Delete account',
+            description: t('accountOverview.items.deleteAccount.subtitle') || 'Permanently delete your account and all data',
+            onPress: handleDeleteAccount,
+            destructive: true
           })
-        }), /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "file-document",
-            color: bloomTheme.colors.primary
-          }),
-          title: t('accountOverview.items.termsOfService.title') || 'Terms of service',
-          description: t('accountOverview.items.termsOfService.subtitle') || 'Terms and conditions of use',
-          onPress: () => navigate?.('LegalDocuments', {
-            initialStep: 2
+        }), /*#__PURE__*/_jsx(GroupedSection, {
+          children: /*#__PURE__*/_jsx(GroupedSectionItem, {
+            icon: /*#__PURE__*/_jsx(SettingsIcon, {
+              name: "logout",
+              color: bloomTheme.colors.error
+            }),
+            title: t('manageAccount.signOutOfThisAccount') || 'Sign out of this account',
+            onPress: handleSignOut,
+            destructive: true,
+            showChevron: false,
+            disabled: signingOut,
+            rightElement: signingOut ? /*#__PURE__*/_jsx(SpinnerIcon, {
+              color: bloomTheme.colors.error,
+              size: 16
+            }) : undefined
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          className: "items-center mt-space-12 mb-space-8",
+          children: /*#__PURE__*/_jsx(Text, {
+            className: "text-text-tertiary text-xs",
+            children: t('accountCenter.version', {
+              version: packageInfo.version
+            }) || `Version ${packageInfo.version}`
           })
         })]
-      }), /*#__PURE__*/_jsx(SettingsListGroup, {
-        title: t('manageAccount.sections.dangerZone') || 'Danger zone',
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "delete",
-            color: bloomTheme.colors.error
-          }),
-          title: t('accountOverview.items.deleteAccount.title') || 'Delete account',
-          description: t('accountOverview.items.deleteAccount.subtitle') || 'Permanently delete your account and all data',
-          onPress: handleDeleteAccount,
-          destructive: true
-        })
-      }), /*#__PURE__*/_jsx(SettingsListGroup, {
-        children: /*#__PURE__*/_jsx(SettingsListItem, {
-          icon: /*#__PURE__*/_jsx(SettingsIcon, {
-            name: "logout",
-            color: bloomTheme.colors.error
-          }),
-          title: t('manageAccount.signOutOfThisAccount') || 'Sign out of this account',
-          onPress: handleSignOut,
-          destructive: true,
-          showChevron: false,
-          disabled: signingOut,
-          rightElement: signingOut ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            color: bloomTheme.colors.error,
-            size: "small"
-          }) : undefined
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        className: "items-center mt-space-12 mb-space-8",
-        children: /*#__PURE__*/_jsx(Text, {
-          className: "text-text-tertiary text-xs",
-          children: t('accountCenter.version', {
-            version: packageInfo.version
-          }) || `Version ${packageInfo.version}`
-        })
-      }), /*#__PURE__*/_jsx(View, {
+      }) : null, /*#__PURE__*/_jsx(View, {
         style: styles.footerSpacer
       })]
     })