@poolse/react-native 2.9.0 → 2.10.1

package/dist/index.js

@@ -1,7 +1,7 @@
-import { useUser, useMe, useConversations, useAttachmentUpload, useConversation, useMembers, usePresence, useMessages, useTyping, useRealtimeStatus, computeGroupPosition, formatDayLabel, useReactions, sameDay, useThread, useAttachmentUrl, usePoolse, useVoiceRoom, useCalls } from '@poolse/react';
-import { createContext, forwardRef, useRef, useState, useEffect, useImperativeHandle, useMemo, useCallback, useContext, createElement } from 'react';
 import { StyleSheet, Platform, Keyboard, View, Pressable, TextInput, Text, useWindowDimensions, Animated, Easing, PanResponder, Image, ScrollView, ActivityIndicator, FlatList, AppState, KeyboardAvoidingView, Modal, Dimensions, Linking } from 'react-native';
+import { createContext, forwardRef, useRef, useState, useEffect, useImperativeHandle, useMemo, useCallback, useContext, createElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useUser, useMe, useConversations, useAttachmentUpload, useConversation, useMembers, usePresence, useMessages, useTyping, useRealtimeStatus, computeGroupPosition, formatDayLabel, useReactions, sameDay, useThread, useAttachmentUrl, usePoolse, useVoiceRoom, useCalls, useCallRoom } from '@poolse/react';
 import { SvgXml, Svg, Path, Circle, G } from 'react-native-svg';
 import * as ImagePicker from 'expo-image-picker';
 import * as DocumentPicker from 'expo-document-picker';
@@ -179,6 +179,79 @@ function PoolseTheme({ mode, theme, children }) {
 function usePoolseTheme() {
   return useContext(ThemeContext) ?? defaultLightTheme;
 }
+function CallVideoGrid({ participants, livekitReactNative, labelFor }) {
+  const theme = usePoolseTheme();
+  const label = labelFor ?? ((id) => `User ${id.slice(0, 6)}`);
+  const VideoTrack = livekitReactNative?.VideoTrack;
+  if (participants.length === 0) return null;
+  const columns = participants.length <= 1 ? 1 : 2;
+  const basis = columns === 1 ? "100%" : "48%";
+  return /* @__PURE__ */ jsx(View, { style: styles.grid, children: participants.map((participant) => /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: [
+        styles.tile,
+        {
+          flexBasis: basis,
+          backgroundColor: theme.colors.surface,
+          // A ring rather than a badge: it reads at a glance in a
+          // grid, and doesn't cover a face.
+          borderColor: participant.speaking ? theme.colors.brand : "transparent"
+        }
+      ],
+      children: [
+        participant.videoTrackRef && VideoTrack ? /* @__PURE__ */ jsx(
+          VideoTrack,
+          {
+            trackRef: participant.videoTrackRef,
+            style: styles.video,
+            objectFit: "cover",
+            mirror: participant.isSelf,
+            zOrder: participant.isSelf ? 1 : 0
+          }
+        ) : /* @__PURE__ */ jsx(View, { style: styles.placeholder, children: /* @__PURE__ */ jsx(Text, { style: [styles.initial, { color: theme.colors.ink3 }], children: label(participant.userId).slice(0, 1).toUpperCase() }) }),
+        /* @__PURE__ */ jsxs(View, { style: styles.caption, children: [
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.name, { color: theme.colors.onBrand }], children: participant.isSelf ? "You" : participant.name ?? label(participant.userId) }),
+          !participant.micEnabled && // Muted is worth showing even for yourself — it is the
+          // answer to "why can nobody hear me".
+          /* @__PURE__ */ jsx(Text, { style: [styles.muted, { color: theme.colors.onBrand }], children: "muted" })
+        ] })
+      ]
+    },
+    participant.userId
+  )) });
+}
+var styles = StyleSheet.create({
+  grid: {
+    flex: 1,
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "center",
+    alignContent: "center",
+    gap: 8
+  },
+  tile: {
+    aspectRatio: 3 / 4,
+    borderRadius: 16,
+    borderWidth: 2,
+    overflow: "hidden",
+    justifyContent: "flex-end"
+  },
+  video: { ...StyleSheet.absoluteFillObject },
+  placeholder: { ...StyleSheet.absoluteFillObject, alignItems: "center", justifyContent: "center" },
+  initial: { fontSize: 48, fontWeight: "600" },
+  caption: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    // Legible over both a bright video frame and a flat placeholder.
+    backgroundColor: "rgba(0,0,0,0.45)"
+  },
+  name: { flexShrink: 1, fontSize: 13, fontWeight: "600" },
+  muted: { fontSize: 11, opacity: 0.85 }
+});
 
 // src/primitives/userColor.ts
 var PALETTE = [
@@ -217,7 +290,7 @@ function Avatar({ src, name, seed, online, size = "md" }) {
     View,
     {
       style: [
-        styles.root,
+        styles2.root,
         {
           width: dim,
           height: dim,
@@ -251,7 +324,7 @@ function Avatar({ src, name, seed, online, size = "md" }) {
           View,
           {
             style: [
-              styles.presence,
+              styles2.presence,
               {
                 backgroundColor: theme.colors.presence,
                 borderColor: theme.colors.surface,
@@ -271,7 +344,7 @@ function computeInitials(name) {
   const parts = name.trim().split(/\s+/).slice(0, 2);
   return parts.map((p) => p.charAt(0).toUpperCase()).join("").slice(0, 2) || "?";
 }
-var styles = StyleSheet.create({
+var styles2 = StyleSheet.create({
   root: {
     alignItems: "center",
     justifyContent: "center",
@@ -481,16 +554,16 @@ function MemberList({
   );
   const effectiveOnline = onlineExternalIds ?? presenceOnline;
   if (loading && members.length === 0) {
-    return /* @__PURE__ */ jsx(View, { style: [styles2.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.brand }) });
+    return /* @__PURE__ */ jsx(View, { style: [styles3.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.brand }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs(View, { style: [styles2.placeholder, { backgroundColor: theme.colors.paper }], children: [
+    return /* @__PURE__ */ jsxs(View, { style: [styles3.placeholder, { backgroundColor: theme.colors.paper }], children: [
       /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.error, fontFamily: theme.type.fontBody }, children: "Failed to load members." }),
-      error.message ? /* @__PURE__ */ jsx(Text, { style: [styles2.errorDetail, { color: theme.colors.ink3 }], children: error.message }) : null
+      error.message ? /* @__PURE__ */ jsx(Text, { style: [styles3.errorDetail, { color: theme.colors.ink3 }], children: error.message }) : null
     ] });
   }
   if (members.length === 0) {
-    return /* @__PURE__ */ jsx(View, { style: [styles2.placeholder, { backgroundColor: theme.colors.paper }], children: typeof emptyState === "string" || emptyState == null ? /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.ink3, fontFamily: theme.type.fontBody }, children: emptyState ?? "No members." }) : emptyState });
+    return /* @__PURE__ */ jsx(View, { style: [styles3.placeholder, { backgroundColor: theme.colors.paper }], children: typeof emptyState === "string" || emptyState == null ? /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.ink3, fontFamily: theme.type.fontBody }, children: emptyState ?? "No members." }) : emptyState });
   }
   return /* @__PURE__ */ jsx(
     FlatList,
@@ -529,23 +602,23 @@ function MemberRow({
   const resolved = useUser(externalId);
   const name = labelFor?.(externalId) ?? resolved.profile?.displayName ?? externalId;
   const avatarUrl = avatarFor?.(externalId) ?? resolved.profile?.avatarUrl ?? null;
-  return /* @__PURE__ */ jsxs(View, { style: styles2.row, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles3.row, children: [
     /* @__PURE__ */ jsx(Avatar, { src: avatarUrl, name, seed: externalId, online, size: "md" }),
-    /* @__PURE__ */ jsxs(View, { style: styles2.body, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles3.body, children: [
       /* @__PURE__ */ jsx(
         Text,
         {
-          style: [styles2.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+          style: [styles3.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
           numberOfLines: 1,
           children: name
         }
       ),
-      /* @__PURE__ */ jsx(Text, { style: [styles2.role, { color: theme.colors.ink3 }], children: role })
+      /* @__PURE__ */ jsx(Text, { style: [styles3.role, { color: theme.colors.ink3 }], children: role })
     ] }),
-    onRemove ? /* @__PURE__ */ jsx(Pressable, { onPress: onRemove, hitSlop: 8, style: styles2.removeBtn, children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 16, color: theme.colors.ink2 }) }) : null
+    onRemove ? /* @__PURE__ */ jsx(Pressable, { onPress: onRemove, hitSlop: 8, style: styles3.removeBtn, children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 16, color: theme.colors.ink2 }) }) : null
   ] });
 }
-var styles2 = StyleSheet.create({
+var styles3 = StyleSheet.create({
   placeholder: {
     flex: 1,
     alignItems: "center",
@@ -648,11 +721,11 @@ function GroupDetailsSheet({
       animationType: "slide",
       onRequestClose: onClose,
       statusBarTranslucent: true,
-      children: /* @__PURE__ */ jsxs(View, { style: styles3.modalRoot, children: [
+      children: /* @__PURE__ */ jsxs(View, { style: styles4.modalRoot, children: [
         /* @__PURE__ */ jsx(
           Pressable,
           {
-            style: styles3.backdrop,
+            style: styles4.backdrop,
             onPress: onClose,
             accessibilityLabel: "Close group details"
           }
@@ -661,7 +734,7 @@ function GroupDetailsSheet({
           Animated.View,
           {
             style: [
-              styles3.sheet,
+              styles4.sheet,
               {
                 backgroundColor: theme.colors.paper,
                 borderTopLeftRadius: theme.radii.xl,
@@ -671,14 +744,14 @@ function GroupDetailsSheet({
               theme.shadows.lg
             ],
             children: [
-              /* @__PURE__ */ jsx(View, { ...panHandlers, style: styles3.dragHandle, children: /* @__PURE__ */ jsx(View, { style: [styles3.dragPill, { backgroundColor: theme.colors.ink3 }] }) }),
-              /* @__PURE__ */ jsxs(View, { style: styles3.headerRow, children: [
+              /* @__PURE__ */ jsx(View, { ...panHandlers, style: styles4.dragHandle, children: /* @__PURE__ */ jsx(View, { style: [styles4.dragPill, { backgroundColor: theme.colors.ink3 }] }) }),
+              /* @__PURE__ */ jsxs(View, { style: styles4.headerRow, children: [
                 /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     onPress: onClose,
                     hitSlop: 16,
-                    style: [styles3.closeBtn, { backgroundColor: theme.colors.surface2 }],
+                    style: [styles4.closeBtn, { backgroundColor: theme.colors.surface2 }],
                     accessibilityLabel: "Close",
                     children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 18, color: theme.colors.ink })
                   }
@@ -687,34 +760,34 @@ function GroupDetailsSheet({
                   Text,
                   {
                     style: [
-                      styles3.headerTitle,
+                      styles4.headerTitle,
                       { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }
                     ],
                     children: "Group details"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs(View, { style: styles3.summary, children: [
+              /* @__PURE__ */ jsxs(View, { style: styles4.summary, children: [
                 /* @__PURE__ */ jsx(Avatar, { src: null, name: title, seed: conversationId, size: "lg" }),
                 /* @__PURE__ */ jsx(
                   Text,
                   {
                     style: [
-                      styles3.title,
+                      styles4.title,
                       { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }
                     ],
                     numberOfLines: 1,
                     children: title
                   }
                 ),
-                /* @__PURE__ */ jsx(Text, { style: [styles3.subtitle, { color: theme.colors.ink3 }], children: subtitle })
+                /* @__PURE__ */ jsx(Text, { style: [styles4.subtitle, { color: theme.colors.ink3 }], children: subtitle })
               ] }),
-              /* @__PURE__ */ jsx(View, { style: [styles3.divider, { backgroundColor: theme.colors.border }] }),
-              /* @__PURE__ */ jsx(View, { style: styles3.sectionLabelRow, children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(View, { style: [styles4.divider, { backgroundColor: theme.colors.border }] }),
+              /* @__PURE__ */ jsx(View, { style: styles4.sectionLabelRow, children: /* @__PURE__ */ jsx(
                 Text,
                 {
                   style: [
-                    styles3.sectionLabel,
+                    styles4.sectionLabel,
                     { color: theme.colors.ink2, fontFamily: theme.type.fontBody }
                   ],
                   children: "Members"
@@ -737,7 +810,7 @@ function GroupDetailsSheet({
     }
   );
 }
-var styles3 = StyleSheet.create({
+var styles4 = StyleSheet.create({
   modalRoot: {
     flex: 1,
     justifyContent: "flex-end"
@@ -831,7 +904,7 @@ function ChatHeader({
       View,
       {
         style: [
-          styles4.root,
+          styles5.root,
           {
             backgroundColor: theme.colors.surface,
             borderBottomColor: theme.colors.border
@@ -856,32 +929,32 @@ function ChatHeader({
       {
         ...headerOnPress ? { onPress: headerOnPress } : {},
         style: [
-          styles4.root,
+          styles5.root,
           {
             backgroundColor: theme.colors.surface,
             borderBottomColor: theme.colors.border
           }
         ],
         children: [
-          onBack ? /* @__PURE__ */ jsx(Pressable, { onPress: onBack, hitSlop: 12, style: styles4.backBtn, accessibilityLabel: "Back", children: /* @__PURE__ */ jsx(PoolseIcon, { name: "reply", size: 20, color: theme.colors.ink }) }) : null,
+          onBack ? /* @__PURE__ */ jsx(Pressable, { onPress: onBack, hitSlop: 12, style: styles5.backBtn, accessibilityLabel: "Back", children: /* @__PURE__ */ jsx(PoolseIcon, { name: "reply", size: 20, color: theme.colors.ink }) }) : null,
           /* @__PURE__ */ jsx(Avatar, { src: avatarUrl, name: title, seed: avatarSeed, online: isOnline, size: "md" }),
-          /* @__PURE__ */ jsxs(View, { style: styles4.titleCol, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles5.titleCol, children: [
             /* @__PURE__ */ jsx(
               Text,
               {
-                style: [styles4.title, { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }],
+                style: [styles5.title, { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }],
                 numberOfLines: 1,
                 children: title
               }
             ),
-            subtitle ? /* @__PURE__ */ jsx(Text, { style: [styles4.subtitle, { color: theme.colors.ink3 }], numberOfLines: 1, children: subtitle }) : null
+            subtitle ? /* @__PURE__ */ jsx(Text, { style: [styles5.subtitle, { color: theme.colors.ink3 }], numberOfLines: 1, children: subtitle }) : null
           ] }),
           onMembersPress ? /* @__PURE__ */ jsx(
             Pressable,
             {
               onPress: onMembersPress,
               hitSlop: 12,
-              style: styles4.actionBtn,
+              style: styles5.actionBtn,
               accessibilityLabel: "Show members",
               children: /* @__PURE__ */ jsx(PoolseIcon, { name: "users", size: 20, color: theme.colors.ink2 })
             }
@@ -901,7 +974,7 @@ function ChatHeader({
     ) : null
   ] });
 }
-var styles4 = StyleSheet.create({
+var styles5 = StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -959,13 +1032,13 @@ function ConversationList({
   const error = isControlled ? controlledError ?? null : auto.error;
   const counts = unreadCounts ?? (isControlled ? void 0 : auto.unreadCounts);
   if (loading && conversations.length === 0) {
-    return /* @__PURE__ */ jsx(View, { style: [styles5.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.brand }) });
+    return /* @__PURE__ */ jsx(View, { style: [styles6.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.brand }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx(View, { style: [styles5.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.error, fontFamily: theme.type.fontBody }, children: "Failed to load conversations." }) });
+    return /* @__PURE__ */ jsx(View, { style: [styles6.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.error, fontFamily: theme.type.fontBody }, children: "Failed to load conversations." }) });
   }
   if (conversations.length === 0) {
-    return /* @__PURE__ */ jsx(View, { style: [styles5.placeholder, { backgroundColor: theme.colors.paper }], children: typeof emptyState === "string" || emptyState == null ? /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.ink3, fontFamily: theme.type.fontBody }, children: emptyState ?? "No conversations yet." }) : emptyState });
+    return /* @__PURE__ */ jsx(View, { style: [styles6.placeholder, { backgroundColor: theme.colors.paper }], children: typeof emptyState === "string" || emptyState == null ? /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.ink3, fontFamily: theme.type.fontBody }, children: emptyState ?? "No conversations yet." }) : emptyState });
   }
   return /* @__PURE__ */ jsx(
     FlatList,
@@ -1015,25 +1088,25 @@ function ConversationRow({
     {
       onPress: () => onSelect?.(conv),
       style: [
-        styles5.row,
+        styles6.row,
         {
           backgroundColor: selected ? theme.colors.surface2 : "transparent"
         }
       ],
       children: [
-        avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: avatarUrl }, style: styles5.rowAvatar }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: title, seed: avatarSeed, size: "md" }),
-        /* @__PURE__ */ jsxs(View, { style: styles5.body, children: [
+        avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: avatarUrl }, style: styles6.rowAvatar }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: title, seed: avatarSeed, size: "md" }),
+        /* @__PURE__ */ jsxs(View, { style: styles6.body, children: [
           /* @__PURE__ */ jsx(
             Text,
             {
-              style: [styles5.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              style: [styles6.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
               numberOfLines: 1,
               children: title
             }
           ),
-          conv.last_message_preview ? /* @__PURE__ */ jsx(Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: conv.last_message_preview }) : conv.last_message_at ? /* @__PURE__ */ jsx(Text, { style: [styles5.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: formatRelative(conv.last_message_at) }) : null
+          conv.last_message_preview ? /* @__PURE__ */ jsx(Text, { style: [styles6.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: conv.last_message_preview }) : conv.last_message_at ? /* @__PURE__ */ jsx(Text, { style: [styles6.preview, { color: theme.colors.ink3 }], numberOfLines: 1, children: formatRelative(conv.last_message_at) }) : null
         ] }),
-        unread > 0 ? /* @__PURE__ */ jsx(View, { style: [styles5.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsx(Text, { style: [styles5.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
+        unread > 0 ? /* @__PURE__ */ jsx(View, { style: [styles6.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsx(Text, { style: [styles6.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
       ]
     }
   );
@@ -1051,7 +1124,7 @@ function formatRelative(iso) {
     return "";
   }
 }
-var styles5 = StyleSheet.create({
+var styles6 = StyleSheet.create({
   placeholder: {
     flex: 1,
     alignItems: "center",
@@ -1144,11 +1217,11 @@ function AttachmentPicker({
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "slide", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: styles6.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "slide", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: styles7.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs(
     View,
     {
       style: [
-        styles6.sheet,
+        styles7.sheet,
         {
           backgroundColor: theme.colors.surface,
           borderTopLeftRadius: theme.radii.lg,
@@ -1157,19 +1230,19 @@ function AttachmentPicker({
         theme.shadows.lg
       ],
       children: [
-        camera ? /* @__PURE__ */ jsxs(Pressable, { style: styles6.item, onPress: () => pickFromKind("camera"), children: [
+        camera ? /* @__PURE__ */ jsxs(Pressable, { style: styles7.item, onPress: () => pickFromKind("camera"), children: [
           /* @__PURE__ */ jsx(PoolseIcon, { name: "camera", size: 20, color: theme.colors.ink2 }),
-          /* @__PURE__ */ jsx(Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "Camera" })
+          /* @__PURE__ */ jsx(Text, { style: [styles7.itemText, { color: theme.colors.ink }], children: "Camera" })
         ] }) : null,
-        /* @__PURE__ */ jsxs(Pressable, { style: styles6.item, onPress: () => pickFromKind("image"), children: [
+        /* @__PURE__ */ jsxs(Pressable, { style: styles7.item, onPress: () => pickFromKind("image"), children: [
           /* @__PURE__ */ jsx(PoolseIcon, { name: "image", size: 20, color: theme.colors.ink2 }),
-          /* @__PURE__ */ jsx(Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "Photo or video" })
+          /* @__PURE__ */ jsx(Text, { style: [styles7.itemText, { color: theme.colors.ink }], children: "Photo or video" })
         ] }),
-        /* @__PURE__ */ jsxs(Pressable, { style: styles6.item, onPress: () => pickFromKind("document"), children: [
+        /* @__PURE__ */ jsxs(Pressable, { style: styles7.item, onPress: () => pickFromKind("document"), children: [
           /* @__PURE__ */ jsx(PoolseIcon, { name: "attachment", size: 20, color: theme.colors.ink2 }),
-          /* @__PURE__ */ jsx(Text, { style: [styles6.itemText, { color: theme.colors.ink }], children: "File" })
+          /* @__PURE__ */ jsx(Text, { style: [styles7.itemText, { color: theme.colors.ink }], children: "File" })
         ] }),
-        /* @__PURE__ */ jsx(Pressable, { style: styles6.cancel, onPress: onClose, children: /* @__PURE__ */ jsx(Text, { style: [styles6.itemText, { color: theme.colors.brand }], children: "Cancel" }) })
+        /* @__PURE__ */ jsx(Pressable, { style: styles7.cancel, onPress: onClose, children: /* @__PURE__ */ jsx(Text, { style: [styles7.itemText, { color: theme.colors.brand }], children: "Cancel" }) })
       ]
     }
   ) }) });
@@ -1315,7 +1388,7 @@ async function defaultAdapter(kind) {
     })
   );
 }
-var styles6 = StyleSheet.create({
+var styles7 = StyleSheet.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.35)",
@@ -1345,11 +1418,11 @@ var styles6 = StyleSheet.create({
 });
 function DaySeparator({ label }) {
   const theme = usePoolseTheme();
-  return /* @__PURE__ */ jsx(View, { style: styles7.wrap, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(View, { style: styles8.wrap, children: /* @__PURE__ */ jsx(
     View,
     {
       style: [
-        styles7.chip,
+        styles8.chip,
         {
           backgroundColor: theme.colors.surface2,
           borderColor: theme.colors.border
@@ -1359,7 +1432,7 @@ function DaySeparator({ label }) {
         Text,
         {
           style: [
-            styles7.label,
+            styles8.label,
             {
               color: theme.colors.ink2,
               fontFamily: theme.type.fontBody
@@ -1371,7 +1444,7 @@ function DaySeparator({ label }) {
     }
   ) });
 }
-var styles7 = StyleSheet.create({
+var styles8 = StyleSheet.create({
   wrap: {
     alignItems: "center",
     marginVertical: 8
@@ -1398,8 +1471,8 @@ function UploadQueueStrip() {
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles8.scroll,
-      style: [styles8.scrollStyle, { marginBottom: 8 }],
+      contentContainerStyle: styles9.scroll,
+      style: [styles9.scrollStyle, { marginBottom: 8 }],
       children: upload.queue.map((item) => {
         const isError = item.status === "error";
         const isUploading = item.status === "uploading" || item.status === "pending";
@@ -1410,7 +1483,7 @@ function UploadQueueStrip() {
           if (item.status === "ready" || isError) upload.remove(item.localId);
           else upload.cancel(item.localId);
         };
-        return /* @__PURE__ */ jsxs(View, { style: styles8.tileWrap, children: [
+        return /* @__PURE__ */ jsxs(View, { style: styles9.tileWrap, children: [
           isImage && previewUri ? /* @__PURE__ */ jsx(ImageTile, { uri: previewUri, uploading: isUploading, error: isError }) : /* @__PURE__ */ jsx(
             FileTile,
             {
@@ -1425,13 +1498,13 @@ function UploadQueueStrip() {
             {
               onPress: handleClose,
               hitSlop: 8,
-              style: styles8.closeBtn,
+              style: styles9.closeBtn,
               accessibilityLabel: isError ? "Remove failed upload" : "Cancel upload",
               children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 11, color: "#fff" })
             }
           ) : null,
-          isUploading ? /* @__PURE__ */ jsx(View, { style: styles8.progressOverlay, children: /* @__PURE__ */ jsx(View, { style: [styles8.spinner, { borderColor: theme.colors.onBrand }] }) }) : null,
-          isError ? /* @__PURE__ */ jsx(View, { style: [styles8.errorOverlay, { backgroundColor: "rgba(229,72,77,0.85)" }], children: /* @__PURE__ */ jsx(Text, { style: [styles8.errorText, { color: "#fff" }], children: "Failed" }) }) : null
+          isUploading ? /* @__PURE__ */ jsx(View, { style: styles9.progressOverlay, children: /* @__PURE__ */ jsx(View, { style: [styles9.spinner, { borderColor: theme.colors.onBrand }] }) }) : null,
+          isError ? /* @__PURE__ */ jsx(View, { style: [styles9.errorOverlay, { backgroundColor: "rgba(229,72,77,0.85)" }], children: /* @__PURE__ */ jsx(Text, { style: [styles9.errorText, { color: "#fff" }], children: "Failed" }) }) : null
         ] }, item.localId);
       })
     }
@@ -1444,7 +1517,7 @@ function ImageTile({ uri, uploading, error }) {
     {
       source: { uri },
       style: [
-        styles8.imageTile,
+        styles9.imageTile,
         {
           backgroundColor: theme.colors.surface2,
           borderColor: error ? theme.colors.error : "transparent",
@@ -1466,24 +1539,24 @@ function FileTile({
     View,
     {
       style: [
-        styles8.fileTile,
+        styles9.fileTile,
         {
           backgroundColor: theme.colors.surface2,
           borderColor: error ? theme.colors.error : uploading ? theme.colors.brand : theme.colors.border
         }
       ],
       children: [
-        /* @__PURE__ */ jsx(View, { style: [styles8.fileIconBox, { backgroundColor: theme.colors.brandSoft }], children: /* @__PURE__ */ jsx(PoolseIcon, { name: "attachment", size: 18, color: theme.colors.brand }) }),
-        /* @__PURE__ */ jsxs(View, { style: styles8.fileInfo, children: [
+        /* @__PURE__ */ jsx(View, { style: [styles9.fileIconBox, { backgroundColor: theme.colors.brandSoft }], children: /* @__PURE__ */ jsx(PoolseIcon, { name: "attachment", size: 18, color: theme.colors.brand }) }),
+        /* @__PURE__ */ jsxs(View, { style: styles9.fileInfo, children: [
           /* @__PURE__ */ jsx(
             Text,
             {
-              style: [styles8.fileName, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              style: [styles9.fileName, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
               numberOfLines: 1,
               children: filename
             }
           ),
-          /* @__PURE__ */ jsx(Text, { style: [styles8.fileSize, { color: theme.colors.ink3 }], children: formatBytes(size) })
+          /* @__PURE__ */ jsx(Text, { style: [styles9.fileSize, { color: theme.colors.ink3 }], children: formatBytes(size) })
         ] })
       ]
     }
@@ -1497,7 +1570,7 @@ function formatBytes(n) {
   return `${(n / 1024 / 1024 / 1024).toFixed(1)} GB`;
 }
 var TILE = 64;
-var styles8 = StyleSheet.create({
+var styles9 = StyleSheet.create({
   scrollStyle: {
     overflow: "visible"
   },
@@ -1713,7 +1786,7 @@ var MessageComposer = forwardRef(
       View,
       {
         style: [
-          styles9.wrap,
+          styles10.wrap,
           {
             backgroundColor: theme.colors.surface,
             borderTopColor: theme.colors.border,
@@ -1736,13 +1809,13 @@ var MessageComposer = forwardRef(
             }
           ) : null,
           attachments && !isEditing ? /* @__PURE__ */ jsx(UploadQueueStrip, {}) : null,
-          /* @__PURE__ */ jsxs(View, { style: styles9.row, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles10.row, children: [
             attachments && onAttachPress ? /* @__PURE__ */ jsx(
               Pressable,
               {
                 onPress: onAttachPress,
                 hitSlop: 8,
-                style: styles9.iconBtn,
+                style: styles10.iconBtn,
                 accessibilityLabel: "Attach file",
                 children: /* @__PURE__ */ jsx(PoolseIcon, { name: "attachment", size: 22, color: theme.colors.ink2 })
               }
@@ -1761,7 +1834,7 @@ var MessageComposer = forwardRef(
                 multiline: true,
                 editable: !disabled,
                 style: [
-                  styles9.input,
+                  styles10.input,
                   {
                     color: theme.colors.ink,
                     backgroundColor: theme.colors.surface2,
@@ -1778,7 +1851,7 @@ var MessageComposer = forwardRef(
                 onPress: handleSend,
                 disabled: submitDisabled,
                 style: [
-                  styles9.sendBtn,
+                  styles10.sendBtn,
                   {
                     backgroundColor: submitDisabled ? theme.colors.ink3 : theme.colors.brand,
                     opacity: submitDisabled ? 0.6 : 1
@@ -1800,7 +1873,7 @@ function EditChip({ message, onCancel }) {
     View,
     {
       style: [
-        styles9.replyChip,
+        styles10.replyChip,
         {
           backgroundColor: theme.colors.surface2,
           borderLeftColor: theme.colors.brand
@@ -1808,10 +1881,10 @@ function EditChip({ message, onCancel }) {
       ],
       children: [
         /* @__PURE__ */ jsxs(View, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx(Text, { style: [styles9.replyName, { color: theme.colors.brand }], children: "Editing message" }),
-          /* @__PURE__ */ jsx(Text, { style: [styles9.replyBody, { color: theme.colors.ink2 }], numberOfLines: 1, children: message.body ?? "\u2026" })
+          /* @__PURE__ */ jsx(Text, { style: [styles10.replyName, { color: theme.colors.brand }], children: "Editing message" }),
+          /* @__PURE__ */ jsx(Text, { style: [styles10.replyBody, { color: theme.colors.ink2 }], numberOfLines: 1, children: message.body ?? "\u2026" })
         ] }),
-        onCancel ? /* @__PURE__ */ jsx(Pressable, { onPress: onCancel, hitSlop: 8, style: styles9.replyCancel, children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 16, color: theme.colors.ink2 }) }) : null
+        onCancel ? /* @__PURE__ */ jsx(Pressable, { onPress: onCancel, hitSlop: 8, style: styles10.replyCancel, children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 16, color: theme.colors.ink2 }) }) : null
       ]
     }
   );
@@ -1828,7 +1901,7 @@ function ReplyChip({
     View,
     {
       style: [
-        styles9.replyChip,
+        styles10.replyChip,
         {
           backgroundColor: theme.colors.surface2,
           borderLeftColor: theme.colors.brand
@@ -1836,18 +1909,18 @@ function ReplyChip({
       ],
       children: [
         /* @__PURE__ */ jsxs(View, { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsxs(Text, { style: [styles9.replyName, { color: theme.colors.brand }], children: [
+          /* @__PURE__ */ jsxs(Text, { style: [styles10.replyName, { color: theme.colors.brand }], children: [
             "Replying to ",
             senderName
           ] }),
-          /* @__PURE__ */ jsx(Text, { style: [styles9.replyBody, { color: theme.colors.ink2 }], numberOfLines: 1, children: message.body ?? "\u2026" })
+          /* @__PURE__ */ jsx(Text, { style: [styles10.replyBody, { color: theme.colors.ink2 }], numberOfLines: 1, children: message.body ?? "\u2026" })
         ] }),
-        onCancel ? /* @__PURE__ */ jsx(Pressable, { onPress: onCancel, hitSlop: 8, style: styles9.replyCancel, children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 16, color: theme.colors.ink2 }) }) : null
+        onCancel ? /* @__PURE__ */ jsx(Pressable, { onPress: onCancel, hitSlop: 8, style: styles10.replyCancel, children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 16, color: theme.colors.ink2 }) }) : null
       ]
     }
   );
 }
-var styles9 = StyleSheet.create({
+var styles10 = StyleSheet.create({
   wrap: {
     borderTopWidth: StyleSheet.hairlineWidth,
     paddingTop: 8,
@@ -1944,11 +2017,11 @@ function MentionInput({ conversationId, onSend, ...composerProps }) {
         transparent: true,
         animationType: "slide",
         onRequestClose: () => setPickerOpen(false),
-        children: /* @__PURE__ */ jsx(Pressable, { style: styles10.backdrop, onPress: () => setPickerOpen(false), children: /* @__PURE__ */ jsxs(
+        children: /* @__PURE__ */ jsx(Pressable, { style: styles11.backdrop, onPress: () => setPickerOpen(false), children: /* @__PURE__ */ jsxs(
           View,
           {
             style: [
-              styles10.sheet,
+              styles11.sheet,
               {
                 backgroundColor: theme.colors.surface,
                 borderTopLeftRadius: theme.radii.lg,
@@ -1959,7 +2032,7 @@ function MentionInput({ conversationId, onSend, ...composerProps }) {
               /* @__PURE__ */ jsx(
                 Text,
                 {
-                  style: [styles10.title, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+                  style: [styles11.title, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
                   children: "Mention a member"
                 }
               ),
@@ -1990,12 +2063,12 @@ function MentionInput({ conversationId, onSend, ...composerProps }) {
 }
 function MentionRow({ member, onPress }) {
   const theme = usePoolseTheme();
-  return /* @__PURE__ */ jsxs(Pressable, { onPress, style: styles10.row, children: [
+  return /* @__PURE__ */ jsxs(Pressable, { onPress, style: styles11.row, children: [
     /* @__PURE__ */ jsx(Avatar, { src: null, name: member.external_id, seed: member.external_id, size: "sm" }),
-    /* @__PURE__ */ jsx(Text, { style: [styles10.rowText, { color: theme.colors.ink, fontFamily: theme.type.fontBody }], children: member.external_id })
+    /* @__PURE__ */ jsx(Text, { style: [styles11.rowText, { color: theme.colors.ink, fontFamily: theme.type.fontBody }], children: member.external_id })
   ] });
 }
-var styles10 = StyleSheet.create({
+var styles11 = StyleSheet.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.35)",
@@ -2075,12 +2148,12 @@ function MessageList({
     [renderItem, data.length]
   );
   if (loading && messages.length === 0) {
-    return /* @__PURE__ */ jsx(View, { style: [styles11.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.brand }) });
+    return /* @__PURE__ */ jsx(View, { style: [styles12.placeholder, { backgroundColor: theme.colors.paper }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.brand }) });
   }
   if (messages.length === 0) {
-    return /* @__PURE__ */ jsx(View, { style: [styles11.placeholder, { backgroundColor: theme.colors.paper }], children: typeof emptyState === "string" ? /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.ink3, fontFamily: theme.type.fontBody }, children: emptyState }) : emptyState ?? null });
+    return /* @__PURE__ */ jsx(View, { style: [styles12.placeholder, { backgroundColor: theme.colors.paper }], children: typeof emptyState === "string" ? /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.ink3, fontFamily: theme.type.fontBody }, children: emptyState }) : emptyState ?? null });
   }
-  return /* @__PURE__ */ jsxs(View, { style: styles11.root, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles12.root, children: [
     /* @__PURE__ */ jsx(
       FlatList,
       {
@@ -2107,7 +2180,7 @@ function MessageList({
       {
         onPress: scrollToBottom,
         style: [
-          styles11.jumpButton,
+          styles12.jumpButton,
           {
             backgroundColor: theme.colors.brand
           },
@@ -2116,7 +2189,7 @@ function MessageList({
         accessibilityLabel: `${newCount} new ${newCount === 1 ? "message" : "messages"}, jump to latest`,
         children: [
           /* @__PURE__ */ jsx(PoolseIcon, { name: "chevron-down", size: 14, color: theme.colors.onBrand }),
-          /* @__PURE__ */ jsxs(Text, { style: [styles11.jumpText, { color: theme.colors.onBrand }], children: [
+          /* @__PURE__ */ jsxs(Text, { style: [styles12.jumpText, { color: theme.colors.onBrand }], children: [
             newCount,
             " new ",
             newCount === 1 ? "message" : "messages"
@@ -2126,7 +2199,7 @@ function MessageList({
     ) : null
   ] });
 }
-var styles11 = StyleSheet.create({
+var styles12 = StyleSheet.create({
   root: {
     flex: 1
   },
@@ -2177,11 +2250,11 @@ function MessageActions({
   if (isSelf && onDelete)
     items.push({ label: "Delete", icon: "trash", onPress: onDelete, danger: true });
   const showEmojiRow = !!onPickReaction && emojis.length > 0;
-  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: styles12.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: styles13.backdrop, onPress: onClose, children: /* @__PURE__ */ jsxs(
     View,
     {
       style: [
-        styles12.sheet,
+        styles13.sheet,
         {
           backgroundColor: theme.colors.surface,
           borderTopLeftRadius: theme.radii.lg,
@@ -2190,21 +2263,21 @@ function MessageActions({
         theme.shadows.lg
       ],
       children: [
-        showEmojiRow ? /* @__PURE__ */ jsx(View, { style: [styles12.emojiRow, { borderBottomColor: theme.colors.border }], children: emojis.map((emoji) => /* @__PURE__ */ jsx(
+        showEmojiRow ? /* @__PURE__ */ jsx(View, { style: [styles13.emojiRow, { borderBottomColor: theme.colors.border }], children: emojis.map((emoji) => /* @__PURE__ */ jsx(
           Pressable,
           {
             onPress: () => {
               onPickReaction(emoji);
               onClose();
             },
-            style: styles12.emojiBtn,
+            style: styles13.emojiBtn,
             hitSlop: 6,
             accessibilityLabel: `React with ${emoji}`,
-            children: /* @__PURE__ */ jsx(Text, { style: styles12.emoji, children: emoji })
+            children: /* @__PURE__ */ jsx(Text, { style: styles13.emoji, children: emoji })
           },
           emoji
         )) }) : null,
-        items.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: item.onPress, style: styles12.item, children: [
+        items.map((item) => /* @__PURE__ */ jsxs(Pressable, { onPress: item.onPress, style: styles13.item, children: [
           /* @__PURE__ */ jsx(
             PoolseIcon,
             {
@@ -2217,7 +2290,7 @@ function MessageActions({
             Text,
             {
               style: [
-                styles12.itemText,
+                styles13.itemText,
                 {
                   color: item.danger ? theme.colors.error : theme.colors.ink,
                   fontFamily: theme.type.fontBody
@@ -2231,7 +2304,7 @@ function MessageActions({
     }
   ) }) });
 }
-var styles12 = StyleSheet.create({
+var styles13 = StyleSheet.create({
   backdrop: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.35)",
@@ -2296,7 +2369,7 @@ function AttachmentPreview({ attachment, onPress, maxWidth = 280 }) {
       View,
       {
         style: [
-          styles13.imagePlaceholder,
+          styles14.imagePlaceholder,
           {
             width: maxWidth,
             height: 200,
@@ -2313,7 +2386,7 @@ function AttachmentPreview({ attachment, onPress, maxWidth = 280 }) {
       onPress,
       disabled: !onPress,
       style: [
-        styles13.fileCard,
+        styles14.fileCard,
         {
           backgroundColor: theme.colors.surface2,
           borderColor: theme.colors.border,
@@ -2326,12 +2399,12 @@ function AttachmentPreview({ attachment, onPress, maxWidth = 280 }) {
           /* @__PURE__ */ jsx(
             Text,
             {
-              style: [styles13.fileName, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              style: [styles14.fileName, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
               numberOfLines: 1,
               children: attachment.original_filename ?? "file"
             }
           ),
-          /* @__PURE__ */ jsx(Text, { style: [styles13.fileSize, { color: theme.colors.ink3 }], children: formatBytes2(attachment.byte_size) })
+          /* @__PURE__ */ jsx(Text, { style: [styles14.fileSize, { color: theme.colors.ink3 }], children: formatBytes2(attachment.byte_size) })
         ] })
       ]
     }
@@ -2343,7 +2416,7 @@ function formatBytes2(n) {
   if (n < 1024 * 1024 * 1024) return `${(n / 1024 / 1024).toFixed(1)} MB`;
   return `${(n / 1024 / 1024 / 1024).toFixed(1)} GB`;
 }
-var styles13 = StyleSheet.create({
+var styles14 = StyleSheet.create({
   imagePlaceholder: {},
   fileCard: {
     flexDirection: "row",
@@ -2372,7 +2445,7 @@ function ImageMosaic({ images, maxWidth, radius }) {
       View,
       {
         style: [
-          styles14.root,
+          styles15.root,
           {
             borderRadius: r,
             ...maxWidth ? { maxWidth } : {}
@@ -2383,17 +2456,17 @@ function ImageMosaic({ images, maxWidth, radius }) {
             Tile,
             {
               attachment: visible[0],
-              style: styles14.tileFull,
+              style: styles15.tileFull,
               onPress: () => setViewerIndex(0),
               overlay: null
             }
           ) : null,
-          n === 2 ? /* @__PURE__ */ jsxs(View, { style: styles14.rowEven, children: [
+          n === 2 ? /* @__PURE__ */ jsxs(View, { style: styles15.rowEven, children: [
             /* @__PURE__ */ jsx(
               Tile,
               {
                 attachment: visible[0],
-                style: styles14.tileHalfSquare,
+                style: styles15.tileHalfSquare,
                 onPress: () => setViewerIndex(0),
                 overlay: null
               }
@@ -2402,7 +2475,7 @@ function ImageMosaic({ images, maxWidth, radius }) {
               Tile,
               {
                 attachment: visible[1],
-                style: styles14.tileHalfSquare,
+                style: styles15.tileHalfSquare,
                 onPress: () => setViewerIndex(1),
                 overlay: null
               }
@@ -2413,17 +2486,17 @@ function ImageMosaic({ images, maxWidth, radius }) {
               Tile,
               {
                 attachment: visible[0],
-                style: styles14.tileHero,
+                style: styles15.tileHero,
                 onPress: () => setViewerIndex(0),
                 overlay: null
               }
             ),
-            /* @__PURE__ */ jsxs(View, { style: [styles14.rowEven, { marginTop: 2 }], children: [
+            /* @__PURE__ */ jsxs(View, { style: [styles15.rowEven, { marginTop: 2 }], children: [
               /* @__PURE__ */ jsx(
                 Tile,
                 {
                   attachment: visible[1],
-                  style: styles14.tileHalfSquare,
+                  style: styles15.tileHalfSquare,
                   onPress: () => setViewerIndex(1),
                   overlay: null
                 }
@@ -2432,7 +2505,7 @@ function ImageMosaic({ images, maxWidth, radius }) {
                 Tile,
                 {
                   attachment: visible[2],
-                  style: styles14.tileHalfSquare,
+                  style: styles15.tileHalfSquare,
                   onPress: () => setViewerIndex(2),
                   overlay: null
                 }
@@ -2440,12 +2513,12 @@ function ImageMosaic({ images, maxWidth, radius }) {
             ] })
           ] }) : null,
           n === 4 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(View, { style: styles14.rowEven, children: [
+            /* @__PURE__ */ jsxs(View, { style: styles15.rowEven, children: [
               /* @__PURE__ */ jsx(
                 Tile,
                 {
                   attachment: visible[0],
-                  style: styles14.tileHalfSquare,
+                  style: styles15.tileHalfSquare,
                   onPress: () => setViewerIndex(0),
                   overlay: null
                 }
@@ -2454,18 +2527,18 @@ function ImageMosaic({ images, maxWidth, radius }) {
                 Tile,
                 {
                   attachment: visible[1],
-                  style: styles14.tileHalfSquare,
+                  style: styles15.tileHalfSquare,
                   onPress: () => setViewerIndex(1),
                   overlay: null
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs(View, { style: [styles14.rowEven, { marginTop: 2 }], children: [
+            /* @__PURE__ */ jsxs(View, { style: [styles15.rowEven, { marginTop: 2 }], children: [
               /* @__PURE__ */ jsx(
                 Tile,
                 {
                   attachment: visible[2],
-                  style: styles14.tileHalfSquare,
+                  style: styles15.tileHalfSquare,
                   onPress: () => setViewerIndex(2),
                   overlay: null
                 }
@@ -2474,7 +2547,7 @@ function ImageMosaic({ images, maxWidth, radius }) {
                 Tile,
                 {
                   attachment: visible[3],
-                  style: styles14.tileHalfSquare,
+                  style: styles15.tileHalfSquare,
                   onPress: () => setViewerIndex(3),
                   overlay: overflow > 0 ? `+${overflow}` : null
                 }
@@ -2510,18 +2583,18 @@ function Tile({
 }) {
   const theme = usePoolseTheme();
   const { url } = useAttachmentUrl(attachment.id);
-  return /* @__PURE__ */ jsxs(Pressable, { onPress, style: [styles14.tileBase, style], children: [
+  return /* @__PURE__ */ jsxs(Pressable, { onPress, style: [styles15.tileBase, style], children: [
     url ? /* @__PURE__ */ jsx(
       Image,
       {
         source: { uri: url },
-        style: [styles14.tileImage, { backgroundColor: theme.colors.surface2 }],
+        style: [styles15.tileImage, { backgroundColor: theme.colors.surface2 }],
         resizeMode: "cover",
         accessible: true,
         accessibilityLabel: attachment.original_filename ?? "image"
       }
-    ) : /* @__PURE__ */ jsx(View, { style: [styles14.tileImage, { backgroundColor: theme.colors.surface2 }] }),
-    overlay ? /* @__PURE__ */ jsx(View, { style: styles14.overflow, children: /* @__PURE__ */ jsx(Text, { style: styles14.overflowText, children: overlay }) }) : null
+    ) : /* @__PURE__ */ jsx(View, { style: [styles15.tileImage, { backgroundColor: theme.colors.surface2 }] }),
+    overlay ? /* @__PURE__ */ jsx(View, { style: styles15.overflow, children: /* @__PURE__ */ jsx(Text, { style: styles15.overflowText, children: overlay }) }) : null
   ] });
 }
 function FullScreenViewer({
@@ -2530,7 +2603,7 @@ function FullScreenViewer({
 }) {
   const { url } = useAttachmentUrl(attachment.id);
   const { width, height } = Dimensions.get("window");
-  return /* @__PURE__ */ jsxs(Pressable, { style: styles14.viewer, onPress: onClose, children: [
+  return /* @__PURE__ */ jsxs(Pressable, { style: styles15.viewer, onPress: onClose, children: [
     url ? /* @__PURE__ */ jsx(
       Image,
       {
@@ -2546,14 +2619,14 @@ function FullScreenViewer({
       {
         onPress: onClose,
         hitSlop: 12,
-        style: styles14.closeBtn,
+        style: styles15.closeBtn,
         accessibilityLabel: "Close viewer",
         children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 20, color: "#ffffff" })
       }
     )
   ] });
 }
-var styles14 = StyleSheet.create({
+var styles15 = StyleSheet.create({
   root: {
     width: "100%",
     overflow: "hidden",
@@ -2708,7 +2781,7 @@ function MessageBubble({
     View,
     {
       style: [
-        styles15.wrap,
+        styles16.wrap,
         {
           alignSelf: isSelf ? "flex-end" : "flex-start",
           // Pixel maxWidth (not percentage) so single-line and
@@ -2722,7 +2795,7 @@ function MessageBubble({
         View,
         {
           style: [
-            styles15.bubble,
+            styles16.bubble,
             {
               backgroundColor: bubbleColor,
               borderColor: isSelf ? "transparent" : theme.colors.border,
@@ -2744,7 +2817,7 @@ function MessageBubble({
             theme.shadows.sm
           ],
           children: [
-            showSenderName && !isSelf && (groupPosition === "first" || groupPosition === "standalone") ? /* @__PURE__ */ jsx(Text, { style: [styles15.senderName, { color: senderTint, fontFamily: theme.type.fontBody }], children: senderLabel }) : null,
+            showSenderName && !isSelf && (groupPosition === "first" || groupPosition === "standalone") ? /* @__PURE__ */ jsx(Text, { style: [styles16.senderName, { color: senderTint, fontFamily: theme.type.fontBody }], children: senderLabel }) : null,
             message.quoted_message ? /* @__PURE__ */ jsx(
               QuotedCard,
               {
@@ -2760,7 +2833,7 @@ function MessageBubble({
               Text,
               {
                 style: [
-                  styles15.body,
+                  styles16.body,
                   {
                     color: theme.colors.ink3,
                     fontFamily: theme.type.fontBody,
@@ -2785,7 +2858,7 @@ function MessageBubble({
               Text,
               {
                 style: [
-                  styles15.body,
+                  styles16.body,
                   {
                     color: textColor,
                     fontFamily: theme.type.fontBody,
@@ -2800,18 +2873,18 @@ function MessageBubble({
               Text,
               {
                 style: [
-                  styles15.readMore,
+                  styles16.readMore,
                   { color: isSelf ? theme.colors.onBrand : theme.colors.brand }
                 ],
                 children: expanded ? "Show less" : "Read more"
               }
             ) }) : null,
-            /* @__PURE__ */ jsxs(View, { style: styles15.metaRow, children: [
+            /* @__PURE__ */ jsxs(View, { style: styles16.metaRow, children: [
               isEdited ? /* @__PURE__ */ jsx(
                 Text,
                 {
                   style: [
-                    styles15.editedTag,
+                    styles16.editedTag,
                     {
                       color: isSelf ? theme.colors.onBrand : theme.colors.ink3,
                       opacity: 0.7
@@ -2824,7 +2897,7 @@ function MessageBubble({
                 Text,
                 {
                   style: [
-                    styles15.meta,
+                    styles16.meta,
                     {
                       color: isSelf ? theme.colors.onBrand : theme.colors.ink3,
                       opacity: isSelf ? 0.85 : 1
@@ -2833,7 +2906,7 @@ function MessageBubble({
                   children: time
                 }
               ),
-              isSelf && readState ? /* @__PURE__ */ jsx(View, { style: styles15.readTick, children: /* @__PURE__ */ jsx(
+              isSelf && readState ? /* @__PURE__ */ jsx(View, { style: styles16.readTick, children: /* @__PURE__ */ jsx(
                 PoolseIcon,
                 {
                   name: readState === "read" ? "check-double" : "check",
@@ -2842,7 +2915,7 @@ function MessageBubble({
                 }
               ) }) : null
             ] }),
-            actionsTrigger ? /* @__PURE__ */ jsx(View, { style: styles15.actionsSlot, children: actionsTrigger }) : null
+            actionsTrigger ? /* @__PURE__ */ jsx(View, { style: styles16.actionsSlot, children: actionsTrigger }) : null
           ]
         }
       )
@@ -2867,15 +2940,15 @@ function QuotedCard({
       onPress,
       disabled: !onPress,
       style: [
-        styles15.quoted,
+        styles16.quoted,
         {
           backgroundColor: bg,
           borderLeftColor: accent
         }
       ],
       children: [
-        /* @__PURE__ */ jsx(Text, { style: [styles15.quotedSender, { color: accent }], children: senderName }),
-        /* @__PURE__ */ jsx(Text, { style: [styles15.quotedBody, { color: txt }], numberOfLines: 2, children: quoted.body ?? "\u2026" })
+        /* @__PURE__ */ jsx(Text, { style: [styles16.quotedSender, { color: accent }], children: senderName }),
+        /* @__PURE__ */ jsx(Text, { style: [styles16.quotedBody, { color: txt }], numberOfLines: 2, children: quoted.body ?? "\u2026" })
       ]
     }
   );
@@ -2907,7 +2980,7 @@ function formatTime(iso) {
 function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
-var styles15 = StyleSheet.create({
+var styles16 = StyleSheet.create({
   wrap: {
     marginBottom: 2
   },
@@ -2987,7 +3060,7 @@ function ReactionStrip({
   });
   const entries = Object.entries(reactions);
   if (entries.length === 0) return null;
-  return /* @__PURE__ */ jsx(View, { style: styles16.strip, children: entries.map(([emoji, userIds]) => {
+  return /* @__PURE__ */ jsx(View, { style: styles17.strip, children: entries.map(([emoji, userIds]) => {
     const userArr = Array.isArray(userIds) ? userIds : [];
     const meReacted = meId !== null && userArr.includes(meId);
     return /* @__PURE__ */ jsxs(
@@ -2995,7 +3068,7 @@ function ReactionStrip({
       {
         onPress: () => meReacted ? removeReaction(emoji) : addReaction(emoji),
         style: [
-          styles16.chip,
+          styles17.chip,
           {
             backgroundColor: meReacted ? theme.colors.brandSoft : theme.colors.surface2,
             borderColor: meReacted ? theme.colors.brand : theme.colors.border,
@@ -3004,12 +3077,12 @@ function ReactionStrip({
           }
         ],
         children: [
-          /* @__PURE__ */ jsx(Text, { style: styles16.emoji, children: emoji }),
+          /* @__PURE__ */ jsx(Text, { style: styles17.emoji, children: emoji }),
           /* @__PURE__ */ jsx(
             Text,
             {
               style: [
-                styles16.count,
+                styles17.count,
                 {
                   color: meReacted ? theme.colors.brand : theme.colors.ink2,
                   fontWeight: meReacted ? "700" : "600"
@@ -3031,11 +3104,11 @@ function ReactionPicker({
   emojis = DEFAULT_EMOJIS
 }) {
   const theme = usePoolseTheme();
-  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: styles16.backdrop, onPress: onClose, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: styles17.backdrop, onPress: onClose, children: /* @__PURE__ */ jsx(
     View,
     {
       style: [
-        styles16.sheet,
+        styles17.sheet,
         {
           backgroundColor: theme.colors.surface,
           borderRadius: theme.radii.lg
@@ -3045,19 +3118,19 @@ function ReactionPicker({
       children: emojis.map((emoji) => /* @__PURE__ */ jsx(
         Pressable,
         {
-          style: styles16.emojiBtn,
+          style: styles17.emojiBtn,
           onPress: () => {
             onPick(emoji);
             onClose();
           },
-          children: /* @__PURE__ */ jsx(Text, { style: styles16.bigEmoji, children: emoji })
+          children: /* @__PURE__ */ jsx(Text, { style: styles17.bigEmoji, children: emoji })
         },
         emoji
       ))
     }
   ) }) });
 }
-var styles16 = StyleSheet.create({
+var styles17 = StyleSheet.create({
   strip: {
     flexDirection: "row",
     flexWrap: "wrap",
@@ -3225,15 +3298,15 @@ function MessageRow({
     View,
     {
       style: [
-        styles17.row,
+        styles18.row,
         { alignSelf: isSelf ? "flex-end" : "flex-start" },
         // Lift this row above the dim backdrop the parent renders
         // during edit mode. zIndex covers iOS / web; elevation does
         // the equivalent on Android.
-        isEditing ? styles17.rowEditing : null
+        isEditing ? styles18.rowEditing : null
       ],
       children: [
-        showAvatarSlot ? /* @__PURE__ */ jsx(View, { style: styles17.avatarSlot, children: showAvatarRender ? /* @__PURE__ */ jsx(
+        showAvatarSlot ? /* @__PURE__ */ jsx(View, { style: styles18.avatarSlot, children: showAvatarRender ? /* @__PURE__ */ jsx(
           Avatar,
           {
             src: avatarUrl ?? null,
@@ -3242,14 +3315,14 @@ function MessageRow({
             size: "sm"
           }
         ) : null }) : null,
-        /* @__PURE__ */ jsxs(View, { style: styles17.bubbleCol, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles18.bubbleCol, children: [
           swipeEnabled ? /* @__PURE__ */ jsx(
             Animated.View,
             {
               pointerEvents: "none",
               style: [
-                styles17.replyHint,
-                isSelf ? styles17.replyHintRight : styles17.replyHintLeft,
+                styles18.replyHint,
+                isSelf ? styles18.replyHintRight : styles18.replyHintLeft,
                 {
                   opacity: replyIconOpacity,
                   transform: [{ scale: replyIconScale }],
@@ -3300,13 +3373,13 @@ function MessageRow({
               )
             }
           ),
-          threads && (msg.reply_count ?? 0) > 0 && onOpenThread ? /* @__PURE__ */ jsx(Pressable, { onPress: onOpenThread, style: styles17.threadPill, children: /* @__PURE__ */ jsxs(Text, { style: [styles17.threadPillText, { color: theme.colors.brand }], children: [
+          threads && (msg.reply_count ?? 0) > 0 && onOpenThread ? /* @__PURE__ */ jsx(Pressable, { onPress: onOpenThread, style: styles18.threadPill, children: /* @__PURE__ */ jsxs(Text, { style: [styles18.threadPillText, { color: theme.colors.brand }], children: [
             "\u{1F4AC} ",
             msg.reply_count,
             " ",
             msg.reply_count === 1 ? "reply" : "replies"
           ] }) }) : null,
-          reactions ? /* @__PURE__ */ jsx(View, { style: [styles17.reactionsRow, { alignSelf: isSelf ? "flex-end" : "flex-start" }], children: /* @__PURE__ */ jsx(
+          reactions ? /* @__PURE__ */ jsx(View, { style: [styles18.reactionsRow, { alignSelf: isSelf ? "flex-end" : "flex-start" }], children: /* @__PURE__ */ jsx(
             ReactionStrip,
             {
               messageId: msg.id,
@@ -3365,7 +3438,7 @@ function MessageRow({
     }
   );
 }
-var styles17 = StyleSheet.create({
+var styles18 = StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "flex-end",
@@ -3525,13 +3598,13 @@ function ThreadSheet({
     ),
     [rootMessage, meId, labelFor, avatarFor]
   );
-  return /* @__PURE__ */ jsxs(View, { style: styles18.modalRoot, children: [
-    /* @__PURE__ */ jsx(Pressable, { style: styles18.backdrop, onPress: onClose, accessibilityLabel: "Close thread" }),
+  return /* @__PURE__ */ jsxs(View, { style: styles19.modalRoot, children: [
+    /* @__PURE__ */ jsx(Pressable, { style: styles19.backdrop, onPress: onClose, accessibilityLabel: "Close thread" }),
     /* @__PURE__ */ jsxs(
       Animated.View,
       {
         style: [
-          styles18.sheet,
+          styles19.sheet,
           {
             height: sheetHeight,
             backgroundColor: theme.colors.paper,
@@ -3543,14 +3616,14 @@ function ThreadSheet({
         ],
         children: [
           /* @__PURE__ */ jsxs(View, { ...panHandlers, children: [
-            /* @__PURE__ */ jsx(View, { style: styles18.dragHandle, children: /* @__PURE__ */ jsx(View, { style: [styles18.dragPill, { backgroundColor: theme.colors.ink3 }] }) }),
-            /* @__PURE__ */ jsxs(View, { style: [styles18.header, { borderBottomColor: theme.colors.border }], children: [
+            /* @__PURE__ */ jsx(View, { style: styles19.dragHandle, children: /* @__PURE__ */ jsx(View, { style: [styles19.dragPill, { backgroundColor: theme.colors.ink3 }] }) }),
+            /* @__PURE__ */ jsxs(View, { style: [styles19.header, { borderBottomColor: theme.colors.border }], children: [
               /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   onPress: onClose,
                   hitSlop: 16,
-                  style: [styles18.closeBtn, { backgroundColor: theme.colors.surface2 }],
+                  style: [styles19.closeBtn, { backgroundColor: theme.colors.surface2 }],
                   accessibilityLabel: "Close thread",
                   children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 18, color: theme.colors.ink })
                 }
@@ -3559,7 +3632,7 @@ function ThreadSheet({
                 Text,
                 {
                   style: [
-                    styles18.title,
+                    styles19.title,
                     { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }
                   ],
                   children: "Thread"
@@ -3570,12 +3643,12 @@ function ThreadSheet({
           /* @__PURE__ */ jsxs(
             KeyboardAvoidingView,
             {
-              style: styles18.kavBody,
+              style: styles19.kavBody,
               behavior: Platform.OS === "ios" ? "padding" : "height",
               keyboardVerticalOffset: Platform.OS === "ios" ? gutter : 0,
               children: [
-                /* @__PURE__ */ jsx(View, { style: [styles18.rootPreview, { backgroundColor: theme.colors.surface2 }], children: rootRow }),
-                /* @__PURE__ */ jsx(View, { style: styles18.listWrap, children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx(View, { style: [styles19.rootPreview, { backgroundColor: theme.colors.surface2 }], children: rootRow }),
+                /* @__PURE__ */ jsx(View, { style: styles19.listWrap, children: /* @__PURE__ */ jsx(
                   MessageList,
                   {
                     messages: replies,
@@ -3611,7 +3684,7 @@ function ThreadSheet({
     )
   ] });
 }
-var styles18 = StyleSheet.create({
+var styles19 = StyleSheet.create({
   modalRoot: {
     flex: 1,
     justifyContent: "flex-end"
@@ -3683,7 +3756,7 @@ function TypingIndicator({ typing, labelFor }) {
   const ids = Array.from(typing);
   const isTyping = ids.length > 0;
   if (!isTyping) return /* @__PURE__ */ jsx(View, { style: { height: 0 } });
-  return /* @__PURE__ */ jsxs(View, { style: styles19.row, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles20.row, children: [
     /* @__PURE__ */ jsx(TypingDots, {}),
     /* @__PURE__ */ jsx(TypingLabel, { ids, ...labelFor ? { labelFor } : {} })
   ] });
@@ -3728,7 +3801,7 @@ function TypingDots() {
     ],
     opacity: val.interpolate({ inputRange: [0, 1], outputRange: [0.5, 1] })
   });
-  return /* @__PURE__ */ jsxs(View, { style: styles19.dotsWrap, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles20.dotsWrap, children: [
     /* @__PURE__ */ jsx(Animated.View, { style: dot(a) }),
     /* @__PURE__ */ jsx(Animated.View, { style: dot(b) }),
     /* @__PURE__ */ jsx(Animated.View, { style: dot(c) })
@@ -3744,9 +3817,9 @@ function TypingLabel({
   const name1 = useDisplayName(id1, labelFor);
   const name2 = useDisplayName(id2, labelFor);
   const text = ids.length === 1 ? `${name1} is typing` : ids.length === 2 ? `${name1} and ${name2} are typing` : `${ids.length} people are typing`;
-  return /* @__PURE__ */ jsx(Text, { style: [styles19.label, { color: theme.colors.ink2, fontFamily: theme.type.fontBody }], children: text });
+  return /* @__PURE__ */ jsx(Text, { style: [styles20.label, { color: theme.colors.ink2, fontFamily: theme.type.fontBody }], children: text });
 }
-var styles19 = StyleSheet.create({
+var styles20 = StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -3984,12 +4057,12 @@ function ConversationView({
   return /* @__PURE__ */ jsx(UploadProvider, { children: /* @__PURE__ */ jsxs(
     KeyboardAvoidingView,
     {
-      style: [styles20.root, { backgroundColor: theme.colors.paper }],
+      style: [styles21.root, { backgroundColor: theme.colors.paper }],
       behavior: Platform.OS === "ios" ? "padding" : "height",
       keyboardVerticalOffset: keyboardOffset,
       children: [
         headerNode,
-        /* @__PURE__ */ jsxs(View, { style: styles20.listWrap, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles21.listWrap, children: [
           /* @__PURE__ */ jsx(
             MessageList,
             {
@@ -4007,7 +4080,7 @@ function ConversationView({
           editingId ? /* @__PURE__ */ jsx(
             Pressable,
             {
-              style: styles20.editBackdrop,
+              style: styles21.editBackdrop,
               onPress: () => setEditingId(null),
               accessibilityLabel: "Cancel editing"
             }
@@ -4042,7 +4115,7 @@ function readStateForMessage(msg, members, meId, sequenceByMessageId) {
   });
   return anyRead ? "read" : "sent";
 }
-var styles20 = StyleSheet.create({
+var styles21 = StyleSheet.create({
   root: {
     flex: 1
   },
@@ -4124,13 +4197,13 @@ function UserPickerSheet({
       animationType: "slide",
       onRequestClose: handleClose,
       statusBarTranslucent: true,
-      children: /* @__PURE__ */ jsxs(View, { style: styles21.modalRoot, children: [
-        /* @__PURE__ */ jsx(Pressable, { style: styles21.backdrop, onPress: handleClose }),
+      children: /* @__PURE__ */ jsxs(View, { style: styles22.modalRoot, children: [
+        /* @__PURE__ */ jsx(Pressable, { style: styles22.backdrop, onPress: handleClose }),
         /* @__PURE__ */ jsxs(
           Animated.View,
           {
             style: [
-              styles21.sheet,
+              styles22.sheet,
               {
                 backgroundColor: theme.colors.paper,
                 borderTopLeftRadius: theme.radii.xl,
@@ -4140,14 +4213,14 @@ function UserPickerSheet({
               theme.shadows.lg
             ],
             children: [
-              /* @__PURE__ */ jsx(View, { ...panHandlers, style: styles21.dragHandle, children: /* @__PURE__ */ jsx(View, { style: [styles21.dragPill, { backgroundColor: theme.colors.ink3 }] }) }),
-              /* @__PURE__ */ jsxs(View, { style: styles21.header, children: [
+              /* @__PURE__ */ jsx(View, { ...panHandlers, style: styles22.dragHandle, children: /* @__PURE__ */ jsx(View, { style: [styles22.dragPill, { backgroundColor: theme.colors.ink3 }] }) }),
+              /* @__PURE__ */ jsxs(View, { style: styles22.header, children: [
                 /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     onPress: handleClose,
                     hitSlop: 16,
-                    style: [styles21.closeBtn, { backgroundColor: theme.colors.surface2 }],
+                    style: [styles22.closeBtn, { backgroundColor: theme.colors.surface2 }],
                     accessibilityLabel: "Close picker",
                     children: /* @__PURE__ */ jsx(PoolseIcon, { name: "close", size: 18, color: theme.colors.ink })
                   }
@@ -4156,7 +4229,7 @@ function UserPickerSheet({
                   Text,
                   {
                     style: [
-                      styles21.title,
+                      styles22.title,
                       { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }
                     ],
                     numberOfLines: 1,
@@ -4170,7 +4243,7 @@ function UserPickerSheet({
                     disabled: !canCreate,
                     hitSlop: 6,
                     style: [
-                      styles21.createBtn,
+                      styles22.createBtn,
                       {
                         backgroundColor: canCreate ? theme.colors.brand : theme.colors.surface2,
                         opacity: canCreate ? 1 : 0.6
@@ -4201,7 +4274,7 @@ function UserPickerSheet({
                   value: groupName,
                   onChangeText: setGroupName,
                   style: [
-                    styles21.groupNameInput,
+                    styles22.groupNameInput,
                     {
                       color: theme.colors.ink,
                       backgroundColor: theme.colors.surface2,
@@ -4220,7 +4293,7 @@ function UserPickerSheet({
                   value: query,
                   onChangeText: setQuery,
                   style: [
-                    styles21.searchInput,
+                    styles22.searchInput,
                     {
                       color: theme.colors.ink,
                       backgroundColor: theme.colors.surface2,
@@ -4236,7 +4309,7 @@ function UserPickerSheet({
                 {
                   data: filtered,
                   keyExtractor: (u) => u.externalId,
-                  ListEmptyComponent: /* @__PURE__ */ jsx(View, { style: styles21.empty, children: /* @__PURE__ */ jsx(Text, { style: [styles21.emptyText, { color: theme.colors.ink3 }], children: query ? "No matches." : "No users to show." }) }),
+                  ListEmptyComponent: /* @__PURE__ */ jsx(View, { style: styles22.empty, children: /* @__PURE__ */ jsx(Text, { style: [styles22.emptyText, { color: theme.colors.ink3 }], children: query ? "No matches." : "No users to show." }) }),
                   renderItem: ({ item }) => /* @__PURE__ */ jsx(
                     UserRow,
                     {
@@ -4274,29 +4347,29 @@ function UserRow({
     {
       onPress,
       style: [
-        styles21.row,
+        styles22.row,
         {
           backgroundColor: selected ? theme.colors.brandSoft : "transparent"
         }
       ],
       children: [
-        user.avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: user.avatarUrl }, style: styles21.avatarImg }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: user.name, seed: user.externalId, size: "md" }),
-        /* @__PURE__ */ jsxs(View, { style: styles21.body, children: [
+        user.avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: user.avatarUrl }, style: styles22.avatarImg }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: user.name, seed: user.externalId, size: "md" }),
+        /* @__PURE__ */ jsxs(View, { style: styles22.body, children: [
           /* @__PURE__ */ jsx(
             Text,
             {
-              style: [styles21.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              style: [styles22.name, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
               numberOfLines: 1,
               children: user.name
             }
           ),
-          user.subtitle ? /* @__PURE__ */ jsx(Text, { style: [styles21.subtitle, { color: theme.colors.ink3 }], numberOfLines: 1, children: user.subtitle }) : null
+          user.subtitle ? /* @__PURE__ */ jsx(Text, { style: [styles22.subtitle, { color: theme.colors.ink3 }], numberOfLines: 1, children: user.subtitle }) : null
         ] }),
         isGroup ? /* @__PURE__ */ jsx(
           View,
           {
             style: [
-              styles21.checkbox,
+              styles22.checkbox,
               {
                 borderColor: selected ? theme.colors.brand : theme.colors.border,
                 backgroundColor: selected ? theme.colors.brand : "transparent"
@@ -4309,7 +4382,7 @@ function UserRow({
     }
   );
 }
-var styles21 = StyleSheet.create({
+var styles22 = StyleSheet.create({
   modalRoot: {
     flex: 1,
     justifyContent: "flex-end"
@@ -4569,7 +4642,7 @@ var PoolseInbox = forwardRef(
       },
       [renderConversationRow, meExternalId, labelFor, avatarFor, unreadCounts]
     );
-    return /* @__PURE__ */ jsxs(View, { style: [styles22.root, { backgroundColor: theme.colors.paper }], children: [
+    return /* @__PURE__ */ jsxs(View, { style: [styles23.root, { backgroundColor: theme.colors.paper }], children: [
       /* @__PURE__ */ jsxs(
         Animated.View,
         {
@@ -4580,7 +4653,7 @@ var PoolseInbox = forwardRef(
               View,
               {
                 style: [
-                  styles22.listHeader,
+                  styles23.listHeader,
                   {
                     backgroundColor: theme.colors.surface,
                     borderBottomColor: theme.colors.border
@@ -4591,13 +4664,13 @@ var PoolseInbox = forwardRef(
                     Text,
                     {
                       style: [
-                        styles22.listTitle,
+                        styles23.listTitle,
                         { color: theme.colors.ink, fontFamily: theme.type.fontDisplay }
                       ],
                       children: title
                     }
                   ),
-                  /* @__PURE__ */ jsxs(View, { style: styles22.headerActions, children: [
+                  /* @__PURE__ */ jsxs(View, { style: styles23.headerActions, children: [
                     users ? /* @__PURE__ */ jsxs(Fragment, { children: [
                       /* @__PURE__ */ jsx(
                         HeaderIconButton,
@@ -4710,7 +4783,7 @@ function HeaderIconButton({
       hitSlop: 10,
       accessibilityLabel: label,
       style: ({ pressed }) => [
-        styles22.iconBtn,
+        styles23.iconBtn,
         {
           backgroundColor: pressed ? theme.colors.surface2 : "transparent"
         }
@@ -4740,31 +4813,31 @@ function DefaultConversationRow({
     {
       onPress,
       style: [
-        styles22.row,
+        styles23.row,
         {
           backgroundColor: selected ? theme.colors.surface2 : "transparent",
           borderBottomColor: theme.colors.border
         }
       ],
       children: [
-        avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: avatarUrl }, style: styles22.rowAvatar }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: title, seed: avatarSeed, size: "md" }),
-        /* @__PURE__ */ jsxs(View, { style: styles22.rowBody, children: [
+        avatarUrl ? /* @__PURE__ */ jsx(Image, { source: { uri: avatarUrl }, style: styles23.rowAvatar }) : /* @__PURE__ */ jsx(Avatar, { src: null, name: title, seed: avatarSeed, size: "md" }),
+        /* @__PURE__ */ jsxs(View, { style: styles23.rowBody, children: [
           /* @__PURE__ */ jsx(
             Text,
             {
-              style: [styles22.rowTitle, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
+              style: [styles23.rowTitle, { color: theme.colors.ink, fontFamily: theme.type.fontBody }],
               numberOfLines: 1,
               children: title
             }
           ),
-          /* @__PURE__ */ jsx(Text, { style: [styles22.rowSubtitle, { color: theme.colors.ink3 }], numberOfLines: 1, children: conv.last_message_preview ?? (isDirect ? otherExtId ?? "" : `${(conv.member_external_ids ?? []).length} members`) })
+          /* @__PURE__ */ jsx(Text, { style: [styles23.rowSubtitle, { color: theme.colors.ink3 }], numberOfLines: 1, children: conv.last_message_preview ?? (isDirect ? otherExtId ?? "" : `${(conv.member_external_ids ?? []).length} members`) })
         ] }),
-        unread > 0 ? /* @__PURE__ */ jsx(View, { style: [styles22.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsx(Text, { style: [styles22.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
+        unread > 0 ? /* @__PURE__ */ jsx(View, { style: [styles23.unreadPill, { backgroundColor: theme.colors.unreadPill }], children: /* @__PURE__ */ jsx(Text, { style: [styles23.unreadText, { color: theme.colors.unreadPillText }], children: unread > 99 ? "99+" : String(unread) }) }) : null
       ]
     }
   );
 }
-var styles22 = StyleSheet.create({
+var styles23 = StyleSheet.create({
   root: {
     flex: 1,
     overflow: "hidden"
@@ -4968,10 +5041,10 @@ function VoiceRoomBar({
       View,
       {
         style: [
-          styles23.bar,
+          styles24.bar,
           { backgroundColor: theme.colors.surface, borderBottomColor: theme.colors.border }
         ],
-        children: unavailableSlot ?? /* @__PURE__ */ jsx(Text, { style: [styles23.hint, { color: theme.colors.ink3 }], children: "Voice needs react-native-webrtc and a development build." })
+        children: unavailableSlot ?? /* @__PURE__ */ jsx(Text, { style: [styles24.hint, { color: theme.colors.ink3 }], children: "Voice needs react-native-webrtc and a development build." })
       }
     );
   }
@@ -4979,22 +5052,22 @@ function VoiceRoomBar({
     View,
     {
       style: [
-        styles23.bar,
+        styles24.bar,
         { backgroundColor: theme.colors.surface, borderBottomColor: theme.colors.border }
       ],
       children: [
-        /* @__PURE__ */ jsxs(View, { style: styles23.row, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles24.row, children: [
           /* @__PURE__ */ jsx(
             View,
             {
               style: [
-                styles23.dot,
+                styles24.dot,
                 { backgroundColor: connected ? theme.colors.brand : theme.colors.ink3 }
               ]
             }
           ),
           connected ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(View, { style: styles23.people, children: participants.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [styles23.hint, { color: theme.colors.ink3 }], children: "Waiting for others\u2026" }) : participants.map((p) => /* @__PURE__ */ jsx(ParticipantChip, { participant: p, label: label(p.userId) }, p.userId)) }),
+            /* @__PURE__ */ jsx(View, { style: styles24.people, children: participants.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [styles24.hint, { color: theme.colors.ink3 }], children: "Waiting for others\u2026" }) : participants.map((p) => /* @__PURE__ */ jsx(ParticipantChip, { participant: p, label: label(p.userId) }, p.userId)) }),
             /* @__PURE__ */ jsx(
               Pressable,
               {
@@ -5002,7 +5075,7 @@ function VoiceRoomBar({
                 accessibilityRole: "button",
                 accessibilityState: { selected: muted },
                 style: [
-                  styles23.btn,
+                  styles24.btn,
                   {
                     borderColor: muted ? theme.colors.brand : theme.colors.border,
                     backgroundColor: muted ? theme.colors.brandSoft : theme.colors.paper
@@ -5016,25 +5089,25 @@ function VoiceRoomBar({
               {
                 onPress: leave,
                 accessibilityRole: "button",
-                style: [styles23.btn, { borderColor: theme.colors.error }],
+                style: [styles24.btn, { borderColor: theme.colors.error }],
                 children: /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.error }, children: "Leave" })
               }
             )
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Text, { style: [styles23.hint, { color: theme.colors.ink3 }], children: status === "connecting" ? "Connecting\u2026" : "Talk to everyone here" }),
+            /* @__PURE__ */ jsx(Text, { style: [styles24.hint, { color: theme.colors.ink3 }], children: status === "connecting" ? "Connecting\u2026" : "Talk to everyone here" }),
             /* @__PURE__ */ jsx(
               Pressable,
               {
                 onPress: () => void join(),
                 disabled: status === "connecting",
                 accessibilityRole: "button",
-                style: [styles23.btn, styles23.btnPrimary, { backgroundColor: theme.colors.brand }],
+                style: [styles24.btn, styles24.btnPrimary, { backgroundColor: theme.colors.brand }],
                 children: /* @__PURE__ */ jsx(Text, { style: { color: theme.colors.onBrand, fontWeight: "600" }, children: status === "connecting" ? "Joining\u2026" : "Join Voice" })
               }
             )
           ] })
         ] }),
-        error && /* @__PURE__ */ jsx(Text, { style: [styles23.error, { color: theme.colors.error }], children: error.message })
+        error && /* @__PURE__ */ jsx(Text, { style: [styles24.error, { color: theme.colors.error }], children: error.message })
       ]
     }
   );
@@ -5045,7 +5118,7 @@ function ParticipantChip({ participant, label }) {
     View,
     {
       style: [
-        styles23.chip,
+        styles24.chip,
         {
           backgroundColor: theme.colors.paper,
           // The speaking ring is a border colour swap rather than an
@@ -5064,7 +5137,7 @@ function ParticipantChip({ participant, label }) {
     }
   );
 }
-var styles23 = StyleSheet.create({
+var styles24 = StyleSheet.create({
   bar: { paddingHorizontal: 14, paddingVertical: 8, borderBottomWidth: StyleSheet.hairlineWidth },
   row: { flexDirection: "row", alignItems: "center", gap: 8, flexWrap: "wrap" },
   dot: { width: 8, height: 8, borderRadius: 4 },
@@ -5086,42 +5159,77 @@ var styles23 = StyleSheet.create({
 function CallScreen({
   userId,
   labelFor,
-  calls: external,
+  calls: callsProp,
   webrtc,
+  livekit,
+  livekitReactNative,
   onStatusChange,
-  nativeIncomingUi = false
+  onVideoChange,
+  nativeIncomingUi
 }) {
   const theme = usePoolseTheme();
-  const own = useCalls(external ? null : userId);
-  const calls = external ?? own;
-  const available = isNativeWebRtcAvailable(webrtc);
+  const ownCalls = useCalls(callsProp ? null : userId);
+  const calls = callsProp ?? ownCalls;
+  const meshAvailable = isNativeWebRtcAvailable(webrtc);
   const opts = useMemo(
-    () => available && webrtc ? { webrtc: createNativeWebRtcAdapter(webrtc) } : {},
-    [available, webrtc]
-  );
-  const voice = useVoiceRoom(
-    calls.phase === "active" && available ? calls.activeConversationId : null,
-    opts
+    () => meshAvailable && webrtc ? { webrtc: createNativeWebRtcAdapter(webrtc) } : {},
+    [meshAvailable, webrtc]
   );
+  const conversationId = calls.phase === "active" ? calls.activeConversationId : null;
+  const sfu = useCallRoom(livekit ? conversationId : null, {
+    livekit,
+    video: calls.media === "video"
+  });
+  const mesh = useVoiceRoom(conversationId, opts);
+  const usingSfu = sfu.sfuAvailable === true;
+  const status = usingSfu ? toVoiceStatus(sfu.status) : mesh.status;
   useEffect(() => {
-    if (calls.phase === "active" && voice.status === "idle") void voice.join();
-  }, [calls.phase, voice]);
+    if (calls.phase !== "active" || !conversationId) return;
+    let cancelled = false;
+    void (async () => {
+      const connected2 = livekit ? await sfu.join() : false;
+      if (cancelled || connected2) return;
+      if (meshAvailable) await mesh.join();
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [calls.phase, conversationId, livekit, meshAvailable]);
   useEffect(() => {
-    onStatusChange?.(voice.status);
-  }, [voice.status, onStatusChange]);
+    onStatusChange?.(status);
+  }, [status, onStatusChange]);
+  const videoOn = usingSfu && sfu.cameraEnabled;
+  useEffect(() => {
+    onVideoChange?.(videoOn);
+  }, [videoOn, onVideoChange]);
   const label = labelFor ?? ((id) => `User ${id.slice(0, 6)}`);
   const ringingIn = calls.phase === "ringing-in";
   const visible = calls.phase !== "idle" && !(nativeIncomingUi && ringingIn);
-  const hangUp = () => {
-    voice.leave();
+  const hangUp = useCallback(() => {
+    sfu.leave();
+    mesh.leave();
     void calls.hangUp();
-  };
-  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", transparent: false, onRequestClose: hangUp, children: /* @__PURE__ */ jsxs(View, { style: [styles24.screen, { backgroundColor: theme.colors.paper }], children: [
-    /* @__PURE__ */ jsxs(View, { style: styles24.identity, children: [
-      /* @__PURE__ */ jsx(Text, { style: [styles24.who, { color: theme.colors.ink }], children: calls.phase === "ringing-in" && calls.incoming ? label(calls.incoming.callerUserId) : calls.outgoing ? calls.outgoing.calleeUserIds.map(label).join(", ") : "" }),
-      /* @__PURE__ */ jsx(Text, { style: [styles24.state, { color: theme.colors.ink3 }], children: statusLine(calls, voice.status) })
+  }, [sfu, mesh, calls]);
+  const micOn = usingSfu ? sfu.micEnabled : !mesh.muted;
+  const toggleMic = useCallback(() => {
+    if (usingSfu) void sfu.toggleMic();
+    else mesh.toggleMute();
+  }, [usingSfu, sfu, mesh]);
+  const error = calls.error ?? (usingSfu ? sfu.error : mesh.error);
+  const connected = calls.phase === "active" && status === "connected";
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", transparent: false, onRequestClose: hangUp, children: /* @__PURE__ */ jsxs(View, { style: [styles25.screen, { backgroundColor: theme.colors.paper }], children: [
+    connected && usingSfu && sfu.participants.length > 0 ? /* @__PURE__ */ jsx(
+      CallVideoGrid,
+      {
+        participants: sfu.participants,
+        livekitReactNative,
+        labelFor
+      }
+    ) : /* @__PURE__ */ jsxs(View, { style: styles25.identity, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles25.who, { color: theme.colors.ink }], children: ringingIn && calls.incoming ? label(calls.incoming.callerUserId) : calls.outgoing ? calls.outgoing.calleeUserIds.map(label).join(", ") : "" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles25.state, { color: theme.colors.ink3 }], children: statusLine(calls, status) })
     ] }),
-    /* @__PURE__ */ jsx(View, { style: styles24.actions, children: calls.phase === "ringing-in" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(View, { style: styles25.actions, children: ringingIn ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         CallButton,
         {
@@ -5149,21 +5257,41 @@ function CallScreen({
       /* @__PURE__ */ jsx(
         CallButton,
         {
-          label: voice.muted ? "Unmute" : "Mute",
-          color: theme.colors.ink2,
-          onPress: voice.toggleMute
+          label: micOn ? "Mute" : "Unmute",
+          color: micOn ? theme.colors.ink2 : theme.colors.brand,
+          onPress: toggleMic
+        }
+      ),
+      usingSfu && /* @__PURE__ */ jsx(
+        CallButton,
+        {
+          label: videoOn ? "Camera off" : "Camera on",
+          color: videoOn ? theme.colors.brand : theme.colors.ink2,
+          onPress: () => void sfu.toggleCamera()
         }
       ),
       /* @__PURE__ */ jsx(CallButton, { label: "Hang up", color: theme.colors.error, onPress: hangUp })
     ] }) }),
-    !available && /* @__PURE__ */ jsx(Text, { style: [styles24.warn, { color: theme.colors.error }], children: "react-native-webrtc is not installed \u2014 this call has no audio." }),
-    (calls.error ?? voice.error) && /* @__PURE__ */ jsx(Text, { style: [styles24.warn, { color: theme.colors.error }], children: (calls.error ?? voice.error)?.message })
+    !meshAvailable && !livekit && /* @__PURE__ */ jsx(Text, { style: [styles25.warn, { color: theme.colors.error }], children: "No WebRTC module supplied \u2014 this call has no audio." }),
+    error && /* @__PURE__ */ jsx(Text, { style: [styles25.warn, { color: theme.colors.error }], children: error.message })
   ] }) });
 }
-function statusLine(calls, voiceStatus) {
+function toVoiceStatus(status) {
+  switch (status) {
+    case "connecting":
+      return "connecting";
+    case "connected":
+      return "connected";
+    case "error":
+      return "error";
+    default:
+      return "idle";
+  }
+}
+function statusLine(calls, mediaStatus) {
   switch (calls.phase) {
     case "ringing-in":
-      return "Incoming call\u2026";
+      return calls.media === "video" ? "Incoming video call\u2026" : "Incoming call\u2026";
     case "ringing-out":
       return "Ringing\u2026";
     case "declined":
@@ -5173,7 +5301,7 @@ function statusLine(calls, voiceStatus) {
     case "timed-out":
       return "No answer";
     case "active":
-      return voiceStatus === "connected" ? "Connected" : "Connecting\u2026";
+      return mediaStatus === "connected" ? "Connected" : "Connecting\u2026";
     default:
       return "";
   }
@@ -5188,22 +5316,22 @@ function CallButton({
     {
       onPress,
       accessibilityRole: "button",
-      style: [styles24.callBtn, { backgroundColor: color }],
-      children: /* @__PURE__ */ jsx(Text, { style: styles24.callBtnText, children: label })
+      style: [styles25.callBtn, { backgroundColor: color }],
+      children: /* @__PURE__ */ jsx(Text, { style: styles25.callBtnText, children: label })
     }
   );
 }
-var styles24 = StyleSheet.create({
+var styles25 = StyleSheet.create({
   screen: { flex: 1, justifyContent: "space-between", paddingVertical: 72, paddingHorizontal: 24 },
   identity: { alignItems: "center", gap: 8, marginTop: 48 },
   who: { fontSize: 28, fontWeight: "600", textAlign: "center" },
   state: { fontSize: 15 },
-  actions: { flexDirection: "row", justifyContent: "center", gap: 16 },
+  actions: { flexDirection: "row", justifyContent: "center", gap: 12, flexWrap: "wrap" },
   callBtn: {
-    paddingHorizontal: 26,
+    paddingHorizontal: 22,
     paddingVertical: 16,
     borderRadius: 999,
-    minWidth: 128,
+    minWidth: 108,
     alignItems: "center"
   },
   callBtnText: { color: "#ffffff", fontSize: 16, fontWeight: "600" },
@@ -5255,7 +5383,7 @@ function useVoipCalls({
           call.callerUserId,
           call.callerName,
           "generic",
-          false
+          call.media === "video"
         );
       } catch {
       }
@@ -5281,7 +5409,10 @@ function useVoipCalls({
           callId,
           conversationId,
           callerUserId: payload.caller_user_id ?? "",
-          callerName: payload.caller_name ?? "Incoming call"
+          callerName: payload.caller_name ?? "Incoming call",
+          // `has_video` is what older servers sent; `media` supersedes
+          // it. Either says video, and the system UI offers video.
+          media: payload.media === "video" || payload.has_video ? "video" : "audio"
         },
         payload.sent_at
       );
@@ -5330,7 +5461,8 @@ function useVoipCalls({
       void handlers.current.calls?.accept({
         callId: call.callId,
         conversationId: call.conversationId,
-        callerUserId: call.callerUserId
+        callerUserId: call.callerUserId,
+        media: call.media
       });
       handlers.current.onAnswer?.(call);
     }));
@@ -5346,7 +5478,8 @@ function useVoipCalls({
       void handlers.current.calls?.decline({
         callId: call.callId,
         conversationId: call.conversationId,
-        callerUserId: call.callerUserId
+        callerUserId: call.callerUserId,
+        media: call.media
       });
       handlers.current.onDecline?.(call);
     }));
@@ -5368,7 +5501,8 @@ function useVoipCalls({
         callId: incoming.callId,
         conversationId: incoming.conversationId,
         callerUserId: incoming.callerUserId,
-        callerName: incoming.callerUserId
+        callerName: incoming.callerUserId,
+        media: incoming.media
       });
     }
   }, [phase, incoming]);
@@ -5381,6 +5515,6 @@ function guessApnsEnvironment() {
   return __DEV__ ? "sandbox" : "production";
 }
 
-export { AttachmentPicker, AttachmentPreview, Avatar, CallScreen, ChatHeader, ConversationList, ConversationView, DaySeparator, GroupDetailsSheet, ImageMosaic, MemberList, MentionInput, MessageActions, MessageBubble, MessageComposer, MessageList, MessageRow, PoolseIcon, PoolseInbox, PoolseLogo, PoolseTheme, primitives as Primitives, ReactionPicker, ReactionStrip, ThreadView, TypingIndicator, UploadQueueStrip, UserName, VoiceRoomBar, createNativeWebRtcAdapter, defaultDarkTheme, defaultLightTheme, isNativeWebRtcAvailable, isStalePush, useAppStateLifecycle, useDisplayName, usePoolseTheme, useVoipCalls };
+export { AttachmentPicker, AttachmentPreview, Avatar, CallScreen, CallVideoGrid, ChatHeader, ConversationList, ConversationView, DaySeparator, GroupDetailsSheet, ImageMosaic, MemberList, MentionInput, MessageActions, MessageBubble, MessageComposer, MessageList, MessageRow, PoolseIcon, PoolseInbox, PoolseLogo, PoolseTheme, primitives as Primitives, ReactionPicker, ReactionStrip, ThreadView, TypingIndicator, UploadQueueStrip, UserName, VoiceRoomBar, createNativeWebRtcAdapter, defaultDarkTheme, defaultLightTheme, isNativeWebRtcAvailable, isStalePush, useAppStateLifecycle, useDisplayName, usePoolseTheme, useVoipCalls };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map