@oxyhq/services 22.13.1 → 23.0.0

package/src/ui/screens/FileManagementScreen.tsx

@@ -17,7 +17,8 @@ import type { FileManagementScreenProps } from '../types/fileManagement';
 import { toast } from '@oxyhq/bloom';
 import { surfaces } from '@oxyhq/bloom/surfaces';
 import * as Skeleton from '@oxyhq/bloom/skeleton';
-import { Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
 import { Pressable } from 'react-native';
 import type { FileMetadata } from '@oxyhq/core';
 import { queryKeys } from '../hooks/queries/queryKeys';

package/src/ui/screens/HistoryViewScreen.tsx

@@ -11,6 +11,7 @@ import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { useOxy } from '../context/OxyContext';
 import { surfaces } from '@oxyhq/bloom/surfaces';
+import { createPlatformStorage } from '../utils/storageHelpers';
 
 interface HistoryItem { id: string; query: string; type: 'search' | 'browse'; timestamp: Date; }
 
@@ -26,27 +27,11 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({ onClose, goBack }) => {
     const [isLoading, setIsLoading] = useState(true);
     const [isDeleting, setIsDeleting] = useState(false);
 
-    const getStorage = async () => {
-        const isRN = typeof navigator !== 'undefined' && navigator.product === 'ReactNative';
-        if (isRN) {
-            try {
-                const mod = await import('@react-native-async-storage/async-storage');
-                const s = mod.default as unknown as { getItem: (k: string) => Promise<string | null>; setItem: (k: string, v: string) => Promise<void>; removeItem: (k: string) => Promise<void> };
-                return { getItem: s.getItem.bind(s), setItem: s.setItem.bind(s), removeItem: s.removeItem.bind(s) };
-            } catch (e) { if (__DEV__) console.error('AsyncStorage not available:', e); throw new Error('AsyncStorage required'); }
-        }
-        return {
-            getItem: async (k: string) => typeof window !== 'undefined' && window.localStorage ? window.localStorage.getItem(k) : null,
-            setItem: async (k: string, v: string) => { if (typeof window !== 'undefined' && window.localStorage) window.localStorage.setItem(k, v); },
-            removeItem: async (k: string) => { if (typeof window !== 'undefined' && window.localStorage) window.localStorage.removeItem(k); },
-        };
-    };
-
     React.useEffect(() => {
         const load = async () => {
             try {
                 setIsLoading(true);
-                const storage = await getStorage();
+                const storage = await createPlatformStorage();
                 const stored = await storage.getItem(`history_${user?.id || 'guest'}`);
                 if (stored) { const parsed = JSON.parse(stored); setHistory(parsed.map((i: HistoryItem) => ({ ...i, timestamp: new Date(i.timestamp) }))); }
                 else setHistory([]);
@@ -69,7 +54,7 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({ onClose, goBack }) => {
             const cutoff = new Date(Date.now() - 15 * 60 * 1000);
             const filtered = history.filter(item => item.timestamp < cutoff);
             setHistory(filtered);
-            const storage = await getStorage();
+            const storage = await createPlatformStorage();
             await storage.setItem(`history_${user?.id || 'guest'}`, JSON.stringify(filtered));
             toast.success(t('history.deleteLast15Minutes.success') || 'Last 15 minutes deleted');
         } catch (e) { if (__DEV__) console.error('Failed to delete history:', e); toast.error(t('history.deleteLast15Minutes.error') || 'Failed to delete history'); }
@@ -87,7 +72,7 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({ onClose, goBack }) => {
         if (!confirmed) return;
         try {
             setIsDeleting(true); setHistory([]);
-            const storage = await getStorage();
+            const storage = await createPlatformStorage();
             await storage.removeItem(`history_${user?.id || 'guest'}`);
             toast.success(t('history.clearAll.success') || 'History cleared');
         } catch (e) { if (__DEV__) console.error('Failed to clear history:', e); toast.error(t('history.clearAll.error') || 'Failed to clear history'); }

package/src/ui/screens/LanguageSelectorScreen.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useMemo, useState } from 'react';
 import { View, StyleSheet, TouchableOpacity } from 'react-native';
 import type { BaseScreenProps } from '../types/navigation';
 import { useTheme } from '@oxyhq/bloom/theme';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { toast } from '@oxyhq/bloom';
 import { Text } from '@oxyhq/bloom/typography';
 import { Search } from '@oxyhq/bloom/search';

package/src/ui/screens/ManageAccountScreen.tsx

@@ -6,7 +6,7 @@ import {
     ActivityIndicator,
     Platform,
 } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { toast } from '@oxyhq/bloom';
 import { surfaces } from '@oxyhq/bloom/surfaces';
 import { useTheme } from '@oxyhq/bloom/theme';

package/src/ui/screens/PaymentGatewayScreen.tsx

@@ -10,7 +10,7 @@ import type { BaseScreenProps } from '../types/navigation';
 import { Button } from '@oxyhq/bloom/button';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { H4 } from '@oxyhq/bloom/typography';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import QRCode from 'react-native-qrcode-svg';

package/src/ui/screens/PremiumSubscriptionScreen.tsx

@@ -16,7 +16,7 @@ import {
     SegmentedControlItem,
     SegmentedControlItemText,
 } from '@oxyhq/bloom/segmented-control';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import { useOxy } from '../context/OxyContext';
@@ -343,7 +343,7 @@ const PremiumSubscriptionScreen: React.FC<BaseScreenProps> = ({
         if (currentAppPackage) {
             loadSubscriptionData();
         }
-    }, [currentAppPackage, user?.isPremium]);
+    }, [currentAppPackage]);
 
     const detectCurrentApp = () => {
         const detectedApp = 'mention';

package/src/ui/screens/PrivacySettingsScreen.tsx

@@ -114,6 +114,7 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
     }, [user?.id, oxyServices, t, setValues]);
 
     // Load blocked and restricted users
+    // biome-ignore lint/correctness/useExhaustiveDependencies: reload when active account switches
     useEffect(() => {
         const loadUsers = async () => {
             if (!oxyServices) return;

package/src/ui/screens/ProfileScreen.tsx

@@ -10,11 +10,11 @@ import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list'
 import { Avatar } from '@oxyhq/bloom/avatar';
 import FollowButton from '../components/FollowButton';
 import { useFollow } from '../hooks/useFollow';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import { useOxy } from '../context/OxyContext';
-import { getAccountDisplayName, logger, normalizeProfileLinks } from '@oxyhq/core';
+import { getNormalizedUserHandle, logger, normalizeProfileLinks } from '@oxyhq/core';
 import { extractErrorMessage } from '../utils/errorHandlers';
 
 interface ProfileScreenProps extends BaseScreenProps {
@@ -42,7 +42,7 @@ const ProfileScreen: React.FC<ProfileScreenProps> = ({ userId, username, theme,
     } = useFollow(userId);
 
     const bloomTheme = useTheme();
-    const { t, locale } = useI18n();
+    const { t } = useI18n();
 
     // Check if current user is viewing their own profile
     // Normalize IDs by trimming whitespace to handle format mismatches
@@ -133,7 +133,9 @@ const ProfileScreen: React.FC<ProfileScreenProps> = ({ userId, username, theme,
     // title (a stable "Profile" fallback before it resolves), so the banner +
     // overlapping avatar scroll as content UNDER the shared gradient nav bar.
     // `onImage` tone keeps the title + close legible over the colored banner.
-    const displayName = profile ? getAccountDisplayName(profile, locale) : username || '';
+    const displayName = profile
+        ? (profile.name?.displayName ?? getNormalizedUserHandle(profile))
+        : username || '';
     useSurfaceHeader({
         title: displayName || t('profile.title'),
         largeTitle: false,

package/src/ui/screens/UserListScreen.tsx

@@ -14,11 +14,11 @@ import { H6, Text } from '@oxyhq/bloom/typography';
 import { Button } from '@oxyhq/bloom/button';
 import { Avatar } from '@oxyhq/bloom/avatar';
 import FollowButton from '../components/FollowButton';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import { useOxy } from '../context/OxyContext';
-import { logger, getAccountDisplayName, getAccountFallbackHandle } from '@oxyhq/core';
+import { logger, getNormalizedUserHandle, getAccountFallbackHandle } from '@oxyhq/core';
 import type { User } from '@oxyhq/core';
 
 type ListMode = 'followers' | 'following';
@@ -147,7 +147,7 @@ const UserListScreen: React.FC<UserListScreenProps> = ({
       const itemUserId = resolveUserId(item);
       const isCurrentUser = itemUserId === currentUserId;
       const description = typeof item.description === 'string' ? item.description : '';
-      const displayName = getAccountDisplayName(item, locale);
+      const displayName = item.name?.displayName ?? getNormalizedUserHandle(item) ?? '';
       const handle = getAccountFallbackHandle(item);
 
       return (

package/src/ui/screens/WelcomeNewUserScreen.tsx

@@ -3,7 +3,7 @@ import { useCallback, useMemo, useRef, useState } from 'react';
 import { View, StyleSheet, Platform, Animated } from 'react-native';
 import type { BaseScreenProps } from '../types/navigation';
 import { Avatar } from '@oxyhq/bloom/avatar';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { toast } from '@oxyhq/bloom';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { Button } from '@oxyhq/bloom/button';
@@ -13,7 +13,7 @@ import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import { useOxy } from '../context/OxyContext';
 import { useUpdateProfile } from '../hooks/mutations/useAccountMutations';
-import { getAccountDisplayName, type User } from '@oxyhq/core';
+import { getNormalizedUserHandle, type User } from '@oxyhq/core';
 
 const GAP = 12;
 const INNER_GAP = 8;
@@ -63,10 +63,10 @@ const WelcomeNewUserScreen: React.FC<BaseScreenProps & { newUser?: User }> = ({
         ? oxyServices.getFileDownloadUrl(currentUser.avatar, 'thumb')
         : undefined;
 
-    // Steps content. Use the canonical helper so partially-onboarded accounts
-    // (publicKey only) still get a friendly greeting instead of a blank one.
-    const welcomeName = getAccountDisplayName(currentUser ?? null, locale);
-    const welcomeTitle = currentUser
+    // API DTO contract: explicit displayName, else the normalized handle.
+    const welcomeName =
+        currentUser?.name?.displayName ?? getNormalizedUserHandle(currentUser) ?? '';
+    const welcomeTitle = currentUser && welcomeName
         ? (t('welcomeNew.welcome.titleWithName', { username: welcomeName }) || `Welcome, ${welcomeName} 👋`)
         : (t('welcomeNew.welcome.title') || 'Welcome 👋');
     // Only ask the user for their name during onboarding when they don't have a

package/src/ui/screens/fileManagement/FileLibraryError.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { View, Text, TouchableOpacity } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 
 export interface FileLibraryErrorProps {
     title: string;

package/src/ui/screens/fileManagement/FileListSection.tsx

@@ -7,7 +7,7 @@ import {
     RefreshControl,
     ActivityIndicator,
 } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import type { FileMetadata } from '@oxyhq/core';
 import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
 import type { useTheme } from '@oxyhq/bloom/theme';

package/src/ui/screens/fileManagement/PhotoPickerSection.tsx

@@ -12,7 +12,8 @@ import {
     type LayoutChangeEvent,
 } from 'react-native';
 import { Image as ExpoImage } from 'expo-image';
-import { Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
 import * as Skeleton from '@oxyhq/bloom/skeleton';
 import type { FileMetadata } from '@oxyhq/core';
 import { computePhotoGridLayout } from './photoGridLayout';
@@ -550,8 +551,8 @@ const PhotoPickerView: React.FC<PhotoPickerViewProps> = ({
                         importantForAccessibility="no-hide-descendants"
                     >
                         {Array.from({ length: skeletonTileCount }, (_, index) => (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: fixed-size skeleton grid, order never changes
                             <Skeleton.Box
+                                // biome-ignore lint/suspicious/noArrayIndexKey: fixed-size skeleton grid, order never changes
                                 key={`skeleton-${index}`}
                                 width={cellSize}
                                 height={cellSize}

package/src/ui/screens/fileManagement/UploadBar.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { View, Text, ActivityIndicator, StyleSheet, Platform, type ViewStyle } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 
 export interface UploadBarProps {
     /** Aggregate upload progress, or null when indeterminate. */

package/src/ui/screens/trust/TrustCenterScreen.tsx

@@ -2,7 +2,7 @@ import type React from 'react';
 import { useEffect, useMemo, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import type { ReputationTransaction, TrustTier } from '@oxyhq/core';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { Chip } from '@oxyhq/bloom/chip';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { H1, Text } from '@oxyhq/bloom/typography';

package/src/ui/screens/trust/TrustLeaderboardScreen.tsx

@@ -8,12 +8,12 @@ import {
     TouchableOpacity,
 } from 'react-native';
 import type { ReputationLeaderboardEntry } from '@oxyhq/core';
-import { getAccountDisplayName, logger } from '@oxyhq/core';
+import { getNormalizedUserHandle, logger } from '@oxyhq/core';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { H6, Text } from '@oxyhq/bloom/typography';
 import { Chip } from '@oxyhq/bloom/chip';
 import { Button } from '@oxyhq/bloom/button';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import type { BaseScreenProps } from '../../types/navigation';
 import { Avatar } from '@oxyhq/bloom/avatar';
 import { useI18n } from '../../hooks/useI18n';
@@ -72,7 +72,8 @@ const TrustLeaderboardScreen: React.FC<BaseScreenProps> = ({ navigate }) => {
 
     const renderEntry = useCallback(
         ({ item }: { item: ReputationLeaderboardEntry }) => {
-            const displayName = getAccountDisplayName(item.user, locale);
+            const displayName =
+                item.user.name?.displayName ?? getNormalizedUserHandle(item.user) ?? '';
             const isViewer = currentUserId !== '' && item.user.id === currentUserId;
             const isPodium = item.rank <= PODIUM_RANK;
             // Viewer's own row and podium ranks get a subtle highlighted surface.

package/src/ui/screens/trust/TrustRewardsScreen.tsx

@@ -3,7 +3,7 @@ import { useMemo, useState, useEffect } from 'react';
 import { View, StyleSheet } from 'react-native';
 import type { BaseScreenProps } from '../../types/navigation';
 import { useSurfaceHeader } from '../../hooks/useSurfaceHeader';
-import { Ionicons } from '@expo/vector-icons';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { H1, H4, H5, Text } from '@oxyhq/bloom/typography';
 import { useI18n } from '../../hooks/useI18n';

package/src/ui/types/navigation.ts

@@ -74,11 +74,11 @@ export interface OxyProviderProps {
     authWebUrl?: string;
     authRedirectUri?: string;
     /**
-     * Authorize endpoint override for silent cross-origin session restore
-     * (web cross-app SSO on cold boot). Defaults to the production Oxy IdP
-     * (`https://auth.oxy.so/authorize`) when unset. Set this from an env var
-     * (e.g. Vite `VITE_OXY_AUTHORIZE_URL`, Expo `EXPO_PUBLIC_OXY_AUTHORIZE_URL`)
-     * so a local/staging deployment targets its own IdP instead of production.
+     * Authorize endpoint override for web "Sign in with Oxy". Defaults to the
+     * production Oxy IdP (`https://auth.oxy.so/authorize`) when unset. Set this
+     * from an env var (e.g. Vite `VITE_OXY_AUTHORIZE_URL`, Expo
+     * `EXPO_PUBLIC_OXY_AUTHORIZE_URL`) so a local/staging deployment targets its
+     * own IdP instead of production.
      */
     authorizeBaseUrl?: string;
     /**
@@ -98,9 +98,9 @@ export interface OxyProviderProps {
      * rather than hidden in the UI: `accounts` stays empty and is never fetched,
      * `switchToAccount` / `switchSession` reject with `IdentityBoundSessionError`,
      * `accountDialogController` is `null` and `openAccountDialog()` does nothing,
-     * and the two web OAuth cold-boot lanes (authorization-code return + silent
-     * cross-origin restore) are skipped — all of them commit whichever account
-     * the IdP resolves, which is not necessarily the local key's owner.
+     * and the web OAuth cold-boot lane (the authorization-code return leg) is
+     * skipped — it commits whichever account the IdP resolves, which is not
+     * necessarily the local key's owner.
      *
      * Read once at mount, like `baseURL` / `oxyServices`: changing it on a
      * mounted provider does not re-bind the session.
@@ -110,22 +110,23 @@ export interface OxyProviderProps {
     /**
      * How a WEB third-party "Sign in with Oxy" hands the user to the IdP.
      *
-     * - `'redirect'` (default) — a full-page navigation to `auth.oxy.so`, which
-     *   returns to the registered `redirect_uri` with `?code=`. The tab unmounts
-     *   and remounts, so route and unsaved state are lost.
-     * - `'popup'` — a small `auth.oxy.so` window opened from the user's click.
-     *   The app stays MOUNTED and becomes authenticated without a reload; the
-     *   IdP delivers only the authorization code + `state` back to the opener
-     *   via `postMessage` (never a token, device secret, or PKCE verifier). A
-     *   blocked popup falls back to the redirect automatically.
+     * - `'popup'` (default) — a small `auth.oxy.so` window opened from the
+     *   user's click. The app stays MOUNTED and becomes authenticated without a
+     *   reload; the IdP delivers only the authorization code + `state` back to
+     *   the opener via `postMessage` (never a token, device secret, or PKCE
+     *   verifier). A blocked popup falls back to the redirect automatically.
+     * - `'redirect'` — a full-page navigation to `auth.oxy.so`, which returns to
+     *   the registered `redirect_uri` with `?code=`. The tab unmounts and
+     *   remounts, so route and unsaved state are lost.
+     *
+     * Either way the navigation only ever happens from a real user gesture: the
+     * SDK never bounces the top-level window on its own (#691 phase 7b).
      *
      * Native is unaffected — it always uses an in-app auth session.
-     * @default 'redirect'
+     * @default 'popup'
      */
     webAuthMode?: WebAuthMode;
     queryClient?: QueryClient;
-    /** Sync device credentials to auth.oxy.so after interactive sign-in. @default true */
-    hubSync?: boolean;
     /**
      * Convenience: wrap the whole app subtree in `<RequireOxyAuth prompt=...>`.
      * `off` (default) renders children unconditionally; `soft` adds a dismissible