@syra.fm/sdk 0.14.0 → 0.15.0

package/lib/typescript/module/live/components/CreateRoomSheet.d.ts

@@ -1,5 +1,15 @@
 import React from 'react';
 import type { Room, House } from '../types';
+/**
+ * Failure copy the sheet shows INLINE. It used to go to the host `toast`, but
+ * the sheet is usually presented in a native modal window, and a toast renders
+ * in the main window underneath it: a failed create (a 401 from an expired
+ * session, a network drop) looked like a button that did nothing.
+ */
+export declare const CREATE_ROOM_ERRORS: {
+    readonly createFailed: "Couldn't create the room. Check your connection and that you're signed in, then try again.";
+    readonly scheduleMissing: "Enter a scheduled start time to schedule the room.";
+};
 export interface CreateRoomSheetRef {
     handleCreateAndStart: () => void;
     handleSchedule: () => void;

package/lib/typescript/module/live/components/CreateRoomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateRoomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/live/components/CreateRoomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAcpF,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA0B5C,MAAM,WAAW,kBAAkB;IACjC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,iGAwc1B,CAAC;AAuIH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CreateRoomSheet.d.ts","sourceRoot":"","sources":["../../../../../src/live/components/CreateRoomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAepF,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AA0BX,MAAM,WAAW,kBAAkB;IACjC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,iGAoe1B,CAAC;AAmJH,eAAe,eAAe,CAAC"}

package/lib/typescript/module/live/icons/MaterialCommunityIcons.d.ts

@@ -0,0 +1,26 @@
+import React, { type ComponentProps } from 'react';
+import BaseMaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+export type MaterialCommunityIconsProps = ComponentProps<typeof BaseMaterialCommunityIcons>;
+/**
+ * The live-rooms UI's one entry to the MaterialCommunityIcons glyph font. SDK
+ * components import this, never `@expo/vector-icons/MaterialCommunityIcons`
+ * directly — `src/live/icons/glyphImports.test.ts` fails the suite if one does.
+ *
+ * A vector-icons glyph is a `Text` node whose content is a private-use code
+ * point. A screen reader reads it like any other text, so the Create Room sheet
+ * announced its options as "\U000f036c, Talk, Open conversation" and its button
+ * as "\U000f040a, Start Now": on Android RN builds an unlabelled pressable's
+ * description from its children's text, code point included.
+ *
+ * Every glyph in the SDK is decorative — the control around it carries the
+ * words, or an `accessibilityLabel` — so the glyph is hidden from assistive
+ * technology here, once, rather than at each call site where the next icon
+ * would forget it. `aria-hidden` is `importantForAccessibility=
+ * "no-hide-descendants"` on Android, `accessibilityElementsHidden` on iOS and
+ * `aria-hidden` on web. It is applied AFTER the caller's props so a call site
+ * cannot switch it back on: a glyph that needs a name belongs inside a control
+ * that has one.
+ */
+export declare function MaterialCommunityIcons(props: MaterialCommunityIconsProps): React.JSX.Element;
+export default MaterialCommunityIcons;
+//# sourceMappingURL=MaterialCommunityIcons.d.ts.map

package/lib/typescript/module/live/icons/MaterialCommunityIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialCommunityIcons.d.ts","sourceRoot":"","sources":["../../../../../src/live/icons/MaterialCommunityIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,0BAA0B,MAAM,2CAA2C,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE5F;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAExE;AAED,eAAe,sBAAsB,CAAC"}

package/lib/typescript/module/live/validation.d.ts

@@ -71,7 +71,7 @@ export declare const ZRoom: z.ZodPreprocess<z.ZodObject<{
     recordingEnabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     recordingEgressId: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     createdAt: z.ZodString;
-}, z.core.$loose>>;
+}, z.core.$loose>, unknown>;
 export type Room = z.infer<typeof ZRoom>;
 export declare const ZRoomParticipant: z.ZodObject<{
     userId: z.ZodString;
@@ -152,7 +152,7 @@ export declare const ZHouse: z.ZodPreprocess<z.ZodObject<{
     }, z.core.$loose>>;
     tags: z.ZodOptional<z.ZodArray<z.ZodString>>;
     createdAt: z.ZodString;
-}, z.core.$loose>>;
+}, z.core.$loose>, unknown>;
 export type House = z.infer<typeof ZHouse>;
 export declare const ZRecurrence: z.ZodObject<{
     type: z.ZodEnum<{
@@ -233,7 +233,7 @@ export declare const ZSeries: z.ZodPreprocess<z.ZodObject<{
     nextEpisodeNumber: z.ZodDefault<z.ZodNumber>;
     isActive: z.ZodDefault<z.ZodBoolean>;
     createdAt: z.ZodString;
-}, z.core.$loose>>;
+}, z.core.$loose>, unknown>;
 export type Series = z.infer<typeof ZSeries>;
 export declare const ZRecording: z.ZodPreprocess<z.ZodObject<{
     id: z.ZodString;
@@ -260,7 +260,7 @@ export declare const ZRecording: z.ZodPreprocess<z.ZodObject<{
     participantIds: z.ZodDefault<z.ZodArray<z.ZodString>>;
     expiresAt: z.ZodString;
     createdAt: z.ZodString;
-}, z.core.$loose>>;
+}, z.core.$loose>, unknown>;
 export type Recording = z.infer<typeof ZRecording>;
 export declare const ZStartStreamResponse: z.ZodObject<{
     ingressId: z.ZodString;

package/lib/typescript/module/live/validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/live/validation.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../src/live/validation.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syra.fm/sdk",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "description": "Syra SDK — headless, isomorphic catalog client (Node/React-free, public reads + 30s previews) that also ships the Syra live-rooms engine (audio rooms over LiveKit) on React Native and web.",
   "source": "src/index.ts",
   "main": "lib/commonjs/index.js",
@@ -36,7 +36,8 @@
     "src",
     "lib",
     "!src/**/*.test.ts",
-    "!src/**/*.spec.ts"
+    "!src/**/*.spec.ts",
+    "!src/**/*.test.tsx"
   ],
   "keywords": [
     "syra",
@@ -92,7 +93,7 @@
     "react-native": "^0.85.3",
     "react-native-reanimated": "^4.3.1",
     "react-native-safe-area-context": "^5.7.0",
-    "@oxy.so/services": "^1.0.1",
+    "@oxy.so/services": "^8.0.0",
     "livekit-client": "^2.20.0",
     "@livekit/react-native": "^2.11.1",
     "expo-audio": "~56.0.12",
@@ -153,7 +154,7 @@
     "react-native": "^0.85.3",
     "react-native-reanimated": "^4.3.1",
     "react-native-safe-area-context": "^5.7.0",
-    "@oxy.so/services": "^1.0.1",
+    "@oxy.so/services": "^8.0.0",
     "livekit-client": "^2.20.0",
     "@livekit/react-native": "^2.11.1",
     "expo-audio": "~56.0.12",

package/src/live/components/CreateRoomSheet.tsx

@@ -7,12 +7,25 @@ import {
   TextInput,
   ScrollView,
   FlatList,
+  AccessibilityInfo,
 } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 
 import { useLiveConfig } from '../context/LiveConfigContext';
 import { useLiveRoom } from '../context/LiveRoomContext';
 import type { Room, House } from '../types';
+import { LIVE_COLOR, LIVE_TINT_COLOR } from '../colors';
+
+/**
+ * Failure copy the sheet shows INLINE. It used to go to the host `toast`, but
+ * the sheet is usually presented in a native modal window, and a toast renders
+ * in the main window underneath it: a failed create (a 401 from an expired
+ * session, a network drop) looked like a button that did nothing.
+ */
+export const CREATE_ROOM_ERRORS = {
+  createFailed: "Couldn't create the room. Check your connection and that you're signed in, then try again.",
+  scheduleMissing: 'Enter a scheduled start time to schedule the room.',
+} as const;
 
 const TOPICS = [
   'Technology',
@@ -82,6 +95,7 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
   const [selectedHouse, setSelectedHouse] = useState<House | null>(null);
   const [recordingEnabled, setRecordingEnabled] = useState(true);
   const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
 
   const isValid = title.trim().length > 0;
   const isBroadcast = roomType === 'broadcast';
@@ -101,9 +115,17 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
     recordingEnabled,
   });
 
+  // Keep the sheet open and say what went wrong where the user is looking, so
+  // they can fix it and retry. Screen readers get it announced too.
+  const showError = (message: string) => {
+    setError(message);
+    AccessibilityInfo.announceForAccessibility?.(message);
+  };
+
   const handleCreateAndStart = async () => {
     if (!isValid || loading) return;
 
+    setError(null);
     setLoading(true);
     try {
       const room = await roomsService.createRoom(buildCreatePayload());
@@ -118,11 +140,11 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
         }
         onRoomCreated?.(room);
       } else {
-        toast.error('Failed to create room');
+        showError(CREATE_ROOM_ERRORS.createFailed);
       }
-    } catch (error) {
-      console.error('Error creating room:', error);
-      toast.error('Failed to create room');
+    } catch (err) {
+      console.error('Error creating room:', err);
+      showError(CREATE_ROOM_ERRORS.createFailed);
     } finally {
       setLoading(false);
     }
@@ -132,10 +154,11 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
     if (!isValid || loading) return;
 
     if (!scheduledStart.trim()) {
-      toast.error('Please enter a scheduled start time');
+      showError(CREATE_ROOM_ERRORS.scheduleMissing);
       return;
     }
 
+    setError(null);
     setLoading(true);
     try {
       const room = await roomsService.createRoom({
@@ -147,11 +170,11 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
         onClose();
         onRoomCreated?.(room);
       } else {
-        toast.error('Failed to create room');
+        showError(CREATE_ROOM_ERRORS.createFailed);
       }
-    } catch (error) {
-      console.error('Error creating room:', error);
-      toast.error('Failed to create room');
+    } catch (err) {
+      console.error('Error creating room:', err);
+      showError(CREATE_ROOM_ERRORS.createFailed);
     } finally {
       setLoading(false);
     }
@@ -160,6 +183,7 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
   const handleCreateForEmbed = async () => {
     if (!isValid || loading) return;
 
+    setError(null);
     setLoading(true);
     try {
       const room = await roomsService.createRoom(buildCreatePayload());
@@ -168,11 +192,11 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
         onClose();
         onRoomCreated?.(room);
       } else {
-        toast.error('Failed to create room');
+        showError(CREATE_ROOM_ERRORS.createFailed);
       }
-    } catch (error) {
-      console.error('Error creating room:', error);
-      toast.error('Failed to create room');
+    } catch (err) {
+      console.error('Error creating room:', err);
+      showError(CREATE_ROOM_ERRORS.createFailed);
     } finally {
       setLoading(false);
     }
@@ -260,7 +284,12 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
   return (
     <View style={[styles.container, { backgroundColor: theme.colors.background }]}>
       <View style={[styles.header, { borderBottomColor: theme.colors.border }]}>
-        <TouchableOpacity onPress={onClose} style={styles.headerCloseBtn}>
+        <TouchableOpacity
+          onPress={onClose}
+          style={styles.headerCloseBtn}
+          accessibilityRole="button"
+          accessibilityLabel="Close"
+        >
           <MaterialCommunityIcons name="close" size={20} color={theme.colors.text} />
         </TouchableOpacity>
         <Text style={[styles.headerTitle, { color: theme.colors.text }]}>
@@ -269,6 +298,18 @@ export const CreateRoomSheet = forwardRef<CreateRoomSheetRef, CreateRoomSheetPro
         <View style={{ width: 28 }} />
       </View>
 
+      {error && (
+        <View
+          testID="create-room-error"
+          accessibilityRole="alert"
+          accessibilityLiveRegion="assertive"
+          style={[styles.errorBanner, { backgroundColor: LIVE_TINT_COLOR, borderColor: LIVE_COLOR }]}
+        >
+          <MaterialCommunityIcons name="alert-circle-outline" size={18} color={LIVE_COLOR} />
+          <Text style={[styles.errorText, { color: theme.colors.text }]}>{error}</Text>
+        </View>
+      )}
+
       <Scroll
         style={{ flex: 1 }}
         contentContainerStyle={[styles.scrollContent, hideFooter && { paddingBottom: 72 }]}
@@ -532,6 +573,18 @@ const styles = StyleSheet.create({
   },
   headerCloseBtn: { width: 28, height: 28, alignItems: 'center', justifyContent: 'center' },
   headerTitle: { fontSize: 16, fontWeight: '600' },
+  errorBanner: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: 8,
+    marginHorizontal: 16,
+    marginTop: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderRadius: 12,
+    borderWidth: 1,
+  },
+  errorText: { flex: 1, fontSize: 13, lineHeight: 18 },
   scrollContent: { paddingVertical: 16, paddingBottom: 12 },
   sectionPadded: { paddingHorizontal: 16 },
   inputSection: { marginBottom: 16 },

package/src/live/components/InsightsPanel.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { View, Text, StyleSheet, ScrollView } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 
 import { PanelHeader } from './PanelHeader';
 import type { Room, RoomParticipant, LiveTheme } from '../types';

package/src/live/components/LiveRoomSheet.tsx

@@ -8,7 +8,7 @@ import {
   ScrollView,
   type ViewStyle,
 } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 import { useAuth } from '@oxy.so/services';
 
 import { useLiveConfig } from '../context/LiveConfigContext';

package/src/live/components/MiniRoomBar.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 import Animated, {
   useSharedValue,
   useAnimatedStyle,

package/src/live/components/PanelHeader.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 
 import type { LiveTheme } from '../types';
 

package/src/live/components/PodcastStreamPicker.tsx

@@ -10,7 +10,7 @@ import {
   Linking,
 } from 'react-native';
 import type { ViewStyle } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 
 import { useLiveConfig, type PinnedPodcast } from '../context/LiveConfigContext';
 import type { LiveTheme } from '../types';

package/src/live/components/RecordingCard.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, StyleProp, ViewStyle } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 import { useAuth } from '@oxy.so/services';
 
 import { useLiveConfig } from '../context/LiveConfigContext';

package/src/live/components/RecordingsPanel.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity, ActivityIndicator } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 
 import { PanelHeader } from './PanelHeader';
 import { useLiveConfig } from '../context/LiveConfigContext';

package/src/live/components/RoomCard.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { View, Text, TouchableOpacity, StyleProp, ViewStyle } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 import { useAuth } from '@oxy.so/services';
 
 import { useLiveConfig } from '../context/LiveConfigContext';

package/src/live/components/StreamConfigModal.tsx

@@ -12,7 +12,7 @@ import {
   ScrollView,
   KeyboardAvoidingView,
 } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 import { useAuth } from '@oxy.so/services';
 import * as ImagePicker from 'expo-image-picker';
 
@@ -98,9 +98,9 @@ export function StreamConfigModal({ visible, onClose, roomId, initialStreamUrl,
           return;
         }
 
-        const uploadResponse = await oxyServices.uploadRawFile(file, 'public');
+        const uploadResponse = await oxyServices.assets.upload(file, { visibility: 'public' });
 
-        const fileId = uploadResponse?.file?.key || uploadResponse?.file?.id || uploadResponse?.id || uploadResponse?.fileId || uploadResponse?.data?.id;
+        const fileId = uploadResponse.file?.id;
 
         if (fileId) {
           setImageFileId(fileId);

package/src/live/components/StreamConfigPanel.tsx

@@ -10,7 +10,7 @@ import {
   Platform,
   ScrollView,
 } from 'react-native';
-import MaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+import MaterialCommunityIcons from '../icons/MaterialCommunityIcons';
 import * as ImagePicker from 'expo-image-picker';
 
 import { useLiveConfig } from '../context/LiveConfigContext';

package/src/live/hooks/useRoomConnection.ts

@@ -51,7 +51,7 @@ export function useRoomConnection({
 
   useEffect(() => {
     if (!enabled || !isAuthenticated || !isReady || !userId) return;
-    const token = oxyServices?.getAccessToken() ?? undefined;
+    const token = oxyServices?.session.accessToken ?? undefined;
     if (!token) return;
     roomSocketService.connect(userId, token);
     const interval = setInterval(() => { setIsConnected(roomSocketService.isConnected); }, 500);

package/src/live/hooks/useRoomUsers.ts

@@ -12,7 +12,7 @@ export function useRoomUsers(userIds: string[]) {
     async (id: string) => {
       if (!oxyServices) return null;
       try {
-        return await oxyServices.getUserById(id);
+        return await oxyServices.users.get(id);
       } catch {
         return null;
       }
@@ -32,7 +32,7 @@ export function useRoomUsers(userIds: string[]) {
 
 export function getDisplayName(userProfile: UserEntity | undefined, userId: string, isCurrentUser?: boolean): string {
   if (isCurrentUser) return 'You';
-  // The user source is always an Oxy user DTO (resolved via `oxyServices.getUserById`
+  // The user source is always an Oxy user DTO (resolved via `oxyServices.users.get`
   // in `useRoomUsers` → `ensureUserById`), so `name.displayName` is the canonical,
   // API-owned display string and is rendered directly. The `userId` slice is a
   // not-yet-resolved loading fallback, NOT a name recompute.

package/src/live/icons/MaterialCommunityIcons.tsx

@@ -0,0 +1,33 @@
+import React, { type ComponentProps } from 'react';
+// The SUBPATH, never the `@expo/vector-icons` barrel: the barrel re-exports every
+// icon family, so one glyph through it drags every family's font into a web
+// bundle.
+import BaseMaterialCommunityIcons from '@expo/vector-icons/MaterialCommunityIcons';
+
+export type MaterialCommunityIconsProps = ComponentProps<typeof BaseMaterialCommunityIcons>;
+
+/**
+ * The live-rooms UI's one entry to the MaterialCommunityIcons glyph font. SDK
+ * components import this, never `@expo/vector-icons/MaterialCommunityIcons`
+ * directly — `src/live/icons/glyphImports.test.ts` fails the suite if one does.
+ *
+ * A vector-icons glyph is a `Text` node whose content is a private-use code
+ * point. A screen reader reads it like any other text, so the Create Room sheet
+ * announced its options as "\U000f036c, Talk, Open conversation" and its button
+ * as "\U000f040a, Start Now": on Android RN builds an unlabelled pressable's
+ * description from its children's text, code point included.
+ *
+ * Every glyph in the SDK is decorative — the control around it carries the
+ * words, or an `accessibilityLabel` — so the glyph is hidden from assistive
+ * technology here, once, rather than at each call site where the next icon
+ * would forget it. `aria-hidden` is `importantForAccessibility=
+ * "no-hide-descendants"` on Android, `accessibilityElementsHidden` on iOS and
+ * `aria-hidden` on web. It is applied AFTER the caller's props so a call site
+ * cannot switch it back on: a glyph that needs a name belongs inside a control
+ * that has one.
+ */
+export function MaterialCommunityIcons(props: MaterialCommunityIconsProps) {
+  return <BaseMaterialCommunityIcons {...props} aria-hidden />;
+}
+
+export default MaterialCommunityIcons;