@oxyhq/services 30.0.0 → 30.0.1

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

@@ -0,0 +1,647 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Ionicons = _interopRequireDefault(require("@expo/vector-icons/Ionicons"));
+var _toast = require("@oxyhq/bloom/toast");
+var _surfaces = require("@oxyhq/bloom/surfaces");
+var _theme = require("@oxyhq/bloom/theme");
+var _typography = require("@oxyhq/bloom/typography");
+var _settingsList = require("@oxyhq/bloom/settings-list");
+var _core = require("@oxyhq/core");
+var _ProfileSummaryCard = _interopRequireDefault(require("../components/ProfileSummaryCard.js"));
+var _SettingsIcon = require("../components/SettingsIcon.js");
+var _DeleteAccountModal = require("../components/modals/DeleteAccountModal.js");
+var _ActionSheetSurface = require("../components/surfaces/ActionSheetSurface.js");
+var _OxyContext = require("../context/OxyContext.js");
+var _useI18n = require("../hooks/useI18n.js");
+var _useSurfaceHeader = require("../hooks/useSurfaceHeader.js");
+var _useAccountQueries = require("../hooks/queries/useAccountQueries.js");
+var _usePaymentQueries = require("../hooks/queries/usePaymentQueries.js");
+var _useServicesQueries = require("../hooks/queries/useServicesQueries.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AVATAR_SIZE = 88;
+const formatRelative = dateString => {
+  if (!dateString) {
+    return '—';
+  }
+  const date = new Date(dateString);
+  const now = new Date();
+  const diffMs = date.getTime() - now.getTime();
+  const absMin = Math.abs(diffMs) / 60000;
+  const isFuture = diffMs > 0;
+  if (absMin < 1) {
+    return isFuture ? 'in moments' : 'just now';
+  }
+  if (absMin < 60) {
+    const v = Math.floor(absMin);
+    return isFuture ? `in ${v}m` : `${v}m ago`;
+  }
+  const hrs = absMin / 60;
+  if (hrs < 24) {
+    const v = Math.floor(hrs);
+    return isFuture ? `in ${v}h` : `${v}h ago`;
+  }
+  const days = hrs / 24;
+  if (days < 7) {
+    const v = Math.floor(days);
+    return isFuture ? `in ${v}d` : `${v}d ago`;
+  }
+  return date.toLocaleDateString();
+};
+
+/**
+ * Unified "Manage your Oxy Account" screen.
+ *
+ * Replaces AccountOverview + AccountSettings + the per-account half of
+ * SessionManagement. Lists ONLY the active user's profile, sessions on this
+ * 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
+}) => {
+  const bloomTheme = (0, _theme.useTheme)();
+  const {
+    t,
+    locale
+  } = (0, _useI18n.useI18n)();
+  (0, _useSurfaceHeader.useSurfaceHeader)({
+    title: t('manageAccount.title') || 'Manage your Oxy Account'
+  });
+  const {
+    user: contextUser,
+    isAuthenticated,
+    oxyServices,
+    activeSessionId,
+    logout,
+    openAvatarPicker,
+    accounts,
+    openAccountDialog
+  } = (0, _OxyContext.useOxy)();
+  const {
+    data: userFromQuery,
+    isLoading: userLoading
+  } = (0, _useAccountQueries.useCurrentUser)({
+    enabled: isAuthenticated
+  });
+  // `user` IS the active account. In the real-session switch model, switching
+  // into an org/project/bot makes it the active session, so `useOxy().user`
+  // (and the freshest `useCurrentUser` copy) already reflects the switched
+  // account everywhere — identity-of-me surfaces and management/GDPR actions
+  // alike read this single `user`.
+  const user = userFromQuery ?? contextUser;
+  const {
+    data: subscription
+  } = (0, _usePaymentQueries.useUserSubscription)({
+    enabled: isAuthenticated
+  });
+  const {
+    data: deviceSessions,
+    isLoading: deviceSessionsLoading,
+    refetch: refetchDeviceSessions
+  } = (0, _useServicesQueries.useDeviceSessions)({
+    enabled: isAuthenticated && !!activeSessionId
+  });
+  const [removingDeviceId, setRemovingDeviceId] = (0, _react.useState)(null);
+  const [signingOutAllDevices, setSigningOutAllDevices] = (0, _react.useState)(false);
+  const [signingOut, setSigningOut] = (0, _react.useState)(false);
+  const displayName = (0, _react.useMemo)(() => user?.name?.displayName ?? (0, _core.getNormalizedUserHandle)(user) ?? (0, _core.getAccountDisplayName)(null, locale), [user, locale]);
+  const handle = (0, _react.useMemo)(() => (0, _core.getAccountFallbackHandle)(user), [user]);
+  const avatarUri = (0, _react.useMemo)(() => {
+    return user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar, 'thumb') : undefined;
+  }, [user?.avatar, oxyServices]);
+  const handleSignOut = (0, _react.useCallback)(async () => {
+    if (signingOut) {
+      return;
+    }
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('common.actions.signOut') || 'Sign out',
+      description: t('common.confirms.signOut') || 'Are you sure you want to sign out?',
+      confirmLabel: t('common.actions.signOut') || 'Sign out',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (!confirmed) {
+      return;
+    }
+    setSigningOut(true);
+    try {
+      await logout();
+      _toast.toast.success(t('common.actions.signedOut') || 'Signed out');
+      onClose?.();
+    } catch (error) {
+      _core.logger.warn('Sign out failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      _toast.toast.error(t('common.errors.signOutFailed') || 'Failed to sign out');
+    } finally {
+      setSigningOut(false);
+    }
+  }, [signingOut, logout, t, onClose]);
+  const confirmRemoveDevice = (0, _react.useCallback)(async device => {
+    if (!activeSessionId) {
+      return;
+    }
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('manageAccount.confirms.removeDeviceTitle') || 'Remove device',
+      description: t('manageAccount.confirms.removeDevice', {
+        name: device.deviceName
+      }) || `Sign out from "${device.deviceName}"?`,
+      confirmLabel: t('common.remove') || 'Remove',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (!confirmed) {
+      return;
+    }
+    setRemovingDeviceId(device.sessionId);
+    try {
+      await oxyServices.logoutSession(activeSessionId, device.sessionId);
+      await refetchDeviceSessions();
+      _toast.toast.success(t('manageAccount.toasts.deviceRemoved', {
+        name: device.deviceName
+      }) || `Signed out from ${device.deviceName}`);
+    } catch (error) {
+      _core.logger.warn('Remove device failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      _toast.toast.error(t('manageAccount.toasts.deviceRemoveFailed') || 'Failed to remove device');
+    } finally {
+      setRemovingDeviceId(null);
+    }
+  }, [activeSessionId, oxyServices, refetchDeviceSessions, t]);
+  const handleSignOutAllDevices = (0, _react.useCallback)(async () => {
+    if (!activeSessionId || signingOutAllDevices) {
+      return;
+    }
+    const otherDeviceCount = (deviceSessions ?? []).filter(device => !device.isCurrent).length;
+    const confirmed = await _surfaces.surfaces.confirm({
+      title: t('manageAccount.confirms.signOutAllDevicesTitle') || 'Sign out of all other devices',
+      description: t('manageAccount.confirms.signOutAllDevices', {
+        count: otherDeviceCount
+      }) || `End ${otherDeviceCount} other device session(s)? This won't sign you out here.`,
+      confirmLabel: t('common.actions.signOut') || 'Sign out',
+      cancelLabel: t('common.cancel') || 'Cancel',
+      destructive: true
+    });
+    if (!confirmed) {
+      return;
+    }
+    setSigningOutAllDevices(true);
+    try {
+      await oxyServices.logoutAllDeviceSessions(activeSessionId);
+      await refetchDeviceSessions();
+      _toast.toast.success(t('manageAccount.toasts.allDevicesSignedOut') || 'Signed out from all other devices');
+    } catch (error) {
+      _core.logger.warn('Sign out all devices failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      _toast.toast.error(t('manageAccount.toasts.allDevicesFailed') || 'Failed to sign out from other devices');
+    } finally {
+      setSigningOutAllDevices(false);
+    }
+  }, [activeSessionId, signingOutAllDevices, deviceSessions, oxyServices, refetchDeviceSessions, t]);
+  const performDownload = (0, _react.useCallback)(async format => {
+    if (!user) {
+      _toast.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
+      return;
+    }
+    try {
+      _toast.toast.info(t('accountOverview.items.downloadData.downloading') || 'Preparing download...');
+      const blob = await oxyServices.downloadAccountData(format);
+      if (_reactNative.Platform.OS === 'web') {
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = `account-data-${Date.now()}.${format}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+      }
+      _toast.toast.success(t('accountOverview.items.downloadData.success') || 'Data downloaded successfully');
+    } catch (error) {
+      _core.logger.warn('Download account data failed', {
+        component: 'ManageAccountScreen'
+      }, error);
+      _toast.toast.error((error instanceof Error ? error.message : null) || t('accountOverview.items.downloadData.error') || 'Failed to download data');
+    }
+  }, [oxyServices, user, t]);
+
+  // Runs the actual deletion from inside the delete-account surface; it throws
+  // on failure so the surface can surface the error and stay open. Sign-out +
+  // close happen in `handleDeleteAccount` once the surface resolves `true`.
+  const handleConfirmDelete = (0, _react.useCallback)(async confirmText => {
+    if (!user) {
+      throw new Error(t('accountOverview.items.deleteAccount.error') || 'Service not available');
+    }
+    await oxyServices.deleteAccount(confirmText);
+    _toast.toast.success(t('accountOverview.items.deleteAccount.success') || 'Account deleted successfully');
+  }, [oxyServices, user, t]);
+  const handleDownloadData = (0, _react.useCallback)(async () => {
+    if (!user) {
+      _toast.toast.error(t('accountOverview.items.downloadData.error') || 'Service not available');
+      return;
+    }
+    const format = await (0, _ActionSheetSurface.presentActionSheet)({
+      title: t('accountOverview.items.downloadData.confirmTitle') || 'Download account data',
+      message: t('accountOverview.items.downloadData.confirmMessage') || 'Choose the format for your account data export:',
+      options: [{
+        label: 'JSON',
+        value: 'json'
+      }, {
+        label: 'CSV',
+        value: 'csv'
+      }],
+      cancelLabel: t('common.cancel') || 'Cancel'
+    });
+    if (format) {
+      await performDownload(format);
+    }
+  }, [user, t, performDownload]);
+  const handleDeleteAccount = (0, _react.useCallback)(async () => {
+    if (!user) {
+      _toast.toast.error(t('accountOverview.items.deleteAccount.error') || 'User not available');
+      return;
+    }
+    const deleted = await (0, _DeleteAccountModal.presentDeleteAccount)({
+      username: user.username || '',
+      onDelete: handleConfirmDelete,
+      t
+    });
+    if (deleted) {
+      await logout();
+      onClose?.();
+    }
+  }, [user, t, handleConfirmDelete, logout, onClose]);
+  if (!isAuthenticated) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: "items-center py-space-40",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          className: "text-text font-medium text-base",
+          children: t('common.status.notSignedIn') || 'Not signed in'
+        })
+      })
+    });
+  }
+  if (userLoading && !user) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: "items-center py-space-40",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          color: bloomTheme.colors.primary,
+          size: "large"
+        })
+      })
+    });
+  }
+  const deviceRows = deviceSessions ?? [];
+  const otherDevices = deviceRows.filter(d => !d.isCurrent);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: "px-screen-margin pb-space-24",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileSummaryCard.default, {
+        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__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('manageAccount.sections.profile') || 'Profile',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('manageAccount.sections.sessions') || 'Sessions & devices',
+        children: [deviceSessionsLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "sync",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('manageAccount.sessions.loading') || 'Loading sessions…',
+          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            color: bloomTheme.colors.primary,
+            size: "small"
+          }),
+          showChevron: false,
+          disabled: true
+        }) : deviceRows.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "cellphone",
+            color: bloomTheme.colors.textTertiary
+          }),
+          title: t('manageAccount.sessions.empty') || 'No active sessions',
+          showChevron: false,
+          disabled: true
+        }) : deviceRows.map(device => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: device.isCurrent ? 'cellphone' : 'cellphone-basic',
+            color: device.isCurrent ? bloomTheme.colors.success : bloomTheme.colors.primary
+          }),
+          title: `${device.deviceName}${device.isCurrent ? ` (${t('manageAccount.sessions.thisDevice') || 'This device'})` : ''}`,
+          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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            color: bloomTheme.colors.error,
+            size: "small"
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
+            name: "log-out-outline",
+            size: 18,
+            color: bloomTheme.colors.error
+          }) : undefined,
+          showChevron: false
+        }, `device-${device.sessionId}`)), otherDevices.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            color: bloomTheme.colors.error,
+            size: "small"
+          }) : undefined
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('manageAccount.sections.security') || 'Security',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "star",
+            color: bloomTheme.colors.warning
+          }),
+          title: t('accountOverview.items.premium.title') || 'Oxy+',
+          description: user?.isPremium ? t('accountOverview.items.premium.manage') || 'Manage your premium plan' : t('accountOverview.items.premium.upgrade') || 'Upgrade to premium features',
+          onPress: () => navigate?.('PremiumSubscription')
+        }), user?.isPremium || subscription?.status === 'active' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('accountOverview.sections.quickActions') || 'Account & data',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "clock",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('accountOverview.items.history.title') || 'History',
+          description: t('accountOverview.items.history.subtitle') || 'View and manage your search history',
+          onPress: () => navigate?.('HistoryView')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "bookmark",
+            color: bloomTheme.colors.info
+          }),
+          title: t('accountOverview.items.saves.title') || 'Saves & Collections',
+          description: t('accountOverview.items.saves.subtitle') || 'View your saved items and collections',
+          onPress: () => navigate?.('SavesCollections')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "folder",
+            color: bloomTheme.colors.info
+          }),
+          title: t('accountCenter.items.fileManagement.title') || 'Files',
+          description: t('accountCenter.items.fileManagement.subtitle') || 'Upload, download, and manage your files',
+          onPress: () => navigate?.('FileManagement')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "download",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('accountOverview.items.downloadData.title') || 'Download your data',
+          description: t('accountOverview.items.downloadData.subtitle') || 'Export a copy of your account data',
+          onPress: handleDownloadData
+        })]
+      }), accounts.length > 0 || isAuthenticated ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('accountCenter.sections.accounts') || 'Accounts',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "account-switch",
+            color: bloomTheme.colors.info
+          }),
+          title: t('accounts.manage.switch.title') || 'Switch account',
+          description: accounts.length > 0 ? t('accounts.manage.switch.count', {
+            count: accounts.length
+          }) || `${accounts.length} ${accounts.length === 1 ? 'account' : 'accounts'}` : t('accounts.manage.switch.empty') || 'Accounts you own or share',
+          onPress: () => openAccountDialog('accounts')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('manageAccount.sections.preferences') || 'Preferences',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "translate",
+            color: bloomTheme.colors.primary
+          }),
+          title: t('language.title') || 'Language',
+          description: t('language.subtitle') || 'Choose your preferred language',
+          onPress: () => navigate?.('LanguageSelector')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('accountOverview.sections.support') || 'Support',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.SettingsIcon, {
+            name: "message-text",
+            color: bloomTheme.colors.info
+          }),
+          title: t('feedback.title') || 'Send feedback',
+          description: t('feedback.subtitle') || 'Tell us what you think',
+          onPress: () => navigate?.('Feedback')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsxs)(_settingsList.SettingsListGroup, {
+        title: t('manageAccount.sections.legal') || 'Legal',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        title: t('manageAccount.sections.dangerZone') || 'Danger zone',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsIcon.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            color: bloomTheme.colors.error,
+            size: "small"
+          }) : undefined
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        className: "items-center mt-space-12 mb-space-8",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
+          className: "text-text-tertiary text-xs",
+          children: t('accountCenter.version', {
+            version: _core.packageInfo.version
+          }) || `Version ${_core.packageInfo.version}`
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.footerSpacer
+      })]
+    })
+  });
+};
+
+// Layout-only styles: flex centering, the absolutely-positioned avatar badge,
+// and measured pixel dimensions that no token class can express. Colors,
+// spacing, radius, and typography roles live on Bloom components + NativeWind
+// token classes.
+const styles = _reactNative.StyleSheet.create({
+  footerSpacer: {
+    height: 24
+  }
+});
+var _default = exports.default = ManageAccountScreen;
+//# sourceMappingURL=ManageAccountScreen.js.map