@oxy.so/services 11.9.0 → 11.12.0

package/src/ui/components/fileManagement/FileAppAccessSection.tsx

@@ -0,0 +1,111 @@
+import type React from 'react';
+import { useCallback, useState } from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { Avatar } from '@oxy.so/bloom/avatar';
+import { Button } from '@oxy.so/bloom/button';
+import { SettingsListGroup, SettingsListItem } from '@oxy.so/bloom/settings-list';
+import { surfaces } from '@oxy.so/bloom/surfaces';
+import { useTheme } from '@oxy.so/bloom/theme';
+import { toast } from '@oxy.so/bloom/toast';
+import { Text } from '@oxy.so/bloom/typography';
+import type { FileApplicationAccess } from '@oxy.so/core';
+import { useI18n } from '../../hooks/useI18n';
+import { useFileAppAccess } from '../../hooks/queries/useFileQueries';
+import { useRevokeFileAppAccess } from '../../hooks/mutations/useAccountMutations';
+
+const APP_ICON_SIZE = 32;
+
+interface FileAppAccessSectionProps {
+  fileId: string;
+}
+
+/**
+ * "Apps with access" (ADR 0043 stage 4c): the applications that can open this
+ * file on their own — one that stored it for the person (`upload`), one the
+ * person attached it to (`link`) — each with a Revoke action behind a
+ * confirmation. Revoking stops the application reading the file and every
+ * playback it started; the row leaves the list at once and comes back if the
+ * revoke fails. Shown only on the owner's own file.
+ */
+export const FileAppAccessSection: React.FC<FileAppAccessSectionProps> = ({ fileId }) => {
+  const { t } = useI18n();
+  const { colors } = useTheme();
+  const { data: apps, isLoading, isError } = useFileAppAccess(fileId);
+  const revoke = useRevokeFileAppAccess();
+  const [revokingId, setRevokingId] = useState<string | null>(null);
+
+  const confirmRevoke = useCallback(
+    async (app: FileApplicationAccess) => {
+      const confirmed = await surfaces.confirm({
+        title: t('fileManagement.appAccess.confirm.title', { name: app.name }),
+        description: t('fileManagement.appAccess.confirm.message', { name: app.name }),
+        confirmLabel: t('fileManagement.appAccess.revoke'),
+        cancelLabel: t('common.cancel'),
+        destructive: true,
+      });
+      if (!confirmed) return;
+      setRevokingId(app.applicationId);
+      try {
+        await revoke.mutateAsync({ fileId, applicationId: app.applicationId });
+        toast.success(t('fileManagement.appAccess.toasts.revoked', { name: app.name }));
+      } catch {
+        toast.error(t('fileManagement.appAccess.toasts.revokeFailed', { name: app.name }));
+      } finally {
+        setRevokingId(null);
+      }
+    },
+    [fileId, revoke, t],
+  );
+
+  const viaText = (app: FileApplicationAccess): string =>
+    app.via.map((via) => t(`fileManagement.appAccess.via.${via}`)).join(' · ');
+
+  return (
+    <View className="w-full mb-space-24">
+      <Text className="text-text text-[16px] font-semibold mb-space-4">
+        {t('fileManagement.appAccess.title')}
+      </Text>
+      <Text className="text-text-secondary text-[14px] mb-space-12">
+        {t('fileManagement.appAccess.description')}
+      </Text>
+      {isLoading ? (
+        <ActivityIndicator color={colors.primary} />
+      ) : isError ? (
+        <Text className="text-text-secondary text-[14px]">
+          {t('fileManagement.appAccess.loadError')}
+        </Text>
+      ) : !apps || apps.length === 0 ? (
+        <Text className="text-text-secondary text-[14px]">
+          {t('fileManagement.appAccess.empty')}
+        </Text>
+      ) : (
+        <SettingsListGroup>
+          {apps.map((app) => (
+            <SettingsListItem
+              key={app.applicationId}
+              icon={<Avatar source={app.icon} name={app.name} size={APP_ICON_SIZE} />}
+              title={app.name}
+              description={viaText(app)}
+              showChevron={false}
+              rightElement={
+                <Button
+                  appearance="subtle"
+                  tone="danger"
+                  size="sm"
+                  loading={revokingId === app.applicationId}
+                  disabled={revokingId !== null}
+                  accessibilityLabel={t('fileManagement.appAccess.a11y.revoke', { name: app.name })}
+                  onPress={() => {
+                    void confirmRevoke(app);
+                  }}
+                >
+                  {t('fileManagement.appAccess.revoke')}
+                </Button>
+              }
+            />
+          ))}
+        </SettingsListGroup>
+      )}
+    </View>
+  );
+};

package/src/ui/components/fileManagement/FileDetailsModal.tsx

@@ -9,6 +9,7 @@ import { surfaces, type SurfaceControls } from '@oxy.so/bloom/surfaces';
 import type { FileMetadata } from '@oxy.so/core';
 import { useI18n } from '../../hooks/useI18n';
 import { formatFileSize, getFileIcon } from '../../utils/fileManagement';
+import { FileAppAccessSection } from './FileAppAccessSection';
 
 interface FileDetailsModalProps {
   /** The presenting surface's controls (from `surfaces.present`). */
@@ -21,7 +22,8 @@ interface FileDetailsModalProps {
 
 /**
  * File-detail panel — a rich presented surface (NOT a yes/no confirm): a file's
- * icon + metadata plus download / delete / cancel actions. Each action first
+ * icon + metadata, for the owner the applications that can open it ("Apps with
+ * access", ADR 0043 stage 4c), plus download / delete / cancel actions. Each action first
  * dismisses this surface, then runs its handler, so a follow-up delete confirm
  * stacks cleanly above whatever remains. Presented via {@link presentFileDetails}.
  */
@@ -83,6 +85,8 @@ export const FileDetailsModal: React.FC<FileDetailsModalProps> = ({
             </View>
           )}
         </View>
+
+        {isOwner ? <FileAppAccessSection fileId={file.id} /> : null}
       </Card>
 
       <View style={{ gap: 8 }}>

package/src/ui/context/OxyContext.tsx

@@ -125,6 +125,7 @@ import { useFollow } from '../hooks/useFollow';
 import { commitDeviceSetAndResolve } from './commitSessionFlow';
 import { clearSignInFlows } from '../components/signIn/signInFlowStore';
 import { useOxyAccountGraph } from './useOxyAccountGraph';
+import { AppAssertionProvider } from '../appAssertion/AppAssertionContext';
 
 export type { LogoutResult, OxyContextState, OxyRuntimeProviderProps } from './oxyContextTypes';
 
@@ -1742,7 +1743,18 @@ export const OxyRuntimeProvider: React.FC<OxyRuntimeProviderProps> = ({
   return (
     <OxyRuntimeHandleProvider value={runtime}>
       <OxyAuthActionsContext.Provider value={authActionsValue}>
-        <OxyRuntimeContext.Provider value={contextValue}>{children}</OxyRuntimeContext.Provider>
+        <OxyRuntimeContext.Provider value={contextValue}>
+          <AppAssertionProvider
+            oxyServices={oxyServices}
+            clientId={clientId}
+            userId={canUsePrivateApi ? (user?.id ?? null) : null}
+            sessionId={canUsePrivateApi ? activeSessionId : null}
+            storage={storage}
+            storageKeyPrefix={storageKeyPrefix}
+          >
+            {children}
+          </AppAssertionProvider>
+        </OxyRuntimeContext.Provider>
       </OxyAuthActionsContext.Provider>
     </OxyRuntimeHandleProvider>
   );

package/src/ui/hooks/mutations/mutationKeys.ts

@@ -36,4 +36,9 @@ export const mutationKeys = {
   connectedApps: {
     revoke: ['mutation', 'connectedApps', 'revoke'] as const,
   },
+
+  // A file's applications with access (ADR 0043 stage 4c)
+  fileAppAccess: {
+    revoke: ['mutation', 'fileAppAccess', 'revoke'] as const,
+  },
 } as const;

package/src/ui/hooks/mutations/useAccountMutations.ts

@@ -3,6 +3,7 @@ import { authenticatedApiCall } from '@oxy.so/core';
 import type {
   AssetMetadata,
   AssetUploadInput,
+  FileApplicationAccessRevocation,
   NotificationPreferences,
   PrivacySettings,
   User,
@@ -21,6 +22,7 @@ import { useOxy } from '../../context/OxyContext';
 import { toast } from '@oxy.so/bloom/toast';
 import { useAuthStore } from '../../stores/authStore';
 import { clearedFieldsFromProfileUpdate, upsertCachedUser } from '../queries/userCache';
+import { removeAppAccessFromCache } from '../queries/useFileQueries';
 
 /**
  * Update user profile with optimistic updates and offline queue support
@@ -708,3 +710,34 @@ export const useUploadFile = () => {
     },
   });
 };
+
+/**
+ * Take an application's access to one of the person's files away (ADR 0043
+ * stage 4c): optimistic — the application leaves the cached list at once and
+ * comes back if the revoke fails — then the list is re-read either way. The
+ * caller shows its own toasts (it knows the application's name).
+ */
+export const useRevokeFileAppAccess = () => {
+  const { oxyServices, activeSessionId } = useOxy();
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationKey: [...mutationKeys.fileAppAccess.revoke],
+    mutationFn: async ({ fileId, applicationId }: { fileId: string; applicationId: string }) =>
+      authenticatedApiCall<FileApplicationAccessRevocation>(oxyServices, activeSessionId, () =>
+        oxyServices.assets.revokeAppAccess(fileId, applicationId),
+      ),
+    onMutate: async ({ fileId, applicationId }) => {
+      await queryClient.cancelQueries({ queryKey: queryKeys.files.appAccess(fileId) });
+      return { previous: removeAppAccessFromCache(queryClient, fileId, applicationId) };
+    },
+    onError: (_error, { fileId }, context) => {
+      if (context?.previous) {
+        queryClient.setQueryData(queryKeys.files.appAccess(fileId), context.previous);
+      }
+    },
+    onSettled: (_data, _error, { fileId }) => {
+      void queryClient.invalidateQueries({ queryKey: queryKeys.files.appAccess(fileId) });
+    },
+  });
+};

package/src/ui/hooks/queries/queryKeys.ts

@@ -115,6 +115,11 @@ export const queryKeys = {
     list: (ownerId?: string) => [...queryKeys.files.all, 'list', ownerId || 'anonymous'] as const,
     /** The owner's trash (ADR 0043 D5) — under `files.all`, so one invalidation covers both. */
     trash: (ownerId?: string) => [...queryKeys.files.all, 'trash', ownerId || 'anonymous'] as const,
+    /**
+     * The applications that can read one file with their own token (ADR 0043
+     * stage 4c) — under `files.all`, so a library invalidation refreshes it too.
+     */
+    appAccess: (fileId: string) => [...queryKeys.files.all, 'appAccess', fileId] as const,
   },
 
   // Connected apps (OAuth grants the user has authorized)

package/src/ui/hooks/queries/useFileQueries.ts

@@ -9,8 +9,13 @@
  * infinite scroll, pull-to-refresh, and optimistic upload reconciliation.
  */
 
-import { useInfiniteQuery, type InfiniteData, type QueryClient } from '@tanstack/react-query';
-import type { FileMetadata } from '@oxy.so/core';
+import {
+  useInfiniteQuery,
+  useQuery,
+  type InfiniteData,
+  type QueryClient,
+} from '@tanstack/react-query';
+import type { FileApplicationAccess, FileMetadata } from '@oxy.so/core';
 import { useOxy } from '../../context/OxyContext';
 import { queryKeys } from './queryKeys';
 
@@ -185,3 +190,40 @@ export function patchFileMetadataInCache(
       : data,
   );
 }
+
+// --- Applications with access (ADR 0043 stage 4c) ---------------------------
+
+/**
+ * The applications that can open one of the owner's files with their own
+ * token: one that stored it for the person, or one the person attached it to.
+ * Fetched when `enabled` (the owner's own file); `staleTime: 0` re-reads it
+ * every time the details open, since an application can gain access at any
+ * time (a new upload on the person's behalf).
+ */
+export const useFileAppAccess = (fileId: string, enabled = true) => {
+  const { oxyServices } = useOxy();
+  return useQuery<FileApplicationAccess[], Error>({
+    queryKey: queryKeys.files.appAccess(fileId),
+    queryFn: () => oxyServices.assets.listAppAccess(fileId),
+    enabled: enabled && fileId.length > 0,
+    staleTime: 0,
+    refetchOnWindowFocus: false,
+  });
+};
+
+/** Drop one application from a file's cached access list (the optimistic half of a revoke). */
+export function removeAppAccessFromCache(
+  queryClient: QueryClient,
+  fileId: string,
+  applicationId: string,
+): FileApplicationAccess[] | undefined {
+  const key = queryKeys.files.appAccess(fileId);
+  const previous = queryClient.getQueryData<FileApplicationAccess[]>(key);
+  if (previous) {
+    queryClient.setQueryData<FileApplicationAccess[]>(
+      key,
+      previous.filter((app) => app.applicationId !== applicationId),
+    );
+  }
+  return previous;
+}

package/src/ui/hooks/useDisplayCurrency.ts

@@ -0,0 +1,64 @@
+import { useSyncExternalStore } from 'react';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { authenticatedApiCall, type UserPreferences } from '@oxy.so/core';
+import { useOxy } from '../context/OxyContext';
+import { useCurrentUser } from './queries/useAccountQueries';
+import { queryKeys } from './queries/queryKeys';
+import { useAuthStore } from '../stores/authStore';
+import { mutationKeys } from './mutations/mutationKeys';
+
+export type DisplayCurrency = NonNullable<UserPreferences['displayCurrency']>;
+export const DISPLAY_CURRENCIES: readonly DisplayCurrency[] = ['USD', 'EUR', 'FAIR'];
+
+let anonymousCurrency: DisplayCurrency = 'USD';
+const anonymousListeners = new Set<() => void>();
+const subscribeAnonymous = (listener: () => void) => {
+  anonymousListeners.add(listener);
+  return () => {
+    anonymousListeners.delete(listener);
+  };
+};
+const anonymousSnapshot = () => anonymousCurrency;
+
+/** Account-scoped server preference. A late save can never replace another account. */
+export function useDisplayCurrency() {
+  const { oxyServices, activeSessionId, isAuthenticated, user } = useOxy();
+  const current = useCurrentUser({ enabled: isAuthenticated });
+  const client = useQueryClient();
+  const anonymous = useSyncExternalStore(
+    subscribeAnonymous,
+    anonymousSnapshot,
+    () => 'USD' as const,
+  );
+  const currency = isAuthenticated
+    ? (current.data?.userPreferences?.displayCurrency ??
+      user?.userPreferences?.displayCurrency ??
+      'USD')
+    : anonymous;
+  const mutation = useMutation({
+    mutationKey: [...mutationKeys.account.updateSettings],
+    mutationFn: async (input: { currency: DisplayCurrency; sessionId: string; userId: string }) => {
+      const updated = await authenticatedApiCall(oxyServices, input.sessionId, () =>
+        oxyServices.users.updateMe({ userPreferences: { displayCurrency: input.currency } }),
+      );
+      if (updated.id !== input.userId) throw new Error('Account changed. Please try again.');
+      return updated;
+    },
+    onSuccess: (updated, input) => {
+      client.setQueryData(queryKeys.accounts.current(input.sessionId), updated);
+      if (useAuthStore.getState().user?.id === input.userId)
+        useAuthStore.getState().setUser(updated);
+    },
+  });
+  function selectCurrency(next: DisplayCurrency) {
+    if (!DISPLAY_CURRENCIES.includes(next)) return;
+    if (!isAuthenticated) {
+      anonymousCurrency = next;
+      for (const listener of anonymousListeners) listener();
+      return;
+    }
+    if (activeSessionId && user?.id)
+      mutation.mutate({ currency: next, sessionId: activeSessionId, userId: user.id });
+  }
+  return { currency, selectCurrency, isSaving: mutation.isPending, error: mutation.error };
+}

package/src/ui/hooks/useDisplayPrice.ts

@@ -0,0 +1,40 @@
+import { useQuery } from '@tanstack/react-query';
+import { useEffect, useState } from 'react';
+import { convertDisplayAmount, readDisplayRates } from '@peable.to/sdk/display';
+import { useDisplayCurrency } from './useDisplayCurrency';
+import { useI18n } from './useI18n';
+
+/** Display conversion only. Pricing and checkout request bodies retain their source units. */
+export function useDisplayPrice() {
+  const { currency } = useDisplayCurrency();
+  const { t } = useI18n();
+  const [now, setNow] = useState(Date.now);
+  const rates = useQuery({
+    queryKey: ['display-currency', 'faircoin-indexed-price'],
+    queryFn: ({ signal }) => readDisplayRates({ signal }),
+    enabled: currency !== 'USD',
+    staleTime: 30_000,
+    gcTime: 0,
+    retry: false,
+    refetchInterval: 60_000,
+    refetchOnWindowFocus: 'always',
+  });
+  useEffect(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1000);
+    return () => clearInterval(timer);
+  }, []);
+  function formatUsd(minorUnits: number) {
+    const display = convertDisplayAmount({
+      units: String(minorUnits),
+      currency: 'USD',
+      displayCurrency: currency,
+      rates: rates.isError ? null : rates.data,
+      now,
+    });
+    if (!display) return t('preferences.displayCurrency.unavailable', { currency });
+    return currency === 'USD'
+      ? display
+      : t('preferences.displayCurrency.approximate', { amount: display });
+  }
+  return { currency, formatUsd };
+}

package/src/ui/icons/subsetGlyphMaps.ts

@@ -323,6 +323,7 @@ export const materialCommunityIconsGlyphMap = {
   "trophy": 984376,
   "trophy-outline": 984378,
   "update": 984752,
+  "upload": 984402,
   "video-outline": 986076,
   "volume-off": 984449,
   "wallet": 984452,

package/src/ui/index.ts

@@ -37,6 +37,8 @@ export { default as ProfileButton } from './components/ProfileButton';
 
 // Context + hooks
 export { useOxy, useOptionalOxy, OxyProviderMissingError } from './context/OxyContext';
+export { useAppAssertion } from './appAssertion/AppAssertionContext';
+export type { UseAppAssertionResult } from './appAssertion/AppAssertionContext';
 export { useAuth } from './hooks/useAuth';
 export type { AuthActions, AuthState, SignInOutcome, UseAuthReturn } from './hooks/useAuth';
 export { useFollow, useSeedFollowStatuses } from './hooks/useFollow';

package/src/ui/screens/AccountMembersScreen.tsx

@@ -30,13 +30,8 @@ const ASSIGNABLE_ROLES: AssignableRole[] = ['admin', 'editor', 'developer', 'bil
 const errorMessage = (error: unknown, fallback: string): string =>
   error instanceof Error && error.message ? error.message : fallback;
 
-const isUserNotFound = (error: unknown): boolean => {
-  const message = error instanceof Error ? error.message.toLowerCase() : '';
-  return message.includes('user not found') || message.includes('not found');
-};
-
 /**
- * Manage the members of an account (invite by username/email, change roles,
+ * Manage the members of an account (invite by email, change roles,
  * remove, transfer ownership). Gated on the caller's `callerMembership`
  * permissions. Receives the target `accountId` via navigation props.
  */
@@ -86,6 +81,27 @@ const AccountMembersScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, acco
     queryFn: () => oxyServices.accounts.members.list(id),
     enabled: canUsePrivateApi && id.length > 0 && canRead,
   });
+  const invitationsQuery = useQuery({
+    queryKey: ['account-invitations', id],
+    queryFn: () => oxyServices.accounts.invitations.list(id),
+    enabled: canUsePrivateApi && !!id && canRead,
+  });
+  const invitationAction = useMutation({
+    mutationFn: async ({
+      invitationId,
+      action,
+    }: {
+      invitationId: string;
+      action: 'resend' | 'cancel';
+    }) => {
+      if (action === 'resend') await oxyServices.accounts.invitations.resend(id, invitationId);
+      else await oxyServices.accounts.invitations.cancel(id, invitationId);
+    },
+    onSuccess: () => {
+      void invitationsQuery.refetch();
+    },
+    onError: (error) => toast.error(errorMessage(error, 'Could not update invitation')),
+  });
   const members = useMemo<AccountMember[]>(() => membersQuery.data ?? [], [membersQuery.data]);
   const memberUserIds = useMemo(
     () => [...new Set(members.map((member) => member.memberUserId).filter((id) => id.length > 0))],
@@ -126,6 +142,7 @@ const AccountMembersScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, acco
     // tables — mirror the SDK's per-account prefix sweep so every cached member
     // list refetches, not only the account that was mutated.
     queryClient.invalidateQueries({ queryKey: ['accounts', 'members'] });
+    queryClient.invalidateQueries({ queryKey: ['account-invitations', id] });
     queryClient.invalidateQueries({ queryKey: ['accounts', 'detail', id] });
   }, [queryClient, id]);
 
@@ -137,24 +154,20 @@ const AccountMembersScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, acco
   const inviteMutation = useMutation({
     mutationKey: ['accounts', 'members', 'invite', id],
     mutationFn: (input: { usernameOrEmail: string; role: AssignableRole }) =>
-      oxyServices.accounts.members.invite(id, input),
+      oxyServices.accounts.invitations.create(id, {
+        email: input.usernameOrEmail,
+        role: input.role,
+      }),
     onSuccess: () => {
       setInviteIdentifier('');
       setInviteRole('editor');
       setInviteError(null);
       invalidateMembers();
-      toast.success(t('accounts.members.toasts.added') || 'Member added');
+      toast.success('Invitation sent');
     },
     onError: (error) => {
-      if (isUserNotFound(error)) {
-        const message = t('accounts.members.errors.userNotFound') || 'User not found';
-        setInviteError(message);
-        toast.error(message);
-        return;
-      }
-      toast.error(
-        errorMessage(error, t('accounts.members.toasts.addFailed') || 'Failed to add member'),
-      );
+      invalidateMembers();
+      toast.error(errorMessage(error, 'Could not send invitation'));
     },
   });
 
@@ -207,14 +220,12 @@ const AccountMembersScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, acco
   const handleInvite = useCallback(() => {
     const usernameOrEmail = inviteIdentifier.trim();
     if (!usernameOrEmail) {
-      setInviteError(
-        t('accounts.members.errors.identifierRequired') || 'Enter a username or email to invite',
-      );
+      setInviteError('Enter an email to invite');
       return;
     }
     setInviteError(null);
     inviteMutation.mutate({ usernameOrEmail, role: inviteRole });
-  }, [inviteIdentifier, inviteRole, inviteMutation, t]);
+  }, [inviteIdentifier, inviteRole, inviteMutation]);
 
   const handleChangeRole = useCallback(
     (member: AccountMember, role: AccountRole) => {
@@ -282,13 +293,11 @@ const AccountMembersScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, acco
       {/* Invite form */}
       {canInvite ? (
         <View className="gap-space-12 p-space-16 rounded-radius-20 bg-fill">
-          <Text className="text-body font-semibold text-text">
-            {t('accounts.members.invite.title') || 'Add a member'}
-          </Text>
+          <Text className="text-body font-semibold text-text">{'Invite a member'}</Text>
           <TextField isInvalid={!!inviteError}>
             <TextFieldInput
               floatingLabel
-              label={t('accounts.members.invite.identifierLabel') || 'Username or email'}
+              label={'Email'}
               value={inviteIdentifier}
               onChangeText={(value) => {
                 setInviteIdentifier(value);
@@ -332,14 +341,49 @@ const AccountMembersScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, acco
             onPress={handleInvite}
             disabled={inviteMutation.isPending || !inviteIdentifier.trim()}
             loading={inviteMutation.isPending}
-            accessibilityLabel={t('accounts.members.invite.submit') || 'Add member'}
+            accessibilityLabel={'Send invitation'}
             className="w-full"
           >
-            {t('accounts.members.invite.submit') || 'Add member'}
+            {'Send invitation'}
           </Button>
         </View>
       ) : null}
 
+      {canRead ? (
+        <View className="gap-space-12">
+          <Text className="text-body font-semibold text-text">Pending invitations</Text>
+          {invitationsQuery.isError ? <Text>Could not load invitations.</Text> : null}
+          {(invitationsQuery.data ?? []).map((invitation) => (
+            <View key={invitation.id} className="gap-space-8 p-space-16 rounded-radius-20 bg-fill">
+              <Text>
+                {invitation.email} · {roleLabel(invitation.role)} · {invitation.status}
+              </Text>
+              <Text>Expires {new Date(invitation.expiresAt).toLocaleDateString()}</Text>
+              {canInvite ? (
+                <Button
+                  disabled={invitationAction.isPending}
+                  onPress={() =>
+                    invitationAction.mutate({ invitationId: invitation.id, action: 'resend' })
+                  }
+                >
+                  Resend
+                </Button>
+              ) : null}
+              {canRemove ? (
+                <Button
+                  disabled={invitationAction.isPending}
+                  onPress={() =>
+                    invitationAction.mutate({ invitationId: invitation.id, action: 'cancel' })
+                  }
+                >
+                  Cancel invitation
+                </Button>
+              ) : null}
+            </View>
+          ))}
+        </View>
+      ) : null}
+
       {/* Member list */}
       {canRead ? (
         <View className="gap-space-8">

package/src/ui/screens/PreferencesScreen.tsx

@@ -5,6 +5,7 @@ import { Switch } from '@oxy.so/bloom/switch';
 import { useTheme } from '@oxy.so/bloom/theme';
 import type { UserPreferences } from '@oxy.so/core';
 import { getNativeLanguageName } from '@oxy.so/core';
+import { DisplayCurrencySelector } from '../components/DisplayCurrencySelector';
 import type { BaseScreenProps } from '../types/navigation';
 import { SettingsIcon } from '../components/SettingsIcon';
 import { useI18n } from '../hooks/useI18n';
@@ -158,6 +159,7 @@ const PreferencesScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, navigat
         </SettingsListGroup>
 
         <SettingsListGroup title={t('preferences.sections.region') || 'Region'}>
+          <DisplayCurrencySelector />
           <SettingsListItem
             icon={<SettingsIcon name="clock-outline" color={bloomTheme.colors.info} />}
             title={t('preferences.items.timezone.title') || 'Timezone'}