@oxy.so/services 11.5.0 → 11.8.0

package/src/ui/navigation/routes.ts

@@ -3,6 +3,7 @@ import type { BaseScreenProps } from '../types/navigation';
 
 // Define all available route names
 export type RouteName =
+  | 'Supervision'
   | 'ManageAccount' // Unified "Manage your Oxy Account" surface
   | 'AccountVerification'
   | 'PaymentGateway'
@@ -71,6 +72,7 @@ export type RouteName =
  * confines the gap to one documented widening in {@link getScreenComponent}.
  */
 const screenComponents: Record<RouteName, ComponentType<never>> = {
+  Supervision: lazy(() => import('../screens/SupervisionScreen')),
   ManageAccount: lazy(() => import('../screens/ManageAccountScreen')),
   AccountVerification: lazy(() => import('../screens/AccountVerificationScreen')),
   PaymentGateway: lazy(() => import('../screens/PaymentGatewayScreen')),

package/src/ui/navigation/surfaceRegistry.ts

@@ -24,6 +24,7 @@ type SurfaceRoute<Props = Record<string, unknown>, Result = void> = {
 };
 
 export interface SurfaceRegistry {
+  Supervision: SurfaceRoute<{ approvalId?: string; childAccountId?: string }>;
   ManageAccount: SurfaceRoute;
   AccountVerification: SurfaceRoute;
   PaymentGateway: SurfaceRoute;

package/src/ui/oauth/applicationSessionLane.ts

@@ -1,8 +1,8 @@
-import { publicApplicationSchema } from '@oxy.so/contracts';
+import { publicApplicationCheck, parseContract } from '@oxy.so/contracts/client';
 import type { OxyServices } from '@oxy.so/core';
 
 export function classifyApplicationSessionLane(metadata: unknown): 'device' | 'oauth' {
-  const application = publicApplicationSchema.parse(metadata);
+  const application = parseContract(publicApplicationCheck, metadata);
   return application.type === 'third_party' && !application.isOfficial && !application.isInternal
     ? 'oauth'
     : 'device';

package/src/ui/screens/AccountSettingsScreen.tsx

@@ -1,5 +1,9 @@
 import type React from 'react';
-import { ORGANIZATION_NAME_MAX_LENGTH, organizationNameSchema } from '@oxy.so/contracts';
+import {
+  ORGANIZATION_NAME_MAX_LENGTH,
+  organizationNameCheck,
+  checkContract,
+} from '@oxy.so/contracts/client';
 import { OrganizationSettings } from '../components/organizations/OrganizationSettings';
 import { useCallback, useMemo, useState } from 'react';
 import { View, ActivityIndicator } from 'react-native';
@@ -152,7 +156,7 @@ const AccountSettingsScreen: React.FC<BaseScreenProps> = ({
       }
       if (node?.account.kind === 'organization') {
         setDisplayNameError(
-          organizationNameSchema.safeParse(trimmed).success
+          checkContract(organizationNameCheck, trimmed) !== null
             ? ''
             : t('organizationDirectory.invalidName'),
         );

package/src/ui/screens/CreateAccountScreen.tsx

@@ -1,9 +1,10 @@
 import type React from 'react';
+import type { OrganizationType } from '@oxy.so/contracts';
 import {
   ORGANIZATION_NAME_MAX_LENGTH,
-  organizationNameSchema,
-  type OrganizationType,
-} from '@oxy.so/contracts';
+  organizationNameCheck,
+  checkContract,
+} from '@oxy.so/contracts/client';
 import { OrganizationDirectorySearch } from '../components/organizations/OrganizationDirectorySearch';
 import { OrganizationTypePicker } from '../components/organizations/OrganizationTypePicker';
 import { useState, useCallback, useRef, useEffect } from 'react';
@@ -21,12 +22,12 @@ import {
 import {
   applyBotUsernameSuffix,
   stripDisallowedUsernameCharacters,
-  usernameSchemaForAccountKind,
+  usernameCheckForAccountKind,
   BOT_USERNAME_INVALID_MESSAGE,
   USERNAME_INVALID_MESSAGE,
   USERNAME_MAX_LENGTH,
   USERNAME_MIN_LENGTH,
-} from '@oxy.so/contracts';
+} from '@oxy.so/contracts/client';
 import type { BaseScreenProps } from '../types/navigation';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
@@ -119,7 +120,12 @@ const ACCOUNT_CATEGORY_OPTIONS: readonly AccountCategoryId[] = SELECTABLE_ACCOUN
  * account via the `parentAccountId` prop. NOT the cryptographic Commons/DID
  * "identity" — that is a separate concept.
  */
-const CreateAccountScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, parentAccountId }) => {
+const CreateAccountScreen: React.FC<BaseScreenProps> = ({
+  onClose,
+  goBack,
+  parentAccountId,
+  navigate,
+}) => {
   const bloomTheme = useTheme();
   const { oxyServices, createAccount, switchToAccount, user, canUsePrivateApi } = useOxy();
   const { t, locale } = useI18n();
@@ -196,9 +202,9 @@ const CreateAccountScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, paren
       // somebody who typed `a.b` to append `bot` sends them to be refused a second
       // time. The issue is read to choose between two LOCALIZED strings rather than
       // shown directly — the schema's message is English, and this screen is not.
-      const parsed = usernameSchemaForAccountKind(forKind).safeParse(value);
-      if (!parsed.success) {
-        const failedTheLabel = parsed.error.issues[0]?.message === BOT_USERNAME_INVALID_MESSAGE;
+      const checked = usernameCheckForAccountKind(forKind)(value, []);
+      if (!checked.ok) {
+        const failedTheLabel = checked.issue.message === BOT_USERNAME_INVALID_MESSAGE;
         setUsernameStatus('invalid');
         setUsernameMessage(
           failedTheLabel
@@ -282,7 +288,7 @@ const CreateAccountScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, paren
       }
       if (kind === 'organization') {
         setDisplayNameError(
-          organizationNameSchema.safeParse(trimmed).success
+          checkContract(organizationNameCheck, trimmed) !== null
             ? ''
             : t('organizationDirectory.invalidName'),
         );
@@ -398,6 +404,15 @@ const CreateAccountScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, paren
 
   return (
     <View className="gap-space-16 px-screen-margin pt-space-16 pb-space-32">
+      {user?.kind === 'personal' && !parentId ? (
+        <SettingsListGroup title={t('supervision.title')}>
+          <SettingsListItem
+            title={t('supervision.setupOwn')}
+            description={t('supervision.setupOwnDescription')}
+            onPress={() => navigate?.('Supervision')}
+          />
+        </SettingsListGroup>
+      ) : null}
       {/* Account type — canonical grouped selection rows (checkmark on the chosen one) */}
       <SettingsListGroup title={t('accounts.create.typeSection') || 'Account type'}>
         {KIND_OPTIONS.map((option) => {

package/src/ui/screens/ManageAccountScreen.tsx

@@ -414,6 +414,16 @@ const ManageAccountScreen: React.FC<BaseScreenProps> = ({ onClose, goBack, navig
           </>
         ) : null}
 
+        {user?.kind === 'personal' ? (
+          <SettingsListGroup title={t('supervision.title')}>
+            <SettingsListItem
+              title={t('supervision.title')}
+              description={t('supervision.entryDescription')}
+              onPress={() => navigate?.('Supervision')}
+            />
+          </SettingsListGroup>
+        ) : null}
+
         {/* Sessions section */}
         <SettingsListGroup title={t('manageAccount.sections.sessions') || 'Sessions & devices'}>
           {deviceSessionsLoading ? (