@magicred-1/react-native-lxmf 0.2.44 → 0.2.47

package/android/src/main/kotlin/expo/modules/lxmf/LxmfModule.kt

@@ -175,6 +175,26 @@ class LxmfModule : Module() {
     Function("pairNusRNode") { mac: String ->
       nusManager?.pairRNode(mac) ?: false
     }
+
+    // --- Group Chat ---
+
+    Function("createGroup") { name: String, keyHex: String ->
+      nativeCreateGroup(name, keyHex) ?: throw RuntimeException("createGroup failed")
+    }
+
+    Function("joinGroup") { addrHex: String, keyHex: String ->
+      nativeJoinGroup(addrHex, keyHex) == 0
+    }
+
+    Function("leaveGroup") { addrHex: String ->
+      nativeLeaveGroup(addrHex) == 0
+    }
+
+    AsyncFunction("sendGroup") { addrHex: String, bodyBase64: String, fieldsJson: String? ->
+      val seq = nativeSendGroup(addrHex, bodyBase64, fieldsJson)
+      if (seq < 0) throw RuntimeException("sendGroup failed")
+      seq.toDouble()
+    }
   }
 
   private fun drainAndEmitEvents() {
@@ -246,6 +266,10 @@ class LxmfModule : Module() {
   private external fun nativeBeaconRpc(destHashHex: String, method: String, paramsJson: String?): Long
   private external fun nativeSetLogLevel(level: Int): Int
   private external fun nativeAbiVersion(): Int
+  private external fun nativeCreateGroup(name: String, keyHex: String): String?
+  private external fun nativeJoinGroup(addrHex: String, keyHex: String): Int
+  private external fun nativeLeaveGroup(addrHex: String): Int
+  private external fun nativeSendGroup(addrHex: String, bodyBase64: String, fieldsJson: String?): Long
 
   // NUS JNI — called by NusManager (same package)
   external fun nativeNusReceive(data: ByteArray)

package/build/LxmfModule.d.ts

@@ -21,6 +21,10 @@ export type NativeModuleType = {
     bleUnpairedRNodeCount(): number;
     getNusUnpairedRNodes(): string;
     pairNusRNode(mac: string): boolean;
+    createGroup(name: string, keyHex: string): string;
+    joinGroup(addrHex: string, keyHex: string): boolean;
+    leaveGroup(addrHex: string): boolean;
+    sendGroup(addrHex: string, bodyBase64: string, fieldsJson?: string): Promise<number>;
 };
 declare const LxmfModuleNative: NativeModuleType | null;
 export declare const isLxmfNativeAvailable: boolean;

package/build/LxmfModule.js

@@ -37,5 +37,9 @@ const missingNativeShim = {
     beaconRpc: async () => throwMissingNative(),
     getNusUnpairedRNodes: () => throwMissingNative(),
     pairNusRNode: () => throwMissingNative(),
+    createGroup: () => throwMissingNative(),
+    joinGroup: () => throwMissingNative(),
+    leaveGroup: () => throwMissingNative(),
+    sendGroup: async () => throwMissingNative(),
 };
 exports.LxmfModule = LxmfModuleNative ?? missingNativeShim;

package/build/useLxmf.d.ts

@@ -127,4 +127,8 @@ export declare function useLxmf(options?: UseLxmfOptions): {
     }[];
     pairNusRNode: (mac: string) => boolean;
     beaconRpc: (destHashHex: string, method: string, params?: unknown) => Promise<number>;
+    createGroup: (name: string, keyHex: string) => string;
+    joinGroup: (addrHex: string, keyHex: string) => boolean;
+    leaveGroup: (addrHex: string) => boolean;
+    sendGroup: (addrHex: string, bodyBase64: string, media?: LxmfMedia) => Promise<number>;
 };

package/build/useLxmf.js

@@ -297,6 +297,47 @@ function useLxmf(options = {}) {
             return -1;
         }
     }, []);
+    /** Create a group channel with a shared AES key. Returns the group address hex. */
+    const createGroup = (0, react_1.useCallback)((name, keyHex) => {
+        try {
+            return LxmfModule_1.LxmfModule.createGroup(name, keyHex);
+        }
+        catch (e) {
+            setError(e?.message ?? 'createGroup failed');
+            return '';
+        }
+    }, []);
+    /** Join an existing group channel by address and shared AES key. */
+    const joinGroup = (0, react_1.useCallback)((addrHex, keyHex) => {
+        try {
+            return LxmfModule_1.LxmfModule.joinGroup(addrHex, keyHex);
+        }
+        catch (e) {
+            setError(e?.message ?? 'joinGroup failed');
+            return false;
+        }
+    }, []);
+    /** Leave a group channel and forget its key. */
+    const leaveGroup = (0, react_1.useCallback)((addrHex) => {
+        try {
+            return LxmfModule_1.LxmfModule.leaveGroup(addrHex);
+        }
+        catch (e) {
+            setError(e?.message ?? 'leaveGroup failed');
+            return false;
+        }
+    }, []);
+    /** Send a message to a group channel. Returns sequence number or -1 on error. */
+    const sendGroup = (0, react_1.useCallback)(async (addrHex, bodyBase64, media) => {
+        try {
+            const fieldsJson = media ? JSON.stringify(media) : undefined;
+            return await LxmfModule_1.LxmfModule.sendGroup(addrHex, bodyBase64, fieldsJson);
+        }
+        catch (e) {
+            setError(e?.message ?? 'sendGroup failed');
+            return -1;
+        }
+    }, []);
     return {
         // State
         status,
@@ -321,5 +362,9 @@ function useLxmf(options = {}) {
         getNusUnpairedRNodes,
         pairNusRNode,
         beaconRpc,
+        createGroup,
+        joinGroup,
+        leaveGroup,
+        sendGroup,
     };
 }

package/example/app/(tabs)/conversations.tsx

@@ -9,7 +9,7 @@ import {
   View,
 } from 'react-native';
 import { useRouter } from 'expo-router';
-import { useLxmfContext, type Contact } from '@/context/LxmfContext';
+import { useLxmfContext, type Contact, type Group } from '@/context/LxmfContext';
 
 // ── Helpers ───────────────────────────────────────────────────────────────────
 
@@ -26,6 +26,33 @@ function relTime(unix: number): string {
   return `${Math.floor(diff / 86400)}d ago`;
 }
 
+// ── List item types ───────────────────────────────────────────────────────────
+
+type ListItem =
+  | { kind: 'group'; data: Group }
+  | { kind: 'contact'; data: Contact };
+
+// ── Group row ─────────────────────────────────────────────────────────────────
+
+function GroupRow({ group, onPress }: Readonly<{ group: Group; onPress: () => void }>) {
+  return (
+    <Pressable
+      style={({ pressed }) => [S.row, pressed && S.rowPressed]}
+      onPress={onPress}>
+      <View style={[S.avatar, S.avatarGroup]}>
+        <Text style={[S.avatarText, S.avatarTextGroup]}>#</Text>
+      </View>
+      <View style={S.rowBody}>
+        <View style={S.rowTop}>
+          <Text style={S.rowName} numberOfLines={1}>{group.name}</Text>
+          <Text style={S.rowGroupBadge}>GROUP</Text>
+        </View>
+        <Text style={S.rowPreview} numberOfLines={1}>{shortHex(group.addrHex)}</Text>
+      </View>
+    </Pressable>
+  );
+}
+
 // ── Contact row ───────────────────────────────────────────────────────────────
 
 function ContactRow({ contact, onPress }: Readonly<{ contact: Contact; onPress: () => void }>) {
@@ -57,12 +84,168 @@ function ContactRow({ contact, onPress }: Readonly<{ contact: Contact; onPress:
   );
 }
 
+// ── Group create/join modal ───────────────────────────────────────────────────
+
+type GroupModalProps = {
+  visible: boolean;
+  onClose: () => void;
+  onCreated: (addrHex: string, name: string) => void;
+  onJoined: (addrHex: string) => void;
+  createGroup: (name: string) => string;
+  joinGroup: (addrHex: string, keyHex: string) => boolean;
+};
+
+function GroupModal({ visible, onClose, onCreated, onJoined, createGroup, joinGroup }: Readonly<GroupModalProps>) {
+  const [tab, setTab] = useState<'create' | 'join'>('create');
+  const [createName, setCreateName] = useState('');
+  const [joinAddr, setJoinAddr] = useState('');
+  const [joinKey, setJoinKey] = useState('');
+  const [err, setErr] = useState('');
+  const [created, setCreated] = useState<{ addrHex: string; name: string } | null>(null);
+
+  const reset = () => {
+    setCreateName('');
+    setJoinAddr('');
+    setJoinKey('');
+    setErr('');
+    setCreated(null);
+    setTab('create');
+  };
+
+  const handleClose = () => { reset(); onClose(); };
+
+  const handleCreate = () => {
+    const name = createName.trim();
+    if (!name) { setErr('Enter a group name.'); return; }
+    try {
+      const addrHex = createGroup(name);
+      setCreated({ addrHex, name });
+      setErr('');
+    } catch (e: any) {
+      setErr(e?.message ?? 'Failed to create group.');
+    }
+  };
+
+  const handleJoin = () => {
+    const addr = joinAddr.trim().toLowerCase();
+    const key = joinKey.trim().toLowerCase();
+    if (!/^[0-9a-f]{32}$/.test(addr)) { setErr('Address must be 32 hex chars.'); return; }
+    if (!/^[0-9a-f]{64}$/.test(key)) { setErr('Key must be 64 hex chars (32 bytes).'); return; }
+    const ok = joinGroup(addr, key);
+    if (ok) { onJoined(addr); handleClose(); }
+    else { setErr('Failed to join group.'); }
+  };
+
+  const handleDone = () => {
+    if (created) onCreated(created.addrHex, created.name);
+    handleClose();
+  };
+
+  return (
+    <Modal visible={visible} transparent animationType="fade" onRequestClose={handleClose}>
+      <Pressable style={S.overlay} onPress={handleClose}>
+        <Pressable style={S.modal}>
+          <Text style={S.modalTitle}>Group Channel</Text>
+
+          {/* Tabs */}
+          <View style={S.tabs}>
+            <Pressable style={[S.tab, tab === 'create' && S.tabActive]} onPress={() => { setTab('create'); setErr(''); }}>
+              <Text style={[S.tabText, tab === 'create' && S.tabTextActive]}>Create</Text>
+            </Pressable>
+            <Pressable style={[S.tab, tab === 'join' && S.tabActive]} onPress={() => { setTab('join'); setErr(''); }}>
+              <Text style={[S.tabText, tab === 'join' && S.tabTextActive]}>Join</Text>
+            </Pressable>
+          </View>
+
+          {tab === 'create' && !created && (
+            <>
+              <Text style={S.modalHint}>Choose a channel name. Everyone with the same name + key can communicate.</Text>
+              <TextInput
+                style={S.modalInput}
+                placeholder="e.g. team-alpha"
+                placeholderTextColor="#4a6070"
+                value={createName}
+                onChangeText={t => { setCreateName(t); setErr(''); }}
+                autoFocus
+                autoCapitalize="none"
+                autoCorrect={false}
+              />
+              {err ? <Text style={S.modalError}>{err}</Text> : null}
+              <View style={S.modalBtns}>
+                <Pressable style={[S.modalBtn, S.modalBtnCancel]} onPress={handleClose}>
+                  <Text style={S.modalBtnText}>Cancel</Text>
+                </Pressable>
+                <Pressable style={[S.modalBtn, S.modalBtnOk]} onPress={handleCreate}>
+                  <Text style={S.modalBtnText}>Create</Text>
+                </Pressable>
+              </View>
+            </>
+          )}
+
+          {tab === 'create' && created && (
+            <>
+              <Text style={S.modalHint}>Group created. Share these details with members.</Text>
+              <View style={S.inviteBox}>
+                <Text style={S.inviteLabel}>Name</Text>
+                <Text selectable style={S.inviteValue}>{created.name}</Text>
+                <Text style={S.inviteLabel}>Address</Text>
+                <Text selectable style={S.inviteValue}>{created.addrHex}</Text>
+              </View>
+              <Text style={S.modalHint}>Members need the address AND key (tap Share to send both).</Text>
+              <View style={S.modalBtns}>
+                <Pressable style={[S.modalBtn, S.modalBtnCancel]} onPress={handleDone}>
+                  <Text style={S.modalBtnText}>Open Chat</Text>
+                </Pressable>
+              </View>
+            </>
+          )}
+
+          {tab === 'join' && (
+            <>
+              <Text style={S.modalHint}>Enter the group address and shared key from an invite.</Text>
+              <TextInput
+                style={S.modalInput}
+                placeholder="Group address (32 hex chars)"
+                placeholderTextColor="#4a6070"
+                value={joinAddr}
+                onChangeText={t => { setJoinAddr(t); setErr(''); }}
+                autoFocus
+                autoCapitalize="none"
+                autoCorrect={false}
+              />
+              <TextInput
+                style={S.modalInput}
+                placeholder="Key (64 hex chars)"
+                placeholderTextColor="#4a6070"
+                value={joinKey}
+                onChangeText={t => { setJoinKey(t); setErr(''); }}
+                autoCapitalize="none"
+                autoCorrect={false}
+              />
+              {err ? <Text style={S.modalError}>{err}</Text> : null}
+              <View style={S.modalBtns}>
+                <Pressable style={[S.modalBtn, S.modalBtnCancel]} onPress={handleClose}>
+                  <Text style={S.modalBtnText}>Cancel</Text>
+                </Pressable>
+                <Pressable style={[S.modalBtn, S.modalBtnOk]} onPress={handleJoin}>
+                  <Text style={S.modalBtnText}>Join</Text>
+                </Pressable>
+              </View>
+            </>
+          )}
+        </Pressable>
+      </Pressable>
+    </Modal>
+  );
+}
+
 // ── Main screen ───────────────────────────────────────────────────────────────
 
 export default function ConversationsScreen() {
-  const { contacts, upsertContact, isRunning } = useLxmfContext();
+  const { contacts, groups, upsertContact, createGroup, joinGroup, isRunning } = useLxmfContext();
   const router = useRouter();
   const [showNew, setShowNew] = useState(false);
+  const [showGroup, setShowGroup] = useState(false);
   const [newAddr, setNewAddr] = useState('');
   const [addrError, setAddrError] = useState('');
 
@@ -83,11 +266,22 @@ export default function ConversationsScreen() {
     openThread(addr);
   }, [newAddr, upsertContact, openThread]);
 
-  const renderItem = useCallback(({ item }: { item: Contact }) => (
-    <ContactRow contact={item} onPress={() => openThread(item.address)} />
-  ), [openThread]);
+  // Unified list: groups first, then contacts
+  const listData: ListItem[] = [
+    ...groups.map(g => ({ kind: 'group' as const, data: g })),
+    ...contacts.map(c => ({ kind: 'contact' as const, data: c })),
+  ];
 
-  const keyExtractor = useCallback((item: Contact) => item.address, []);
+  const renderItem = useCallback(({ item }: { item: ListItem }) => {
+    if (item.kind === 'group') {
+      return <GroupRow group={item.data} onPress={() => openThread(item.data.addrHex)} />;
+    }
+    return <ContactRow contact={item.data} onPress={() => openThread(item.data.address)} />;
+  }, [openThread]);
+
+  const keyExtractor = useCallback((item: ListItem) => {
+    return item.kind === 'group' ? `g:${item.data.addrHex}` : `c:${item.data.address}`;
+  }, []);
 
   return (
     <View style={S.root}>
@@ -98,17 +292,17 @@ export default function ConversationsScreen() {
         )}
       </View>
 
-      {contacts.length === 0 ? (
+      {listData.length === 0 ? (
         <View style={S.empty}>
           <Text style={S.emptyTitle}>No contacts yet</Text>
           <Text style={S.emptyBody}>
             Peer announces appear here automatically.{'\n'}
-            Tap + to message a known address.
+            Tap + to message a known address or create a group.
           </Text>
         </View>
       ) : (
         <FlatList
-          data={contacts}
+          data={listData}
           keyExtractor={keyExtractor}
           renderItem={renderItem}
           contentContainerStyle={S.list}
@@ -116,12 +310,17 @@ export default function ConversationsScreen() {
         />
       )}
 
-      {/* FAB */}
-      <Pressable style={({ pressed }) => [S.fab, pressed && S.fabPressed]} onPress={() => setShowNew(true)}>
-        <Text style={S.fabText}>+</Text>
-      </Pressable>
+      {/* FAB row */}
+      <View style={S.fabRow}>
+        <Pressable style={({ pressed }) => [S.fab, S.fabGroup, pressed && S.fabPressed]} onPress={() => setShowGroup(true)}>
+          <Text style={S.fabText}>#</Text>
+        </Pressable>
+        <Pressable style={({ pressed }) => [S.fab, pressed && S.fabPressed]} onPress={() => setShowNew(true)}>
+          <Text style={S.fabText}>+</Text>
+        </Pressable>
+      </View>
 
-      {/* New conversation modal */}
+      {/* New direct message modal */}
       <Modal visible={showNew} transparent animationType="fade" onRequestClose={() => setShowNew(false)}>
         <Pressable style={S.overlay} onPress={() => setShowNew(false)}>
           <Pressable style={S.modal}>
@@ -149,6 +348,16 @@ export default function ConversationsScreen() {
           </Pressable>
         </Pressable>
       </Modal>
+
+      {/* Group create/join modal */}
+      <GroupModal
+        visible={showGroup}
+        onClose={() => setShowGroup(false)}
+        createGroup={createGroup}
+        joinGroup={joinGroup}
+        onCreated={(addrHex) => { setShowGroup(false); openThread(addrHex); }}
+        onJoined={(addrHex) => { setShowGroup(false); openThread(addrHex); }}
+      />
     </View>
   );
 }
@@ -165,6 +374,8 @@ const C = {
   border: '#1e3040',
   accent: '#1a7fc1',
   accentBright: '#4fb3e8',
+  group: '#1a8c6a',
+  groupBright: '#3edba8',
   text: '#d8ecf8',
   textDim: '#7a9db5',
   warn: '#f0a500',
@@ -184,7 +395,7 @@ const S = StyleSheet.create({
   headerTitle: { color: C.text, fontSize: 28, fontWeight: '700' },
   headerHint: { color: C.warn, fontSize: 12, marginTop: 4 },
 
-  list: { paddingBottom: 80 },
+  list: { paddingBottom: 100 },
   separator: { height: 1, backgroundColor: C.border, marginLeft: 72 },
 
   row: { flexDirection: 'row', alignItems: 'center', paddingHorizontal: 16, paddingVertical: 12, backgroundColor: C.surface },
@@ -201,12 +412,18 @@ const S = StyleSheet.create({
     justifyContent: 'center',
     marginRight: 12,
   },
+  avatarGroup: {
+    backgroundColor: '#0d3328',
+    borderColor: C.groupBright,
+  },
   avatarText: { color: C.accentBright, fontSize: 14, fontWeight: '700' },
+  avatarTextGroup: { color: C.groupBright, fontSize: 20 },
 
   rowBody: { flex: 1 },
-  rowTop: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'baseline', marginBottom: 3 },
+  rowTop: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', marginBottom: 3 },
   rowName: { color: C.text, fontSize: 15, fontWeight: '600', flex: 1, marginRight: 8 },
   rowTime: { color: C.textDim, fontSize: 12 },
+  rowGroupBadge: { color: C.groupBright, fontSize: 10, fontWeight: '700', letterSpacing: 0.5 },
 
   rowBottom: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
   rowPreview: { color: C.textDim, fontSize: 13, flex: 1, marginRight: 8 },
@@ -226,10 +443,14 @@ const S = StyleSheet.create({
   emptyTitle: { color: C.text, fontSize: 20, fontWeight: '600', marginBottom: 10 },
   emptyBody: { color: C.textDim, fontSize: 14, textAlign: 'center', lineHeight: 22 },
 
-  fab: {
+  fabRow: {
     position: 'absolute',
     right: 20,
     bottom: 24,
+    flexDirection: 'row',
+    gap: 12,
+  },
+  fab: {
     width: 54,
     height: 54,
     borderRadius: 27,
@@ -242,8 +463,9 @@ const S = StyleSheet.create({
     shadowRadius: 6,
     elevation: 6,
   },
+  fabGroup: { backgroundColor: C.group },
   fabPressed: { opacity: 0.8 },
-  fabText: { color: '#fff', fontSize: 28, lineHeight: 32, fontWeight: '300' },
+  fabText: { color: '#fff', fontSize: 24, lineHeight: 28, fontWeight: '400' },
 
   overlay: { flex: 1, backgroundColor: 'rgba(0,0,0,0.7)', justifyContent: 'center', alignItems: 'center', padding: 24 },
   modal: { width: '100%', backgroundColor: C.surface, borderRadius: 16, borderWidth: 1, borderColor: C.border, padding: 20, gap: 12 },
@@ -260,4 +482,21 @@ const S = StyleSheet.create({
   modalBtnCancel: { backgroundColor: '#1a2e40' },
   modalBtnOk: { backgroundColor: C.accent },
   modalBtnText: { color: '#e8f6ff', fontSize: 14, fontWeight: '600' },
+
+  tabs: { flexDirection: 'row', borderRadius: 8, overflow: 'hidden', borderWidth: 1, borderColor: C.border },
+  tab: { flex: 1, paddingVertical: 8, alignItems: 'center', backgroundColor: '#0b1820' },
+  tabActive: { backgroundColor: C.accent },
+  tabText: { color: C.textDim, fontSize: 14, fontWeight: '600' },
+  tabTextActive: { color: '#fff' },
+
+  inviteBox: {
+    backgroundColor: '#0b1820',
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: C.border,
+    padding: 12,
+    gap: 4,
+  },
+  inviteLabel: { color: C.textDim, fontSize: 11, fontWeight: '600', letterSpacing: 0.5, textTransform: 'uppercase' },
+  inviteValue: { color: C.text, fontSize: 12, fontFamily: 'monospace', marginBottom: 6 },
 });

package/example/app/conversation/[address].tsx

@@ -85,15 +85,17 @@ function Bubble({ msg }: Readonly<{ msg: BubbleMsg }>) {
 export default function ConversationScreen() {
   const { address } = useLocalSearchParams<{ address: string }>();
   const router = useRouter();
-  const { events, send, fetchMessages, markRead, contacts, upsertContact } = useLxmfContext();
+  const { events, send, fetchMessages, markRead, contacts, upsertContact, groups, isGroup, shareGroupInvite } = useLxmfContext();
 
   const [text, setText] = useState('');
   const [sending, setSending] = useState(false);
   const [sendErr, setSendErr] = useState('');
   const listRef = useRef<FlatList>(null);
 
-  const contact = contacts.find(c => c.address === address);
-  const peerName = contact?.name || shortHex(address ?? '');
+  const isGroupThread = isGroup(address ?? '');
+  const group = isGroupThread ? groups.find(g => g.addrHex === address) : undefined;
+  const contact = !isGroupThread ? contacts.find(c => c.address === address) : undefined;
+  const peerName = group?.name ?? contact?.name ?? shortHex(address ?? '');
 
   // Mark thread as read on open
   useEffect(() => {
@@ -167,16 +169,21 @@ export default function ConversationScreen() {
     if (!trimmed || !address) return;
     setSending(true);
     setSendErr('');
-    const r = await send(address, b64encode(trimmed));
+    // send() in context auto-routes: group address → sendGroup, peer address → send
+    const r = await send(address, trimmed);
     setSending(false);
     if (r >= 0) {
       setText('');
-      upsertContact(address, { lastMessage: trimmed });
+      if (!isGroupThread) upsertContact(address, { lastMessage: trimmed });
       loadHistory();
     } else {
       setSendErr('Send failed — message queued for retry.');
     }
-  }, [text, address, send, upsertContact, loadHistory]);
+  }, [text, address, send, isGroupThread, upsertContact, loadHistory]);
+
+  const onShare = useCallback(() => {
+    if (address) shareGroupInvite(address);
+  }, [address, shareGroupInvite]);
 
   const renderBubble = useCallback(({ item }: { item: BubbleMsg }) => (
     <Bubble msg={item} />
@@ -196,9 +203,17 @@ export default function ConversationScreen() {
           <Text style={S.backBtnText}>‹</Text>
         </Pressable>
         <View style={S.headerCenter}>
-          <Text style={S.headerName} numberOfLines={1}>{peerName}</Text>
+          <View style={S.headerNameRow}>
+            {isGroupThread && <Text style={S.groupHash}>#</Text>}
+            <Text style={S.headerName} numberOfLines={1}>{peerName}</Text>
+          </View>
           <Text selectable style={S.headerAddr}>{shortHex(address ?? '')}</Text>
         </View>
+        {isGroupThread && (
+          <Pressable style={({ pressed }) => [S.shareBtn, pressed && { opacity: 0.7 }]} onPress={onShare}>
+            <Text style={S.shareBtnText}>Share</Text>
+          </Pressable>
+        )}
       </View>
 
       {/* Message list */}
@@ -218,7 +233,7 @@ export default function ConversationScreen() {
         <View style={S.compose}>
           <TextInput
             style={S.composeInput}
-            placeholder="Message…"
+            placeholder={isGroupThread ? `Message #${peerName}…` : 'Message…'}
             placeholderTextColor="#4a6070"
             value={text}
             onChangeText={setText}
@@ -226,7 +241,7 @@ export default function ConversationScreen() {
             maxLength={2000}
           />
           <Pressable
-            style={({ pressed }) => [S.sendBtn, (!text.trim() || sending) && S.sendBtnDisabled, pressed && { opacity: 0.75 }]}
+            style={({ pressed }) => [S.sendBtn, isGroupThread && S.sendBtnGroup, (!text.trim() || sending) && S.sendBtnDisabled, pressed && { opacity: 0.75 }]}
             onPress={onSend}
             disabled={!text.trim() || sending}>
             <Text style={S.sendBtnText}>{sending ? '…' : '↑'}</Text>
@@ -256,8 +271,19 @@ const S = StyleSheet.create({
   backBtn: { paddingHorizontal: 8, paddingVertical: 4 },
   backBtnText: { color: '#1a7fc1', fontSize: 30, lineHeight: 34 },
   headerCenter: { flex: 1 },
-  headerName: { color: '#d8ecf8', fontSize: 16, fontWeight: '700' },
+  headerNameRow: { flexDirection: 'row', alignItems: 'center', gap: 4 },
+  groupHash: { color: '#3edba8', fontSize: 18, fontWeight: '700', lineHeight: 22 },
+  headerName: { color: '#d8ecf8', fontSize: 16, fontWeight: '700', flex: 1 },
   headerAddr: { color: '#4a6070', fontSize: 11, fontFamily: 'monospace' },
+  shareBtn: {
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderRadius: 8,
+    backgroundColor: '#1a3328',
+    borderWidth: 1,
+    borderColor: '#3edba8',
+  },
+  shareBtnText: { color: '#3edba8', fontSize: 12, fontWeight: '600' },
 
   list: { paddingHorizontal: 12, paddingVertical: 12, gap: 6, flexGrow: 1 },
 
@@ -324,6 +350,7 @@ const S = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
+  sendBtnGroup: { backgroundColor: '#1a8c6a' },
   sendBtnDisabled: { opacity: 0.35 },
   sendBtnText: { color: '#fff', fontSize: 20, fontWeight: '700' },
 });

package/ios/LxmfModule.swift

@@ -143,6 +143,31 @@ func lxmf_beacon_rpc(
     _ paramsJson: UnsafePointer<CChar>?
 ) -> Int64
 
+@_silgen_name("lxmf_create_group")
+func lxmf_create_group(
+    _ name: UnsafePointer<CChar>?,
+    _ keyHex: UnsafePointer<CChar>?,
+    _ outAddrBuf: UnsafeMutablePointer<UInt8>?,
+    _ outAddrLen: Int
+) -> Int32
+
+@_silgen_name("lxmf_join_group")
+func lxmf_join_group(
+    _ addrHex: UnsafePointer<CChar>?,
+    _ keyHex: UnsafePointer<CChar>?
+) -> Int32
+
+@_silgen_name("lxmf_leave_group")
+func lxmf_leave_group(_ addrHex: UnsafePointer<CChar>?) -> Int32
+
+@_silgen_name("lxmf_send_group")
+func lxmf_send_group(
+    _ addrHex: UnsafePointer<CChar>?,
+    _ bodyPtr: UnsafePointer<UInt8>?,
+    _ bodyLen: Int,
+    _ fieldsJson: UnsafePointer<CChar>?
+) -> Int64
+
 
 public class LxmfModule: Module {
     // Shared JSON buffer for FFI calls (64KB)
@@ -381,6 +406,52 @@ public class LxmfModule: Module {
         Function("pairNusRNode") { (identifier: String) -> Bool in
             return self.bleManager.connectRNode(identifier)
         }
+
+        // --- Group Chat ---
+
+        Function("createGroup") { (name: String, keyHex: String) -> String in
+            var addrBuf = [UInt8](repeating: 0, count: 33)
+            let rc = name.withCString { namePtr in
+                keyHex.withCString { keyPtr in
+                    lxmf_create_group(namePtr, keyPtr, &addrBuf, 33)
+                }
+            }
+            guard rc == 0 else { throw NSError(domain: "LxmfGroup", code: -1) }
+            return String(bytes: addrBuf.prefix(while: { $0 != 0 }), encoding: .utf8) ?? ""
+        }
+
+        Function("joinGroup") { (addrHex: String, keyHex: String) -> Bool in
+            let rc = addrHex.withCString { addrPtr in
+                keyHex.withCString { keyPtr in
+                    lxmf_join_group(addrPtr, keyPtr)
+                }
+            }
+            return rc == 0
+        }
+
+        Function("leaveGroup") { (addrHex: String) -> Bool in
+            let rc = addrHex.withCString { lxmf_leave_group($0) }
+            return rc == 0
+        }
+
+        AsyncFunction("sendGroup") { (addrHex: String, bodyBase64: String, fieldsJson: String?) -> Double in
+            guard let bodyData = Data(base64Encoded: bodyBase64) else {
+                throw NSError(domain: "LxmfGroup", code: -2, userInfo: [NSLocalizedDescriptionKey: "invalid base64 body"])
+            }
+            let seq = addrHex.withCString { addrPtr in
+                bodyData.withUnsafeBytes { bodyBuf -> Int64 in
+                    guard let bodyPtr = bodyBuf.baseAddress?.assumingMemoryBound(to: UInt8.self) else { return -1 }
+                    if let fields = fieldsJson {
+                        return fields.withCString { fieldsPtr in
+                            lxmf_send_group(addrPtr, bodyPtr, bodyData.count, fieldsPtr)
+                        }
+                    }
+                    return lxmf_send_group(addrPtr, bodyPtr, bodyData.count, nil)
+                }
+            }
+            if seq < 0 { throw NSError(domain: "LxmfGroup", code: -3) }
+            return Double(seq)
+        }
     }
 
     // MARK: - Polling

package/ios/RustCore/liblxmf_rn.xcframework/Info.plist

@@ -8,32 +8,32 @@
 			<key>BinaryPath</key>
 			<string>liblxmf_rn.a</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_x86_64-simulator</string>
+			<string>ios-arm64</string>
 			<key>LibraryPath</key>
 			<string>liblxmf_rn.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>liblxmf_rn.a</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64</string>
+			<string>ios-arm64_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>liblxmf_rn.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicred-1/react-native-lxmf",
-  "version": "0.2.44",
+  "version": "0.2.47",
   "description": "LXMF Reticulum mesh networking for React Native + Expo",
   "main": "build/index.js",
   "types": "build/index.d.ts",