@oxyhq/services 22.8.7 → 22.10.0

package/lib/commonjs/ui/screens/trust/TrustRulesScreen.js

@@ -9,22 +9,23 @@ var _reactNative = require("react-native");
 var _settingsList = require("@oxyhq/bloom/settings-list");
 var _chip = require("@oxyhq/bloom/chip");
 var _theme = require("@oxyhq/bloom/theme");
-var _Header = _interopRequireDefault(require("../../components/Header.js"));
+var _useSurfaceHeader = require("../../hooks/useSurfaceHeader.js");
 var _loading = require("@oxyhq/bloom/loading");
 var _useI18n = require("../../hooks/useI18n.js");
 var _OxyContext = require("../../context/OxyContext.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** Stable display order for rule category sections. */const CATEGORY_ORDER = ['content', 'social', 'trust', 'moderation', 'physical', 'penalty', 'other'];
-const TrustRulesScreen = ({
-  goBack
-}) => {
+const TrustRulesScreen = () => {
   const {
     oxyServices
   } = (0, _OxyContext.useOxy)();
   const {
     t
   } = (0, _useI18n.useI18n)();
+  (0, _useSurfaceHeader.useSurfaceHeader)({
+    title: t('trust.rules.title') || 'Trust Rules',
+    subtitle: t('trust.rules.subtitle') || 'How to earn reputation'
+  });
   const bloomTheme = (0, _theme.useTheme)();
   const [rules, setRules] = (0, _react.useState)([]);
   const [isLoading, setIsLoading] = (0, _react.useState)(true);
@@ -53,14 +54,8 @@ const TrustRulesScreen = ({
       items: buckets.get(category) ?? []
     }));
   }, [rules]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    className: "flex-1 bg-bg",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      title: t('trust.rules.title') || 'Trust Rules',
-      subtitle: t('trust.rules.subtitle') || 'How to earn reputation',
-      onBack: goBack,
-      elevation: "subtle"
-    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_loading.Loading, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_loading.Loading, {
       size: "large",
       color: bloomTheme.colors.primary
     }) : error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
@@ -69,29 +64,26 @@ const TrustRulesScreen = ({
     }) : rules.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       className: "text-text-secondary text-base text-center px-screen-margin pt-space-40",
       children: t('trust.rules.empty') || 'No rules found.'
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      className: "flex-1",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        className: "px-screen-margin pb-space-24 pt-space-12",
-        children: groupedRules.map(({
-          category,
-          items
-        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
-          title: t(`trust.rules.categories.${category}`) || category,
-          children: items.map(rule => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
-            title: rule.description,
-            showChevron: false,
-            rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chip.Chip, {
-              variant: "soft",
-              size: "small",
-              color: rule.points > 0 ? 'success' : rule.points < 0 ? 'error' : 'default',
-              children: rule.points > 0 ? `+${rule.points}` : `${rule.points}`
-            }),
-            accessibilityLabel: `${rule.description}, ${rule.points > 0 ? '+' : ''}${rule.points} ${t('trust.center.balance') || 'reputation points'}`
-          }, rule.id))
-        }, category))
-      })
-    })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "px-screen-margin pb-space-24 pt-space-12",
+      children: groupedRules.map(({
+        category,
+        items
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListGroup, {
+        title: t(`trust.rules.categories.${category}`) || category,
+        children: items.map(rule => /*#__PURE__*/(0, _jsxRuntime.jsx)(_settingsList.SettingsListItem, {
+          title: rule.description,
+          showChevron: false,
+          rightElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chip.Chip, {
+            variant: "soft",
+            size: "small",
+            color: rule.points > 0 ? 'success' : rule.points < 0 ? 'error' : 'default',
+            children: rule.points > 0 ? `+${rule.points}` : `${rule.points}`
+          }),
+          accessibilityLabel: `${rule.description}, ${rule.points > 0 ? '+' : ''}${rule.points} ${t('trust.center.balance') || 'reputation points'}`
+        }, rule.id))
+      }, category))
+    })
   });
 };
 var _default = exports.default = TrustRulesScreen;

package/lib/commonjs/ui/screens/trust/TrustRulesScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_settingsList","_chip","_theme","_Header","_interopRequireDefault","_loading","_useI18n","_OxyContext","_jsxRuntime","e","__esModule","default","CATEGORY_ORDER","TrustRulesScreen","goBack","oxyServices","useOxy","t","useI18n","bloomTheme","useTheme","rules","setRules","useState","isLoading","setIsLoading","error","setError","useEffect","getReputationRules","then","data","Array","isArray","catch","err","Error","message","finally","groupedRules","useMemo","buckets","Map","rule","category","includes","bucket","get","push","set","filter","has","map","items","jsxs","View","className","children","jsx","title","subtitle","onBack","elevation","Loading","size","color","colors","primary","Text","length","ScrollView","SettingsListGroup","SettingsListItem","description","showChevron","rightElement","Chip","variant","points","accessibilityLabel","id","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/screens/trust/TrustRulesScreen.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_settingsList","_chip","_theme","_useSurfaceHeader","_loading","_useI18n","_OxyContext","_jsxRuntime","CATEGORY_ORDER","TrustRulesScreen","oxyServices","useOxy","t","useI18n","useSurfaceHeader","title","subtitle","bloomTheme","useTheme","rules","setRules","useState","isLoading","setIsLoading","error","setError","useEffect","getReputationRules","then","data","Array","isArray","catch","err","Error","message","finally","groupedRules","useMemo","buckets","Map","rule","category","includes","bucket","get","push","set","filter","has","map","items","jsx","Fragment","children","Loading","size","color","colors","primary","Text","className","length","View","SettingsListGroup","SettingsListItem","description","showChevron","rightElement","Chip","variant","points","accessibilityLabel","id","_default","exports","default"],"sourceRoot":"../../../../../src","sources":["ui/screens/trust/TrustRulesScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/types/surfaceScreen.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=surfaceScreen.js.map

package/lib/commonjs/ui/types/surfaceScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["ui/types/surfaceScreen.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -122,13 +122,14 @@ export { LogoIcon } from "./ui/components/logo/LogoIcon.js";
 export { LogoText } from "./ui/components/logo/LogoText.js";
 
 // Sidebar account trigger. Pressing `ProfileButton` opens the unified
-// `OxyAccountDialog` (the single account switcher + sign-in surface) via
+// `OxyAccountDialogScreen` (the single account switcher + sign-in surface) via
 // `useOxy().openAccountDialog`.
 export { default as ProfileButton } from "./ui/components/ProfileButton.js";
-// The account switcher/sign-in/sign-up chooser WITHOUT dialog chrome —
-// `OxyAccountDialog` wraps this in Bloom's `<Dialog>` for the normal in-app
-// surface; exported directly so a bare host (e.g. a future auth.oxy.so hub
-// page) can mount the exact same chooser with its own completion strategy.
+// The account switcher/sign-in/sign-up chooser WITHOUT dialog chrome — the
+// surface stack presents `OxyAccountDialogScreen` (which renders this) into
+// Bloom's `<Dialog>` for the normal in-app surface; exported directly so a bare
+// host (e.g. a future auth.oxy.so hub page) can mount the exact same chooser
+// with its own completion strategy.
 export { default as OxyAuthChooser } from "./ui/components/OxyAuthChooser.js";
 // Unified switchable-accounts hook — the single source of everything the user
 // can switch into: device sign-ins AND linked graph accounts (owned orgs +
@@ -153,6 +154,12 @@ export { default as AccountSettingsScreen } from "./ui/screens/AccountSettingsSc
 // Bottom-sheet navigation
 // ---------------------------------------------------------------------------
 export { showBottomSheet, closeBottomSheet } from "./ui/navigation/bottomSheetManager.js";
+// Surface nav header — a surface screen declares its title/subtitle (+ any
+// action slot) into the Dialog's OWN navigation header. Screens render no header
+// of their own.
+export { useSurfaceHeader } from "./ui/hooks/useSurfaceHeader.js";
+export { SurfaceHeaderAction } from "./ui/components/SurfaceHeaderAction.js";
+
 // ---------------------------------------------------------------------------
 // Unified account dialog — imperative entry points
 // ---------------------------------------------------------------------------

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["setPlatformOS","Platform","OS","default","OxyProvider","useOxy","useAuth","FontLoader","setupFonts","useAuthStore","useAccountStore","useAssetStore","useAssets","useAssetsStore","useAsset","useUploadProgress","useAssetLoading","useAssetErrors","useAssetsByApp","useAssetsByEntity","useAssetUsageCount","useIsAssetLinked","setOxyAssetInstance","useFileDownloadUrl","useFollow","useFollowerCounts","useSeedFollowStatuses","useStorage","useUserProfile","useUserProfiles","useCurrentUser","useUserById","useUserByUsername","useUsersBySessions","usePrivacySettings","useConnectedApps","useSessions","useSession","useDeviceSessions","useUserDevices","useSecurityInfo","useAccountStorageUsage","useSecurityActivity","useRecentSecurityActivity","useInfiniteSecurityActivity","useAuthMethods","useUserSubscription","useUserPayments","useUserWallet","useUserWalletTransactions","useUpdateProfile","useUploadAvatar","useUpdateAccountSettings","useUpdatePrivacySettings","useUpdateNotificationPreferences","useUpdateUserPreferences","useRevokeConnectedApp","useUploadFile","useSwitchSession","useLogoutSession","useLogoutAll","useUpdateDeviceName","useRemoveDevice","createProfileMutation","createGenericMutation","mutationKeys","queryKeys","invalidateAccountQueries","invalidateUserQueries","invalidateSessionQueries","invalidateDeviceQueries","invalidatePrivacyQueries","invalidateSecurityQueries","invalidateStorageQueries","invalidatePaymentsQueries","invalidateConnectedAppsQueries","invalidateAuthMethodsQueries","upsertCachedUser","upsertCachedUsers","useMutationStatus","useOnlineStatus","useOxyEvent","handleAuthError","isInvalidSessionError","isTimeoutOrNetworkError","extractErrorMessage","useFileFiltering","OXY_OAUTH_STATE_STORAGE_KEY","OXY_OAUTH_CODE_VERIFIER_STORAGE_KEY","OxySignInButton","OxyAuthPrompt","OxyOAuthCallback","OxyConsentScreen","RequireOxyAuth","FollowButton","OxyPayButton","LogoIcon","LogoText","ProfileButton","OxyAuthChooser","useSwitchableAccounts","ProfileScreen","ManageAccountScreen","NotificationsScreen","PreferencesScreen","ConnectedAppsScreen","CreateAccountScreen","AccountMembersScreen","AccountSettingsScreen","showBottomSheet","closeBottomSheet","openAccountDialog","closeAccountDialog","subscribeToAccountDialog"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA,SAASA,aAAa,QAAyB,aAAa;AAC5D,SAASC,QAAQ,QAAQ,cAAc;AACvCD,aAAa,CAACC,QAAQ,CAACC,EAAgB,CAAC;;AAExC;AACA;AACA;AACA,SAASC,OAAO,IAAIC,WAAW,QAAQ,gCAA6B;AACpE,SAASC,MAAM,QAAQ,4BAAyB;AAEhD,SAASC,OAAO,QAAQ,uBAAoB;AAG5C;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,4BAA4B;;AAEnE;AACA;AACA;AACA,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SAASC,eAAe,QAAQ,6BAA0B;AAC1D,SACIC,aAAa,EACbC,SAAS,IAAIC,cAAc,EAC3BC,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,iBAAiB,EACjBC,kBAAkB,EAClBC,gBAAgB,QACb,2BAAwB;;AAE/B;AACA;AACA;AACA,SAAST,SAAS,EAAEU,mBAAmB,QAAQ,yBAAsB;AACrE,SAASC,kBAAkB,QAAQ,kCAA+B;AAClE,SAASC,SAAS,EAAEC,iBAAiB,EAAEC,qBAAqB,QAAQ,yBAAsB;AAC1F,SAASC,UAAU,QAAQ,0BAAuB;AAGlD;AACA;AACA;AACA,SACIC,cAAc,EACdC,eAAe,EACfC,cAAc,EACdC,WAAW,EACXC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB,EAClBC,gBAAgB,QACb,yCAAsC;AAC7C,SACIC,WAAW,EACXC,UAAU,EACVC,iBAAiB,EACjBC,cAAc,EACdC,eAAe,EACfC,sBAAsB,QACnB,0CAAuC;AAC9C,SACIC,mBAAmB,EACnBC,yBAAyB,EACzBC,2BAA2B,QACxB,0CAAuC;AAC9C,SAASC,cAAc,QAAQ,sCAAmC;AAClE,SACIC,mBAAmB,EACnBC,eAAe,EACfC,aAAa,EACbC,yBAAyB,QACtB,yCAAsC;;AAE7C;;AAeA;AACA;AACA;AACA,SACIC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB,EACxBC,wBAAwB,EACxBC,gCAAgC,EAChCC,wBAAwB,EACxBC,qBAAqB,EACrBC,aAAa,QACV,6CAA0C;AACjD,SACIC,gBAAgB,EAChBC,gBAAgB,EAChBC,YAAY,EACZC,mBAAmB,EACnBC,eAAe,QACZ,8CAA2C;AAClD,SACIC,qBAAqB,EACrBC,qBAAqB,QAClB,yCAAsC;AAM7C;AACA,SAASC,YAAY,QAAQ,sCAAmC;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA,SACIC,SAAS,EACTC,wBAAwB,EACxBC,qBAAqB,EACrBC,wBAAwB,EACxBC,uBAAuB,EACvBC,wBAAwB,EACxBC,yBAAyB,EACzBC,wBAAwB,EACxBC,yBAAyB,EACzBC,8BAA8B,EAC9BC,4BAA4B,QACzB,iCAA8B;;AAErC;AACA;AACA;AACA;AACA;AACA,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,iCAA8B;AAGlF;AACA,SAASC,iBAAiB,QAAQ,iCAA8B;AAEhE,SAASC,eAAe,QAAQ,+BAA4B;AAC5D,SAASC,WAAW,QAAQ,2BAAwB;;AAEpD;AACA;AACA;AACA,SACIC,eAAe,EACfC,qBAAqB,EACrBC,uBAAuB,EACvBC,mBAAmB,QAChB,6BAA0B;AAGjC;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,gCAA6B;AAG9D;AACA;AACA;AACA,SACEC,2BAA2B,EAC3BC,mCAAmC,QAC9B,aAAa;AACpB,SAASrF,OAAO,IAAIsF,eAAe,QAAQ,oCAAiC;AAE5E,SAASC,aAAa,QAAQ,kCAA+B;AAE7D,SAASC,gBAAgB,QAAQ,qCAAkC;AAEnE,SAASC,gBAAgB,QAAQ,qCAAkC;AAOnE;AACA;AACA;AACA;AACA;AACA,SAASC,cAAc,QAAQ,mCAAgC;AAG/D,SAAS1F,OAAO,IAAI2F,YAAY,QAAQ,iCAA8B;AAEtE,SAAS3F,OAAO,IAAI4F,YAAY,QAAQ,iCAA8B;AACtE,SAASC,QAAQ,QAAQ,kCAA+B;AACxD,SAASC,QAAQ,QAAQ,kCAA+B;;AAExD;AACA;AACA;AACA,SAAS9F,OAAO,IAAI+F,aAAa,QAAQ,kCAA+B;AAGxE;AACA;AACA;AACA;AACA,SAAS/F,OAAO,IAAIgG,cAAc,QAAQ,mCAAgC;AAG1E;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,qCAAkC;AAGxE;AACA,SAASjG,OAAO,IAAIkG,aAAa,QAAQ,+BAA4B;AACrE,SAASlG,OAAO,IAAImG,mBAAmB,QAAQ,qCAAkC;AACjF,SAASnG,OAAO,IAAIoG,mBAAmB,QAAQ,qCAAkC;AACjF,SAASpG,OAAO,IAAIqG,iBAAiB,QAAQ,mCAAgC;AAC7E,SAASrG,OAAO,IAAIsG,mBAAmB,QAAQ,qCAAkC;;AAEjF;AACA,SAAStG,OAAO,IAAIuG,mBAAmB,QAAQ,qCAAkC;AACjF,SAASvG,OAAO,IAAIwG,oBAAoB,QAAQ,sCAAmC;AACnF,SAASxG,OAAO,IAAIyG,qBAAqB,QAAQ,uCAAoC;;AAErF;AACA;AACA;AACA,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,uCAAoC;AAGtF;AACA;AACA;AACA;AACA,SACEC,iBAAiB,EACjBC,kBAAkB,EAClBC,wBAAwB,QACnB,yCAAsC","ignoreList":[]}
+{"version":3,"names":["setPlatformOS","Platform","OS","default","OxyProvider","useOxy","useAuth","FontLoader","setupFonts","useAuthStore","useAccountStore","useAssetStore","useAssets","useAssetsStore","useAsset","useUploadProgress","useAssetLoading","useAssetErrors","useAssetsByApp","useAssetsByEntity","useAssetUsageCount","useIsAssetLinked","setOxyAssetInstance","useFileDownloadUrl","useFollow","useFollowerCounts","useSeedFollowStatuses","useStorage","useUserProfile","useUserProfiles","useCurrentUser","useUserById","useUserByUsername","useUsersBySessions","usePrivacySettings","useConnectedApps","useSessions","useSession","useDeviceSessions","useUserDevices","useSecurityInfo","useAccountStorageUsage","useSecurityActivity","useRecentSecurityActivity","useInfiniteSecurityActivity","useAuthMethods","useUserSubscription","useUserPayments","useUserWallet","useUserWalletTransactions","useUpdateProfile","useUploadAvatar","useUpdateAccountSettings","useUpdatePrivacySettings","useUpdateNotificationPreferences","useUpdateUserPreferences","useRevokeConnectedApp","useUploadFile","useSwitchSession","useLogoutSession","useLogoutAll","useUpdateDeviceName","useRemoveDevice","createProfileMutation","createGenericMutation","mutationKeys","queryKeys","invalidateAccountQueries","invalidateUserQueries","invalidateSessionQueries","invalidateDeviceQueries","invalidatePrivacyQueries","invalidateSecurityQueries","invalidateStorageQueries","invalidatePaymentsQueries","invalidateConnectedAppsQueries","invalidateAuthMethodsQueries","upsertCachedUser","upsertCachedUsers","useMutationStatus","useOnlineStatus","useOxyEvent","handleAuthError","isInvalidSessionError","isTimeoutOrNetworkError","extractErrorMessage","useFileFiltering","OXY_OAUTH_STATE_STORAGE_KEY","OXY_OAUTH_CODE_VERIFIER_STORAGE_KEY","OxySignInButton","OxyAuthPrompt","OxyOAuthCallback","OxyConsentScreen","RequireOxyAuth","FollowButton","OxyPayButton","LogoIcon","LogoText","ProfileButton","OxyAuthChooser","useSwitchableAccounts","ProfileScreen","ManageAccountScreen","NotificationsScreen","PreferencesScreen","ConnectedAppsScreen","CreateAccountScreen","AccountMembersScreen","AccountSettingsScreen","showBottomSheet","closeBottomSheet","useSurfaceHeader","SurfaceHeaderAction","openAccountDialog","closeAccountDialog","subscribeToAccountDialog"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/OxyAccountDialogScreen.js

@@ -0,0 +1,145 @@
+"use strict";
+
+/**
+ * OxyAccountDialogScreen — the ONE unified account dialog BODY for `@oxyhq/services`.
+ *
+ * The header (title/subtitle per view + back button) around the headless chooser
+ * logic, which lives in `OxyAuthChooser` — the account switcher, sign-in,
+ * sign-up, and QR views are ALL there, extracted so the same chooser can be
+ * mounted bare by a future host with no Dialog chrome (e.g. an auth.oxy.so hub
+ * page driving the cross-origin passkey popup, b2). This file owns ONLY the
+ * header + the scroll body.
+ *
+ * It is presented as the `AccountDialog` route on the shared Bloom SURFACE STACK
+ * (`@oxyhq/bloom/surfaces`) — `OxyContext.openAccountDialog` calls
+ * `presentDetached('AccountDialog', …, { placement: { base: 'bottom', md:
+ * 'center' }, dismissOnBackdrop: false, maxWidth: 420 })`, so the STACK owns the
+ * responsive `<Dialog>` chrome and this component renders only its content. That
+ * replaces the previous standalone controlled `<Dialog open={isAccountDialogOpen}>`
+ * mount: dismissal now flows through the stack (backdrop/swipe disabled), and the
+ * header close button (and `OxyAuthChooser`'s `onComplete`) drive
+ * `useOxy().closeAccountDialog`, which dismisses the surface and runs its exit
+ * animation. The view-enum (`accounts|signin|qr|add|signup`) stays internal here,
+ * driven by the shared `AccountDialogController` in `@oxyhq/core`.
+ */
+
+import { useCallback, useSyncExternalStore } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useOxy } from "../context/OxyContext.js";
+import { useI18n } from "../hooks/useI18n.js";
+import { useSurfaceHeader } from "../hooks/useSurfaceHeader.js";
+import OxyAuthChooser from "./OxyAuthChooser.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The unified account dialog BODY — the header + `OxyAuthChooser` chooser.
+ *
+ * Presented as the `AccountDialog` surface (route) on the shared Bloom surface
+ * stack; the surface owns the `<Dialog>` chrome (responsive `{ base: 'bottom',
+ * md: 'center' }` placement, `dismissOnBackdrop={false}`, `maxWidth={420}` — set
+ * by `OxyContext` when it presents this surface), so this component renders ONLY
+ * the content. Open it via `useOxy().openAccountDialog(view?)` or the imperative
+ * `openAccountDialog('signin')`; the view-enum (`accounts|signin|qr|add|signup`)
+ * stays internal here, driven by the shared `AccountDialogController` in
+ * `@oxyhq/core`. Closing routes through `useOxy().closeAccountDialog`, which
+ * dismisses the surface and runs its exit animation.
+ */
+const OxyAccountDialogScreen = () => {
+  const {
+    accountDialogController: controller,
+    closeAccountDialog
+  } = useOxy();
+  const {
+    t
+  } = useI18n();
+
+  // A lightweight, header-only binding to the same controller `OxyAuthChooser`
+  // binds independently — cheap, and the established pattern here (
+  // `useSwitchableAccounts` also binds to this controller on its own).
+  const subscribe = useCallback(listener => controller ? controller.subscribe(listener) : () => undefined, [controller]);
+  const getSnapshot = useCallback(() => controller ? controller.getSnapshot() : EMPTY_SNAPSHOT, [controller]);
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const {
+    view
+  } = snapshot;
+  const showBack = view === 'qr' || view === 'signup' || view === 'add' && snapshot.accounts.length > 0;
+  const goToAccounts = useCallback(() => controller?.setView('accounts'), [controller]);
+  const {
+    title,
+    subtitle
+  } = headerCopy(view, snapshot.accounts.length, t);
+
+  // The account dialog uses the SHARED Dialog nav header like every other screen
+  // (the base): the large in-content title/subtitle that collapses into the nav
+  // bar on scroll (default `largeTitle`), its per-view copy, and a per-view back
+  // that returns to the account list (the Dialog renders the frosted back/close).
+  useSurfaceHeader({
+    title,
+    subtitle: subtitle ?? undefined,
+    onBack: showBack ? goToAccounts : undefined
+  });
+  if (!controller) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.bodyContent,
+    children: /*#__PURE__*/_jsx(OxyAuthChooser, {
+      onComplete: closeAccountDialog
+    })
+  });
+};
+
+// ---------------------------------------------------------------------------
+// Copy + helpers
+// ---------------------------------------------------------------------------
+
+function headerCopy(view, accountCount, t) {
+  switch (view) {
+    case 'accounts':
+      return {
+        title: t('accountSwitcher.sections.yourAccounts') || 'Your accounts',
+        subtitle: t('signin.chooser.subtitle') || 'Choose which account to continue with.'
+      };
+    case 'qr':
+      return {
+        title: t('accountSwitcher.scanTitle') || 'Sign in with Oxy',
+        subtitle: t('accountSwitcher.scanSubtitle') || 'Scan with Commons on your phone.'
+      };
+    case 'signup':
+      return {
+        title: t('signup.title') || 'Create your account',
+        subtitle: t('signup.subtitle') || 'One identity for the whole ecosystem.'
+      };
+    default:
+      return accountCount > 0 ? {
+        title: t('signin.addAccountTitle') || 'Add another account',
+        subtitle: t('signin.addAccountSubtitle') || 'Sign in with another account.'
+      } : {
+        title: t('signin.title') || 'Sign in',
+        subtitle: t('signin.subtitle') || 'One identity for the whole ecosystem.'
+      };
+  }
+}
+const EMPTY_SNAPSHOT = {
+  view: 'accounts',
+  accounts: [],
+  activeAccountId: null,
+  loading: false,
+  error: null,
+  switchingAccountId: null,
+  signIn: {
+    phase: 'idle',
+    authorizeCode: null,
+    qrPayload: null,
+    expiresAt: null,
+    error: null
+  },
+  commonsAvailability: 'unknown'
+};
+const styles = StyleSheet.create({
+  bodyContent: {
+    paddingTop: 4,
+    paddingBottom: 4
+  }
+});
+export default OxyAccountDialogScreen;
+//# sourceMappingURL=OxyAccountDialogScreen.js.map

package/lib/module/ui/components/OxyAccountDialogScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useSyncExternalStore","StyleSheet","View","useOxy","useI18n","useSurfaceHeader","OxyAuthChooser","jsx","_jsx","OxyAccountDialogScreen","accountDialogController","controller","closeAccountDialog","t","subscribe","listener","undefined","getSnapshot","EMPTY_SNAPSHOT","snapshot","view","showBack","accounts","length","goToAccounts","setView","title","subtitle","headerCopy","onBack","style","styles","bodyContent","children","onComplete","accountCount","activeAccountId","loading","error","switchingAccountId","signIn","phase","authorizeCode","qrPayload","expiresAt","commonsAvailability","create","paddingTop","paddingBottom"],"sourceRoot":"../../../../src","sources":["ui/components/OxyAccountDialogScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/OxyAuthChooser.js

@@ -6,8 +6,8 @@
  *
  * A thin React Native binding over the headless `AccountDialogController` in
  * `@oxyhq/core` (bound via `useSyncExternalStore`) — the same data/state
- * machine {@link OxyAccountDialog} renders, extracted so it can be mounted in
- * TWO places: wrapped in Bloom's `<Dialog>` by `OxyAccountDialog` (the normal
+ * machine {@link OxyAccountDialogScreen} renders, extracted so it can be mounted in
+ * TWO places: wrapped in Bloom's `<Dialog>` by `OxyAccountDialogScreen` (the normal
  * in-app surface), and mounted bare by a future auth.oxy.so hub page for the
  * cross-origin passkey popup (b2) — same chooser, two hosts, two completion
  * strategies via the `onComplete` prop. Neither host duplicates view logic.
@@ -54,6 +54,7 @@ import { MaterialCommunityIcons } from '@expo/vector-icons';
 import QRCode from 'react-native-qrcode-svg';
 import { Avatar } from '@oxyhq/bloom/avatar';
 import { Button } from '@oxyhq/bloom/button';
+import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
 import { toast } from '@oxyhq/bloom';
 import { Text } from '@oxyhq/bloom/typography';
 import { useTheme, BloomColorScope, APP_COLOR_NAMES, APP_COLOR_PRESETS } from '@oxyhq/bloom/theme';
@@ -68,6 +69,8 @@ import { authChooserStyles as styles } from "./oxyAuthChooserStyles.js";
 /** Diameter of a row avatar. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ROW_AVATAR_SIZE = 40;
+/** Diameter of the prominent current-account avatar in the collapsed header. */
+const HEADER_AVATAR_SIZE = 48;
 /** High-contrast QR colors — intentionally fixed (NOT themed) for scan reliability. */
 const QR_PLATE_BG = '#FFFFFF';
 const QR_FOREGROUND = '#000000';
@@ -91,7 +94,7 @@ function toPreset(color) {
   return APP_COLOR_NAMES.includes(color) ? color : undefined;
 }
 /**
- * The account switcher + sign-in/sign-up chooser. Mounted by `OxyAccountDialog`
+ * The account switcher + sign-in/sign-up chooser. Mounted by `OxyAccountDialogScreen`
  * (wrapped in Bloom's `<Dialog>`) today; mountable bare by any future host that
  * supplies its own `onComplete`.
  */
@@ -298,12 +301,28 @@ const OxyAuthChooser = ({
 // Accounts view
 // ---------------------------------------------------------------------------
 
+/**
+ * The signed-in switcher, in the Google account-menu shape:
+ *  - COLLAPSED (default): the active account is prominent at the top (avatar +
+ *    name + email) with a trailing expand chevron, and a "Manage your Oxy
+ *    account" outline button directly under it. Nothing else.
+ *  - EXPANDED: the same header + button, then the full account list (current
+ *    first with a check-circle, every other switchable account, "Add another
+ *    account", and "Manage accounts on this device").
+ *
+ * Collapse state is a plain `useState` toggled in the header's press handler —
+ * no `useEffect`, no derived-from-props sync. When there is only ONE account
+ * (nothing to switch to) the chevron is hidden and the "Add another account" +
+ * "Manage accounts on this device" items render inline, so those affordances
+ * stay reachable without a pointless expand toggle.
+ */
 const AccountsView = ({
   snapshot,
   theme,
   t,
   handlers
 }) => {
+  const [expanded, setExpanded] = useState(false);
   if (snapshot.loading && snapshot.accounts.length === 0) {
     return /*#__PURE__*/_jsxs(View, {
       style: styles.centeredBlock,
@@ -319,49 +338,127 @@ const AccountsView = ({
       })]
     });
   }
+  const switchingDisabled = snapshot.switchingAccountId !== null;
+  const current = snapshot.accounts.find(account => account.isCurrent) ?? snapshot.accounts[0];
+  const hasOtherAccounts = snapshot.accounts.some(account => account.accountId !== current?.accountId);
+  // Current account first, then the rest — the expanded list order.
+  const orderedAccounts = current ? [current, ...snapshot.accounts.filter(account => account.accountId !== current.accountId)] : snapshot.accounts;
+  // Multi-account: reveal the list only when expanded. Single-account: no expand
+  // affordance, so surface add/manage inline.
+  const showList = hasOtherAccounts ? expanded : true;
+  const renderAccountItem = account => {
+    const accent = resolveAccentHex(account.color, theme.colors.primary);
+    const isSwitching = snapshot.switchingAccountId === account.accountId;
+    return /*#__PURE__*/_jsx(SettingsListItem, {
+      icon: /*#__PURE__*/_jsx(View, {
+        style: [styles.avatarRing, {
+          borderColor: account.isCurrent ? accent : 'transparent'
+        }],
+        children: /*#__PURE__*/_jsx(Avatar, {
+          source: account.avatarUrl ?? undefined,
+          variant: "thumb",
+          name: account.displayName,
+          size: ROW_AVATAR_SIZE
+        })
+      }),
+      title: account.displayName,
+      description: account.email ?? undefined,
+      onPress: () => handlers.onSwitch(account.accountId),
+      disabled: switchingDisabled,
+      accessibilityLabel: account.displayName,
+      showChevron: false,
+      rightElement: isSwitching ? /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "loading",
+        size: 20,
+        color: accent
+      }) : account.isCurrent ? /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "check-circle",
+        size: 20,
+        color: accent
+      }) : undefined
+    }, account.accountId);
+  };
   return /*#__PURE__*/_jsxs(View, {
     style: styles.rows,
-    children: [snapshot.accounts.map(account => /*#__PURE__*/_jsx(AccountRow, {
-      account: account,
-      theme: theme,
-      switching: snapshot.switchingAccountId === account.accountId,
-      disabled: snapshot.switchingAccountId !== null,
-      onPress: () => handlers.onSwitch(account.accountId)
-    }, account.accountId)), /*#__PURE__*/_jsxs(Pressable, {
-      style: [styles.addRow, {
-        borderColor: theme.colors.border
-      }],
-      onPress: handlers.onAdd,
-      accessibilityRole: "button",
-      accessibilityLabel: t('signin.addAccountTitle') || 'Add another account',
+    children: [current ? /*#__PURE__*/_jsxs(Pressable, {
+      style: styles.currentAccountRow,
+      onPress: hasOtherAccounts ? () => setExpanded(value => !value) : undefined,
+      disabled: hasOtherAccounts ? switchingDisabled : true,
+      accessibilityRole: hasOtherAccounts ? 'button' : undefined,
+      accessibilityState: hasOtherAccounts ? {
+        expanded
+      } : undefined,
+      accessibilityLabel: current.displayName,
       children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.addBadge, {
-          borderColor: theme.colors.border
+        style: [styles.avatarRing, {
+          borderColor: resolveAccentHex(current.color, theme.colors.primary)
         }],
-        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
-          name: "plus",
-          size: 20,
-          color: theme.colors.textSecondary
+        children: /*#__PURE__*/_jsx(Avatar, {
+          source: current.avatarUrl ?? undefined,
+          variant: "thumb",
+          name: current.displayName,
+          size: HEADER_AVATAR_SIZE
         })
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.rowName, {
-          color: theme.colors.textSecondary
-        }],
-        children: t('signin.addAccountTitle') || 'Add another account'
-      })]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.footerLinks,
-      children: /*#__PURE__*/_jsx(Pressable, {
-        onPress: handlers.onManage,
-        accessibilityRole: "button",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.linkText, {
-            color: theme.colors.primary
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.currentAccountMeta,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.currentAccountName, {
+            color: theme.colors.text
           }],
-          children: t('accountMenu.manage') || 'Manage accounts'
-        })
-      })
-    })]
+          numberOfLines: 1,
+          children: current.displayName
+        }), current.email ? /*#__PURE__*/_jsx(Text, {
+          style: [styles.currentAccountEmail, {
+            color: theme.colors.textSecondary
+          }],
+          numberOfLines: 1,
+          children: current.email
+        }) : null]
+      }), hasOtherAccounts ? /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: expanded ? 'chevron-up' : 'chevron-down',
+        size: 24,
+        color: theme.colors.textSecondary
+      }) : null]
+    }) : null, /*#__PURE__*/_jsx(Button, {
+      variant: "outline",
+      onPress: handlers.onManage,
+      style: styles.manageButton,
+      children: t('accountMenu.manage') || 'Manage your Oxy account'
+    }), showList ? /*#__PURE__*/_jsxs(SettingsListGroup, {
+      children: [hasOtherAccounts ? orderedAccounts.map(renderAccountItem) : null, /*#__PURE__*/_jsx(SettingsListItem, {
+        icon: /*#__PURE__*/_jsx(View, {
+          style: [styles.addBadge, {
+            borderColor: theme.colors.border
+          }],
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "plus",
+            size: 20,
+            color: theme.colors.textSecondary
+          })
+        }),
+        title: t('signin.addAccountTitle') || 'Add another account',
+        onPress: handlers.onAdd,
+        disabled: switchingDisabled,
+        accessibilityLabel: t('signin.addAccountTitle') || 'Add another account',
+        showChevron: false
+      }), /*#__PURE__*/_jsx(SettingsListItem, {
+        icon: /*#__PURE__*/_jsx(View, {
+          style: [styles.addBadge, {
+            borderColor: theme.colors.border
+          }],
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "cog-outline",
+            size: 20,
+            color: theme.colors.textSecondary
+          })
+        }),
+        title: t('accountSwitcher.manageOnDevice') || 'Manage accounts on this device',
+        onPress: handlers.onManage,
+        disabled: switchingDisabled,
+        accessibilityLabel: t('accountSwitcher.manageOnDevice') || 'Manage accounts on this device',
+        showChevron: false
+      })]
+    }) : null]
   });
 };
 const AccountRow = ({