@oxy.so/services 11.16.1 → 12.1.0

package/src/ui/client.ts

@@ -20,6 +20,12 @@ export type { OxyAuthPromptProps } from './components/OxyAuthPrompt';
 export { LogoIcon } from './components/logo/LogoIcon';
 export { LogoText } from './components/logo/LogoText';
 export { default as FollowButton } from './components/FollowButton';
+export { FollowTargetButton } from './components/FollowTargetButton';
+export type {
+  FollowTargetButtonProps,
+  FollowVerb,
+  FollowLabels,
+} from './components/FollowTargetButton';
 export { default as ProfileButton } from './components/ProfileButton';
 export type { ProfileButtonProps } from './components/ProfileButton';
 export { default as PeableButton } from './components/PeableButton';
@@ -34,11 +40,20 @@ export { useOxy, useOptionalOxy, OxyProviderMissingError } from './context/OxyCo
 
 // Hooks
 export { useAuth } from './hooks/useAuth';
+// This app's Oxy-signed assertion of which app it is (ADR 0045), for an SDK
+// that attaches it to its own requests without pulling in the account screens.
+export {
+  useAppAssertion,
+  AppAssertionProviderMissingError,
+} from './appAssertion/AppAssertionContext';
+export type { UseAppAssertionResult } from './appAssertion/AppAssertionContext';
+export type { AppAssertionSnapshot, AppAssertionStatus } from './appAssertion/appAssertionManager';
 export type { AuthState, AuthActions, SignInOutcome, UseAuthReturn } from './hooks/useAuth';
 export { createDeferredProductAnalytics } from './analytics/productAnalytics';
 export type { OxyProductEvent, ProductAnalytics } from './analytics/productAnalytics';
 export { useFollow, useFollowerCounts, useSeedFollowStatuses } from './hooks/useFollow';
 export { useFollowTarget } from './hooks/useFollowTarget';
+export { useSupervision, supervisionQueryKeys } from './hooks/queries/useSupervision';
 export type { UseFollowTargetResult } from './hooks/useFollowTarget';
 export {
   useUserProfile,

package/src/ui/components/OxyAuthChooser.tsx

@@ -284,13 +284,8 @@ const OxyAuthChooser: React.FC<OxyAuthChooserProps> = ({ onComplete }) => {
   );
 
   const handleManage = useCallback(() => {
-    if (consumerHooks?.onNavigateManage) {
-      onComplete?.();
-      consumerHooks.onNavigateManage();
-      return;
-    }
     showBottomSheet?.('ManageAccount');
-  }, [consumerHooks, onComplete, showBottomSheet]);
+  }, [showBottomSheet]);
 
   const handleAdd = useCallback(() => {
     if (consumerHooks?.onAddAccount) {

package/src/ui/components/ProfileButton.tsx

@@ -33,8 +33,6 @@ export interface ProfileButtonProps {
    * Avatar diameter in px. Defaults to 40 when expanded, 32 when collapsed.
    */
   avatarSize?: number;
-  /** Navigate to the "Manage account" surface (settings). */
-  onNavigateManage?: () => void;
   /** Start the add-account / sign-in flow for an additional account. */
   onAddAccount?: () => void;
   /** Optional: navigate to the signed-in user's own profile. */
@@ -63,7 +61,6 @@ export interface ProfileButtonProps {
 const ProfileButton: React.FC<ProfileButtonProps> = ({
   expanded = true,
   avatarSize,
-  onNavigateManage,
   onAddAccount,
   onNavigateProfile,
   menuItems,
@@ -83,23 +80,16 @@ const ProfileButton: React.FC<ProfileButtonProps> = ({
   }, [openAccountDialog]);
 
   useEffect(() => {
-    if (
-      !onNavigateManage &&
-      !onAddAccount &&
-      !onNavigateProfile &&
-      !menuItems?.length &&
-      !menuSections?.length
-    ) {
+    if (!onAddAccount && !onNavigateProfile && !menuItems?.length && !menuSections?.length) {
       return undefined;
     }
     return registerAccountDialogConsumerHooks({
-      onNavigateManage,
       onAddAccount,
       onNavigateProfile,
       menuItems,
       menuSections,
     });
-  }, [onNavigateManage, onAddAccount, onNavigateProfile, menuItems, menuSections]);
+  }, [onAddAccount, onNavigateProfile, menuItems, menuSections]);
 
   const avatarUrl = useMemo(
     () => (user?.avatar ? oxyServices.assets.publicUrl(user.avatar, 'thumb') : undefined),

package/src/ui/hooks/useUsernameAvailability.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { usernameSchema } from '@oxy.so/contracts';
+import { usernameCheck } from '@oxy.so/contracts/client';
 import { useOxy } from '../context/oxyRuntimeContext';
 
 type CheckResult = { candidate: string; status: 'available' | 'taken' | 'error' };
@@ -8,8 +8,8 @@ type CheckResult = { candidate: string; status: 'available' | 'taken' | 'error'
 export function useUsernameAvailability(value: string, enabled: boolean) {
   const { oxyServices, user } = useOxy();
   const candidate = value.trim();
-  const parsed = usernameSchema.safeParse(candidate);
-  const invalid = parsed.success ? undefined : parsed.error.issues[0]?.message;
+  const checked = usernameCheck(candidate, []);
+  const invalid = checked.ok ? undefined : checked.issue.message;
   const unchanged = candidate.toLowerCase() === user?.username?.toLowerCase();
   const [result, setResult] = useState<CheckResult>();
   const [attempt, setAttempt] = useState(0);

package/src/ui/navigation/accountDialogManager.ts

@@ -46,11 +46,11 @@ export interface AccountDialogControls {
 
 /**
  * Optional consumer overrides for account-dialog actions. `ProfileButton` (and
- * similar hosts) register these while mounted so inbox/accounts can route
- * "Manage" / "Add account" to app-local navigation instead of the SDK default.
+ * similar hosts) register these while mounted so an app can route "Add account"
+ * and "Profile" to app-local navigation, and add its own menu entries. "Manage
+ * your Oxy account" is not overridable: it always opens the SDK's ManageAccount.
  */
 export interface AccountDialogConsumerHooks {
-  onNavigateManage?: () => void;
   onAddAccount?: () => void;
   onNavigateProfile?: () => void;
   menuItems?: readonly AccountDialogMenuItem[];
@@ -77,7 +77,7 @@ export function registerAccountDialogControls(next: AccountDialogControls): () =
   };
 }
 
-/** Register app-local manage/add/profile handlers for the account dialog. */
+/** Register app-local add/profile handlers and menu entries for the account dialog. */
 export function registerAccountDialogConsumerHooks(
   next: AccountDialogConsumerHooks | null,
 ): () => void {
@@ -95,7 +95,7 @@ export function getAccountDialogConsumerHooks(): AccountDialogConsumerHooks | nu
   return consumerHooks;
 }
 
-/** Subscribe to consumer-hook registration changes (menu items, manage/add overrides). */
+/** Subscribe to consumer-hook registration changes (menu items, add/profile overrides). */
 export function subscribeToAccountDialogConsumerHooks(listener: () => void): () => void {
   consumerHookListeners.add(listener);
   return () => {

package/src/ui/screens/EditProfileFieldScreen.tsx

@@ -9,7 +9,10 @@ import { PhoneInput, COUNTRIES, findCountry } from '@oxy.so/bloom/phone-input';
 import { Textarea } from '@oxy.so/bloom/textarea';
 import { DatePicker } from '@oxy.so/bloom/date-picker';
 import { Field } from '@oxy.so/bloom/field';
-import { usernameSchema, USERNAME_INVALID_MESSAGE } from '@oxy.so/contracts';
+import {
+  USERNAME_INVALID_MESSAGE,
+  usernameCheck as usernamePolicyCheck,
+} from '@oxy.so/contracts/client';
 import { useUsernameAvailability } from '../hooks/useUsernameAvailability';
 import { GroupedSection, GroupedSectionItem } from '@oxy.so/bloom/grouped-section';
 import type { User } from '@oxy.so/core';
@@ -257,8 +260,8 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
               label: t('editProfile.items.username.label') || 'Username',
               placeholder: t('editProfile.items.username.placeholder') || 'Choose a username',
               validation: (value) => {
-                const parsed = usernameSchema.safeParse(value);
-                return parsed.success ? undefined : parsed.error.issues[0]?.message;
+                const checked = usernamePolicyCheck(value, []);
+                return checked.ok ? undefined : checked.issue.message;
               },
               inputProps: {
                 autoCapitalize: 'none',