@oxy.so/services 11.13.0 → 11.15.0

package/src/assets/fonts/icons/manifest.json

@@ -5,8 +5,8 @@
     "ionicons": {
       "fontFamily": "OxyServicesIonicons",
       "file": "src/assets/fonts/icons/OxyServicesIonicons.ttf",
-      "bytes": 43160,
-      "sha256": "d96ec296f01cc237bf8e087401879aeef569c82871f40e4447d63bc8a9eaab3e",
+      "bytes": 42552,
+      "sha256": "3e5edc36624f9eca140e1d6160dd3111fabcf79b3e3d2c51ad182e7af3261c73",
       "names": [
         "add",
         "add-circle-outline",
@@ -75,7 +75,6 @@
         "footsteps",
         "gift",
         "gift-outline",
-        "globe-outline",
         "grid",
         "hand-left",
         "hardware-chip-outline",
@@ -102,6 +101,7 @@
         "location-outline",
         "lock-closed",
         "log-out-outline",
+        "mail",
         "musical-notes",
         "navigate",
         "open",
@@ -152,8 +152,8 @@
     "materialCommunityIcons": {
       "fontFamily": "OxyServicesMaterialCommunityIcons",
       "file": "src/assets/fonts/icons/OxyServicesMaterialCommunityIcons.ttf",
-      "bytes": 29292,
-      "sha256": "a3bef5c42424d459860676f20d7f1e9aaea4f7295aba3d5361ca2195d8f1d59c",
+      "bytes": 29112,
+      "sha256": "ed3d93958134c776949a7e9cc27e97dcb4d5010b36f48b68f61689d94bda8864",
       "names": [
         "account",
         "account-circle",
@@ -161,7 +161,6 @@
         "account-eye-outline",
         "account-group",
         "account-multiple",
-        "account-multiple-outline",
         "account-outline",
         "account-plus",
         "account-search",
@@ -250,6 +249,7 @@
         "folder-open-outline",
         "folder-outline",
         "folder-zip-outline",
+        "forward",
         "function",
         "ghost",
         "gift",
@@ -263,6 +263,7 @@
         "image",
         "image-multiple-outline",
         "image-outline",
+        "inbox",
         "information",
         "information-outline",
         "key",
@@ -275,6 +276,7 @@
         "lock-outline",
         "logout",
         "magnify",
+        "mail",
         "map-marker",
         "map-marker-multiple",
         "map-marker-outline",
@@ -286,7 +288,6 @@
         "network",
         "null",
         "numeric",
-        "opacity",
         "open-in-app",
         "openid",
         "palette",
@@ -318,7 +319,6 @@
         "shield-search",
         "signature",
         "solid",
-        "sort",
         "sort-alphabetical-variant",
         "sort-numeric-variant",
         "star",
@@ -353,5 +353,5 @@
     }
   },
   "glyphMapsFile": "src/ui/icons/subsetGlyphMaps.ts",
-  "glyphMapsSha256": "b0a3d21006a83bf10deac1c8e5bb1a4dacac3c0afe9d445ed856f766f49b6c01"
+  "glyphMapsSha256": "181517f80b06fce5f3c35a0a27bd7a66472b9af560923f9719b5c3e942b21081"
 }

package/src/assets/one/README.md

@@ -0,0 +1,8 @@
+# Oxy One artwork
+
+`floral.mp4` is the user-provided `floral_a.mp4`, converted from HEVC 2560×2560
+into H.264/yuv420p at 720×720, without audio, with fast-start metadata. It retains
+the six-second duration. `floral.jpg` is a still from the same video.
+
+`OxyOneVideo` uses the still for reduced motion and while playback initializes.
+Bloom owns the decorative placement and fade; the media never supplies UI colors.

package/src/assets/one/floral.jpg.d.ts

@@ -0,0 +1,2 @@
+declare const source: import('react-native').ImageSourcePropType;
+export default source;

package/src/assets/one/floral.mp4.d.ts

@@ -0,0 +1,2 @@
+declare const source: number;
+export default source;

package/src/index.ts

@@ -28,6 +28,11 @@ import { setPlatformOS, type PlatformOS } from '@oxy.so/core';
 import { Platform } from 'react-native';
 setPlatformOS(Platform.OS as PlatformOS);
 
+import { registerScreens } from './ui/navigation/routes';
+import { screenComponents } from './ui/navigation/screenComponents';
+
+registerScreens(screenComponents);
+
 // ---------------------------------------------------------------------------
 // Provider + auth context
 // ---------------------------------------------------------------------------
@@ -375,7 +380,10 @@ export { LogoText } from './ui/components/logo/LogoText';
 // `useOxy().openAccountDialog`.
 export { default as ProfileButton } from './ui/components/ProfileButton';
 export type { ProfileButtonProps } from './ui/components/ProfileButton';
-export type { AccountDialogMenuItem } from './ui/navigation/accountDialogManager';
+export type {
+  AccountDialogMenuItem,
+  AccountDialogMenuSection,
+} from './ui/navigation/accountDialogManager';
 
 // THE sign-in screens. The account dialog renders them, and so does every page
 // of the auth.oxy.so IdP: one implementation of what a person sees when they

package/src/types/assets.d.ts

@@ -2,3 +2,13 @@ declare module '*.ttf' {
   const asset: number;
   export default asset;
 }
+
+declare module '*.mp4' {
+  const source: number;
+  export default source;
+}
+
+declare module '*.jpg' {
+  const source: import('react-native').ImageSourcePropType;
+  export default source;
+}

package/src/ui/client.ts

@@ -5,8 +5,7 @@
  * re-exports the sign-in panels (`OxySignInPanel`, `OxyLinkCommonsPanel` and
  * its QR code, `OxyConsentScreen`, …) for apps that embed them, and Metro does
  * not tree-shake, so importing ANY symbol from `@oxy.so/services` ships all of
- * them — even though the account dialog that normally shows them is loaded on
- * demand. Nothing exported here reaches those panels; the packaging test
+ * them — even though the account dialog that normally shows them is warmed at provider startup. Nothing exported here reaches those panels; the packaging test
  * `clientEntryIsolation` pins it.
  *
  * @example
@@ -52,7 +51,7 @@ export { useStorage } from './hooks/useStorage';
 export type { UseStorageOptions, UseStorageResult } from './hooks/useStorage';
 
 // Route screens live at `@oxy.so/services/screens` so client imports preserve
-// the route registry's lazy chunk boundaries.
+// the lean startup bundle; the provider warms their shared chunk before navigation.
 
 // Follow rules, for an app drawing its own follow affordance
 export {

package/src/ui/components/AccountInvitationAcceptance.tsx

@@ -4,7 +4,7 @@ import { Text } from '@oxy.so/bloom/typography';
 import { Button } from '@oxy.so/bloom/button';
 import type { AccountInvitationPreview } from '@oxy.so/core';
 import { getNormalizedUserHandle } from '@oxy.so/core';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 
 /** The link never grants access on navigation, preview, sign-in or account switching. */
 export function AccountInvitationAcceptance({ token }: { token: string }) {

package/src/ui/components/BloomLocaleBridge.tsx

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from 'react';
 import { LocaleProvider, useBloomLocale } from '@oxy.so/bloom/locale';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 
 /**
  * Bloom's own words — a field's "Show password", a dialog's "Close", "Step 2

package/src/ui/components/FollowButton.tsx

@@ -1,7 +1,7 @@
 import type React from 'react';
 import { useEffect, useCallback, useMemo, useState, memo } from 'react';
 import type { ViewStyle, TextStyle, StyleProp } from 'react-native';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 import { toast } from '@oxy.so/bloom/toast';
 import { FollowButton as BloomFollowButton } from '@oxy.so/bloom/media-header';
 import { useFollow, useFollowForButton } from '../hooks/useFollow';

package/src/ui/components/LanguageBridge.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { coerceToSupportedLocale } from '@oxy.so/core';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 import type { OxyLanguageConfig } from '../types/navigation';
 
 /**

package/src/ui/components/OxyAccountDialogScreen.tsx

@@ -23,22 +23,13 @@
 import type React from 'react';
 import { useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import type { BaseScreenProps } from '../types/navigation';
-import LogoText from './logo/LogoText';
 import OxyAuthChooser from './OxyAuthChooser';
 import { useAccountDialogSnapshot } from '../hooks/accountDialogSnapshot';
 
-/**
- * The account MENU's nav bar carries the Oxy wordmark instead of a title — the
- * surface IS the Oxy account, so naming it in prose is redundant. A module-level
- * element: it takes no props, so its identity is stable forever and the header's
- * identity-compared slot never thrashes.
- */
-const NAV_LOGO = <LogoText height={20} />;
-
 /**
  * The unified account dialog BODY — the header + `OxyAuthChooser` chooser.
  *
@@ -75,12 +66,10 @@ const OxyAccountDialogScreen: React.FC<BaseScreenProps> = ({ canGoBack }) => {
   const backsToHost = !showBack && (canGoBack?.() ?? false);
   // The sign-in and sign-up screens carry their own header — the Oxy mark and
   // the large title auth.oxy.so shows — so the bar holds only the way back.
-  // The account MENU is branded with the wordmark (the hero under it names the
-  // account); the active request is titled, route-agnostically, because Oxy
-  // picks how it travels (issue #691).
+  // The account menu names the account in its first card; only back/close
+  // belong in its bar. Active sign-in requests keep their informative title.
 
   useSurfaceHeader({
-    titleContent: view === 'accounts' ? NAV_LOGO : undefined,
     title: view === 'qr' ? t('accountSwitcher.signInWithOxy') : undefined,
     onBack: showBack ? goBack : backsToHost ? closeAccountDialog : undefined,
   });

package/src/ui/components/OxyAuthChooser.tsx

@@ -41,7 +41,7 @@ import { surfaces } from '@oxy.so/bloom/surfaces';
 import { useTheme } from '@oxy.so/bloom/theme';
 import { getNormalizedUserHandle, type User } from '@oxy.so/core';
 import { useQueryClient } from '@tanstack/react-query';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 import { useDeviceSwitcher } from '../hooks/useDeviceSwitcher';
 import { useI18n } from '../hooks/useI18n';
 import {
@@ -65,12 +65,7 @@ import { EMPTY_ACCOUNT_DIALOG_SNAPSHOT } from '../hooks/accountDialogSnapshot';
 import { OxySignInPanel } from './signIn/OxySignInPanel';
 import { OxySignUpPanel } from './signIn/OxySignUpPanel';
 
-/**
- * "Accounts by Oxy" management app — the canonical home for account settings,
- * data export, and storage management. The account-menu rows deep-link into it
- * (`/data`, `/storage`, or its root) the same way `getCommonsAcquisitionUrl`
- * hands off to Commons; nothing here invents new API endpoints.
- */
+/** Hosted billing and storage-management destinations. */
 const ACCOUNTS_APP_URL = 'https://accounts.oxy.so';
 
 /**
@@ -289,8 +284,8 @@ const OxyAuthChooser: React.FC<OxyAuthChooserProps> = ({ onComplete }) => {
   );
 
   const handleManage = useCallback(() => {
-    onComplete?.();
     if (consumerHooks?.onNavigateManage) {
+      onComplete?.();
       consumerHooks.onNavigateManage();
       return;
     }
@@ -378,40 +373,49 @@ const OxyAuthChooser: React.FC<OxyAuthChooserProps> = ({ onComplete }) => {
         ? {
             usedBytes: storageQuery.data.totalUsedBytes,
             limitBytes: storageQuery.data.totalLimitBytes,
+            categories: storageQuery.data.categories,
+            plan: storageQuery.data.plan,
           }
         : null,
     [storageQuery.data],
   );
 
-  // The account-menu rows below the switcher: storage + data + settings + help
-  // deep-link into the "Accounts by Oxy" app or open the matching in-app sheet
-  // (Help, Legal); sign-out uses the SDK's own per-account sign-out. No new
-  // endpoints — the same handoff pattern `handleManage`/`getCommonsAcquisitionUrl`
-  // already use.
+  // Account settings, data and help navigate within the current dialog.
   const accountMenu = useMemo<AccountsMenuActions>(() => {
     const openUrl = openExternal;
     const openSheet = (config: Parameters<NonNullable<typeof showBottomSheet>>[0]) => {
-      onComplete?.();
       showBottomSheet?.(config);
     };
     return {
-      onOpenSettings: () => openUrl(ACCOUNTS_APP_URL),
-      onOpenData: () => openUrl(`${ACCOUNTS_APP_URL}/data`),
+      onOpenPlan: () => openSheet('OxyOne'),
+      onOpenSettings: () => openSheet('Preferences'),
+      onOpenData: () => openSheet({ screen: 'ManageAccount', props: { section: 'data' } }),
       onManageStorage: () => openUrl(`${ACCOUNTS_APP_URL}/storage`),
-      onUpgradeStorage: () => openUrl(`${ACCOUNTS_APP_URL}/payments`),
+      onUpgradeStorage: () => openSheet('OxyOne'),
       onHelp: () => openSheet('HelpSupport'),
       onPrivacy: () => openSheet({ screen: 'LegalDocuments', props: { initialStep: 1 } }),
       onTerms: () => openSheet({ screen: 'LegalDocuments', props: { initialStep: 2 } }),
       onSignOut: () => {
         void handleSignOut();
       },
-      customItems: (consumerHooks?.menuItems ?? []).map((item) => ({
-        ...item,
-        onPress: () => {
-          onComplete?.();
-          item.onPress();
-        },
-      })),
+      sections: [
+        ...(consumerHooks?.menuItems?.length
+          ? [{ key: 'app-items', items: consumerHooks.menuItems }]
+          : []),
+        ...(consumerHooks?.menuSections ?? []),
+      ]
+        .filter((section) => section.items.length > 0)
+        .map((section) => ({
+          ...section,
+          items: section.items.map((item) => ({
+            ...item,
+            onPress: () => {
+              if (item.disabled) return;
+              if (!item.keepOpen) onComplete?.();
+              item.onPress();
+            },
+          })),
+        })),
     };
   }, [consumerHooks, onComplete, showBottomSheet, handleSignOut, openExternal]);
 

package/src/ui/components/OxyConsentScreen.tsx

@@ -1,3 +1,4 @@
+import { Admonition } from '@oxy.so/bloom/admonition';
 /**
  * OxyConsentScreen — the unified OAuth authorize/consent surface for
  * `@oxy.so/services`.
@@ -19,11 +20,11 @@
  * under the `consent.*` keys.
  */
 import { useCallback } from 'react';
-import { Linking, Pressable, ScrollView, StyleSheet, View } from 'react-native';
+import { Linking, ScrollView, StyleSheet, View } from 'react-native';
 import { logger } from '@oxy.so/core';
 import type { McpOAuthWriteAction } from '@oxy.so/contracts';
 import { Avatar } from '@oxy.so/bloom/avatar';
-import { Button } from '@oxy.so/bloom/button';
+import { Button, LinkButton } from '@oxy.so/bloom/button';
 import { Text } from '@oxy.so/bloom/typography';
 import { useTheme } from '@oxy.so/bloom/theme';
 import { useI18n } from '../hooks/useI18n';
@@ -208,9 +209,9 @@ function ConsentLink({
     });
   }, [url]);
   return (
-    <Pressable testID={testID} onPress={handlePress} accessibilityRole="link" style={styles.link}>
-      <Text style={[styles.linkText, { color }]}>{label}</Text>
-    </Pressable>
+    <LinkButton testID={testID} onPress={handlePress} accessibilityRole="link" size="sm">
+      {label}
+    </LinkButton>
   );
 }
 
@@ -464,11 +465,8 @@ export function OxyConsentScreen({
 
       {/* Blocking error */}
       {error ? (
-        <View
-          testID="consent-error"
-          style={[styles.errorCard, { borderColor: theme.colors.error }]}
-        >
-          <Text style={[styles.errorText, { color: theme.colors.error }]}>{error}</Text>
+        <View testID="consent-error">
+          <Admonition type="error">{error}</Admonition>
         </View>
       ) : null}
 
@@ -648,21 +646,6 @@ const styles = StyleSheet.create({
     gap: 16,
     paddingHorizontal: 4,
   },
-  link: {
-    alignSelf: 'flex-start',
-  },
-  linkText: {
-    fontSize: 13,
-    textDecorationLine: 'underline',
-  },
-  errorCard: {
-    borderWidth: StyleSheet.hairlineWidth,
-    borderRadius: 12,
-    padding: 12,
-  },
-  errorText: {
-    fontSize: 14,
-  },
   actions: {
     gap: 12,
   },

package/src/ui/components/OxyOAuthCallback.tsx

@@ -1,4 +1,5 @@
-import { ActivityIndicator, View } from 'react-native';
+import { SpinnerIcon } from '@oxy.so/bloom/loading';
+import { View } from 'react-native';
 import { useEffect } from 'react';
 import { useAuth } from '../hooks/useAuth';
 import { isWebBrowser } from '../utils/isWebBrowser';
@@ -32,7 +33,7 @@ export function OxyOAuthCallback({ redirectTo = '/' }: OxyOAuthCallbackProps) {
 
   return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <ActivityIndicator />
+      <SpinnerIcon />
     </View>
   );
 }

package/src/ui/components/OxyProvider.tsx

@@ -1,4 +1,6 @@
-import { useEffect, useRef, useState, type FC } from 'react';
+import { OxySupportContext } from '../context/oxySupportContext';
+import { loadScreens } from '../navigation/routes';
+import { useEffect, useRef, useState, useMemo, type FC } from 'react';
 import { AppState, Platform, StyleSheet } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
@@ -20,6 +22,15 @@ import { KeyboardBoundary } from './KeyboardBoundary';
 import { ProductAnalyticsObserver } from '../analytics/productAnalytics';
 import { LanguageBridge } from './LanguageBridge';
 import { BloomLocaleBridge } from './BloomLocaleBridge';
+import { useOxy } from '../context/oxyRuntimeContext';
+import { useCurrentUser } from '../hooks/queries/useAccountQueries';
+
+/** Hydrate owner preferences after the bearer is ready, including on cold boot. */
+function AccountProfileObserver() {
+  const { canUsePrivateApi } = useOxy();
+  useCurrentUser({ enabled: canUsePrivateApi });
+  return null;
+}
 
 const bootStyles = StyleSheet.create({
   providerRoot: {
@@ -83,6 +94,10 @@ const OxyProvider: FC<OxyProviderProps> = ({
   oxyServices,
   children,
   onAuthStateChange,
+  onAskAlia,
+  documentationUrl,
+  aliaAvatar,
+  oxyOneArtwork,
   productAnalytics,
   storageKeyPrefix,
   clientId,
@@ -98,6 +113,14 @@ const OxyProvider: FC<OxyProviderProps> = ({
   backgroundSession = false,
   language,
 }) => {
+  const support = useMemo(
+    () => ({ onAskAlia, documentationUrl, aliaAvatar, oxyOneArtwork }),
+    [onAskAlia, documentationUrl, aliaAvatar, oxyOneArtwork],
+  );
+  useEffect(() => {
+    // Full entries are already registered; lean entries warm their screen chunk.
+    void loadScreens().catch(() => undefined);
+  }, []);
   // Storage + persistence wiring.
   //
   // The QueryClient exists synchronously so cache I/O can never delay the app
@@ -258,16 +281,19 @@ const OxyProvider: FC<OxyProviderProps> = ({
         accountQueries={accountQueries}
         onAuthStateChange={onAuthStateChange as OxyRuntimeProviderProps['onAuthStateChange']}
       >
+        <AccountProfileObserver />
         {productAnalytics ? <ProductAnalyticsObserver analytics={productAnalytics} /> : null}
         {language ? <LanguageBridge {...language} /> : null}
         <BloomLocaleBridge>
-          <SurfaceProvider>
-            {requireAuth === 'off' ? (
-              children
-            ) : (
-              <RequireOxyAuth prompt={requireAuth}>{children}</RequireOxyAuth>
-            )}
-          </SurfaceProvider>
+          <OxySupportContext.Provider value={support}>
+            <SurfaceProvider>
+              {requireAuth === 'off' ? (
+                children
+              ) : (
+                <RequireOxyAuth prompt={requireAuth}>{children}</RequireOxyAuth>
+              )}
+            </SurfaceProvider>
+          </OxySupportContext.Provider>
           <ToastOutlet />
         </BloomLocaleBridge>
       </OxyRuntimeProvider>

package/src/ui/components/OxySignInButton.tsx

@@ -19,7 +19,7 @@ import {
   type SocialButtonSize,
 } from '@oxy.so/bloom/social-button';
 import { toast } from '@oxy.so/bloom/toast';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 import { useI18n } from '../hooks/useI18n';
 import { subscribeToAccountDialog } from '../navigation/accountDialogManager';
 import { openAuthorizeUrlNative } from './oauthNavigation';

package/src/ui/components/ProfileButton.tsx

@@ -15,10 +15,13 @@ import {
   getNormalizedUserHandle,
 } from '@oxy.so/core';
 import { useAuth } from '../hooks/useAuth';
-import { useOxy } from '../context/OxyContext';
+import { useOxy } from '../context/oxyRuntimeContext';
 import { useI18n } from '../hooks/useI18n';
 import { registerAccountDialogConsumerHooks } from '../navigation/accountDialogManager';
-import type { AccountDialogMenuItem } from '../navigation/accountDialogManager';
+import type {
+  AccountDialogMenuItem,
+  AccountDialogMenuSection,
+} from '../navigation/accountDialogManager';
 
 export interface ProfileButtonProps {
   /**
@@ -38,6 +41,8 @@ export interface ProfileButtonProps {
   onNavigateProfile?: () => void;
   /** App-owned actions rendered in the shared account menu. */
   menuItems?: readonly AccountDialogMenuItem[];
+  /** App-owned cards, in display order, below the Oxy account actions. */
+  menuSections?: readonly AccountDialogMenuSection[];
   /**
    * Retained for source compatibility. The trigger now opens the unified
    * `OxyAccountDialogScreen` (a centered / bottom-sheet modal) rather than an
@@ -62,6 +67,7 @@ const ProfileButton: React.FC<ProfileButtonProps> = ({
   onAddAccount,
   onNavigateProfile,
   menuItems,
+  menuSections,
   className,
   style,
 }) => {
@@ -77,7 +83,13 @@ const ProfileButton: React.FC<ProfileButtonProps> = ({
   }, [openAccountDialog]);
 
   useEffect(() => {
-    if (!onNavigateManage && !onAddAccount && !onNavigateProfile && !menuItems?.length) {
+    if (
+      !onNavigateManage &&
+      !onAddAccount &&
+      !onNavigateProfile &&
+      !menuItems?.length &&
+      !menuSections?.length
+    ) {
       return undefined;
     }
     return registerAccountDialogConsumerHooks({
@@ -85,8 +97,9 @@ const ProfileButton: React.FC<ProfileButtonProps> = ({
       onAddAccount,
       onNavigateProfile,
       menuItems,
+      menuSections,
     });
-  }, [onNavigateManage, onAddAccount, onNavigateProfile, menuItems]);
+  }, [onNavigateManage, onAddAccount, onNavigateProfile, menuItems, menuSections]);
 
   const avatarUrl = useMemo(
     () => (user?.avatar ? oxyServices.assets.publicUrl(user.avatar, 'thumb') : undefined),