@ethora/chat-component-rn 26.7.2 → 26.7.4

package/src/hooks/useComposing.tsx

@@ -1,4 +1,5 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
+import { AppState, AppStateStatus } from 'react-native';
 import { useXmppClient } from '../context/xmppProvider';
 import { useSelector } from 'react-redux';
 import { RootState } from '../roomStore';
@@ -9,8 +10,16 @@ const useComposing = (config?: IConfig) => {
   const { client } = useXmppClient();
   const { activeRoomJID } = useSelector((state: RootState) => state.rooms);
   const { user } = useChatSettingState();
+  // RN keeps a focused TextInput focused when the app is backgrounded or
+  // the device is locked — nothing fires `onBlur`, so without this the
+  // other participant sees "typing…" for as long as the user is away.
+  // Tracks whether the input is *currently* focused, independent of the
+  // foreground/background transition, so we know whether to resume
+  // composing on return.
+  const isFocusedRef = useRef(false);
 
   const sendStartComposing = useCallback(() => {
+    isFocusedRef.current = true;
     if (config?.disableTypingIndicator) {
       return;
     }
@@ -24,6 +33,7 @@ const useComposing = (config?: IConfig) => {
   }, [activeRoomJID, client, config?.disableTypingIndicator, user.firstName, user.lastName]);
 
   const sendEndComposing = useCallback(() => {
+    isFocusedRef.current = false;
     if (config?.disableTypingIndicator) {
       return;
     }
@@ -44,6 +54,32 @@ const useComposing = (config?: IConfig) => {
     return () => clearTimeout(timerId);
   }, [sendEndComposing]);
 
+  // Foreground/background transition only — a pause in typing must NOT
+  // clear the indicator (that would flicker for a slowly-composing user),
+  // so this deliberately does not hook keystroke/idle timing at all.
+  useEffect(() => {
+    const handleAppStateChange = (nextState: AppStateStatus) => {
+      if (nextState !== 'active') {
+        if (isFocusedRef.current && !config?.disableTypingIndicator && client) {
+          client.sendTypingRequestStanza(
+            activeRoomJID || '',
+            `${user.firstName} ${user.lastName}`,
+            false
+          );
+        }
+      } else if (isFocusedRef.current && !config?.disableTypingIndicator && client) {
+        client.sendTypingRequestStanza(
+          activeRoomJID || '',
+          `${user.firstName} ${user.lastName}`,
+          true
+        );
+      }
+    };
+
+    const subscription = AppState.addEventListener('change', handleAppStateChange);
+    return () => subscription.remove();
+  }, [activeRoomJID, client, config?.disableTypingIndicator, user.firstName, user.lastName]);
+
   return { sendStartComposing, sendEndComposing };
 };
 

package/src/hooks/useSendMessage.tsx

@@ -10,7 +10,7 @@ import {
   markMessageFailed,
 } from '../roomStore/roomHeapSlice';
 import { uploadFileV2 } from '../networking/api-requests/auth.api';
-import { enqueueOutboundSend } from '../networking/outboundQueue';
+import { enqueueOutboundSend, removeOutboundSend } from '../networking/outboundQueue';
 import { RootState, store } from '../roomStore';
 import { getGlobalXmppClient } from '../utils/clientRegistry';
 import { useEventHandlers } from './useEventHandlers';
@@ -214,6 +214,13 @@ export const useSendMessage = (_configOverride?: IConfig) => {
           console.warn(
             `Send watchdog fired — message ${optimisticId} stuck pending > ${PENDING_WATCHDOG_MS}ms; marking failed`
           );
+          // Drop the buffered replay now that the bubble is showing
+          // "failed / tap to retry" — a later onOnline flush must not
+          // silently resend it behind the user's back. If the original
+          // send actually lands after this point, the server echo still
+          // flips the bubble back to delivered (newMessageMidlleware);
+          // only an explicit tap-to-retry should trigger another send.
+          removeOutboundSend(optimisticId);
           dispatch(
             markMessageFailed({
               kind: 'text',
@@ -308,6 +315,9 @@ export const useSendMessage = (_configOverride?: IConfig) => {
         });
       } catch (error) {
         clearTimeout(watchdogTimer);
+        // Same reasoning as the watchdog: once the bubble shows failed,
+        // only an explicit tap-to-retry should resend it.
+        removeOutboundSend(optimisticId);
         dispatch(
           markMessageFailed({
             kind: 'text',
@@ -454,6 +464,10 @@ export const useSendMessage = (_configOverride?: IConfig) => {
           console.warn(
             `Media-send watchdog fired — ${id} stuck pending > ${PENDING_WATCHDOG_MS}ms; marking failed`
           );
+          // See the text-send watchdog above: drop the buffered replay so
+          // a later onOnline flush can't silently resend behind the
+          // "failed / tap to retry" bubble.
+          removeOutboundSend(id);
           dispatch(
             markMessageFailed({
               kind: 'media',
@@ -661,6 +675,22 @@ export const useSendMessage = (_configOverride?: IConfig) => {
     async (failedId: string) => {
       const payload = failedMessages[failedId];
       if (!payload) {return;}
+
+      // The server may have accepted the original send even though its
+      // echo arrived too late to beat the watchdog — the bubble shows
+      // failed, but a confirmed (non-pending) copy is already sitting in
+      // the room. Resending here would deliver a genuine duplicate; just
+      // clear the failure and let the existing copy stand.
+      const roomMsgs = rooms?.[payload.roomJID]?.messages || [];
+      const alreadyDelivered = roomMsgs.some(
+        (m: any) =>
+          !m.pending && (m.id === failedId || m.xmppId === failedId)
+      );
+      if (alreadyDelivered) {
+        dispatch(clearMessageFailure(failedId));
+        return;
+      }
+
       dispatch(clearMessageFailure(failedId));
       handleMessageRetry({
         messageId: failedId,
@@ -690,7 +720,7 @@ export const useSendMessage = (_configOverride?: IConfig) => {
         );
       }
     },
-    [failedMessages, dispatch, handleMessageRetry, sendMessage, sendMedia]
+    [failedMessages, rooms, dispatch, handleMessageRetry, sendMessage, sendMedia]
   );
 
   // ChatRoom/ThreadWrapper consume this as the "edit branch" of send.

package/src/hooks/useUnreadMessagesCounter.ts

@@ -11,6 +11,12 @@ interface UnreadMessagesStats {
   totalCount: number;
   unreadByRoom: UnreadMessagesMap;
   isLoading: boolean;
+  // True while at least one room's unread count could still be a floor
+  // rather than the true total — the history-preload scheduler paged back
+  // as far as its catch-up budget allows without finding the read
+  // boundary. Lets a host show "99+"-style affordances honestly instead of
+  // implying an exact count it can't back up.
+  isCapped: boolean;
 }
 
 export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
@@ -35,6 +41,7 @@ export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
   const rooms = roomsState.rooms;
   const unreadByRoom: UnreadMessagesMap = {};
   let totalCount = 0;
+  let isCapped = false;
 
   Object.entries(rooms).forEach(([roomJid, room]: [string, IRoom]) => {
     const unreadCount = room.unreadMessages || 0;
@@ -42,6 +49,9 @@ export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
       unreadByRoom[roomJid] = unreadCount;
       totalCount += unreadCount;
     }
+    if ((room as any)?.unreadCapped) {
+      isCapped = true;
+    }
   });
 
   return {
@@ -49,6 +59,7 @@ export const useUnreadMessagesCounter = (): UnreadMessagesStats => {
     totalCount,
     unreadByRoom,
     isLoading: !!roomsState.isUnreadSyncing || !!roomsState.isLoading,
+    isCapped,
   };
 };
 

package/src/i18n/strings.ts

@@ -15,6 +15,8 @@ export type UiStringTable = Record<string, string>;
 
 const en: UiStringTable = {
   'search.placeholder': 'Search...',
+  'search.members': 'Search members',
+  'search.noResults': 'Nobody found',
   'input.placeholder': 'Type message',
   'room.created': 'Room created',
   'room.empty': 'This chat is empty',
@@ -89,6 +91,10 @@ const en: UiStringTable = {
   'action.add': 'Add',
   'action.backToCreation': 'Back to creation',
   'action.report': 'Report',
+  'action.search': 'Search',
+  'action.edit': 'Edit',
+  'action.deleteAndLeave': 'Delete and Leave',
+  'status.banned': 'banned',
   'status.connecting': 'Connecting…',
   'status.noInternet': 'No internet connection',
   'translation.translating': 'Translating…',
@@ -100,7 +106,10 @@ const en: UiStringTable = {
   'translation.modeManual': 'Manual',
   'language.select': 'Select language',
   'modal.newChat.title': 'Create New Chat',
-  'modal.newChat.roomNamePlaceholder': 'Enter Room Name',
+  'modal.newChat.roomNamePlaceholder': 'Chat name',
+  'modal.newChat.descriptionPlaceholder': 'Description (optional)',
+  'modal.newChat.createButton': 'Create new chat',
+  'modal.newChat.nameTooShort': 'Chat name must be at least 3 characters.',
   'modal.newChat.chatTypePlaceholder': 'Select chat type',
   'modal.newChat.selectUsersTitle': 'Select users to add to Chat',
   'modal.selectUsers.title': 'Select Users (max 20)',
@@ -142,6 +151,8 @@ const en: UiStringTable = {
   'action.call': 'Call',
   'action.audioCall': 'Audio call',
   'action.copyUserId': 'Copy User Id',
+  'action.account': 'Account',
+  'action.share': 'Share',
   'action.deleteChat': 'Delete chat',
   'action.appointAsAdmin': 'Appoint as an admin',
   'action.moreOptions': 'More Options',
@@ -160,12 +171,21 @@ const en: UiStringTable = {
   'auth.anonymousLoginMessage': 'You are logged in anonymously!',
   'modal.profile.title': 'Profile',
   'modal.profile.about': 'About',
+  'modal.profile.language': 'Language',
+  'modal.profile.media': 'Media',
+  'modal.profile.documents': 'Documents',
+  'modal.profile.noFiles': 'Nothing here yet',
   'modal.profile.noDescription': 'No description',
   'modal.chatProfile.title': 'Chat Profile',
   'modal.chatProfile.description': 'Description',
   'modal.chatProfile.chatType': 'Chat type',
   'modal.chatProfile.memberCountSingular': '{count} member',
   'modal.chatProfile.memberCountPlural': '{count} members',
+  'modal.chatProfile.addMembers': 'Add Members',
+  'modal.chatProfile.removePhoto': 'Remove photo',
+  'modal.chatProfile.membersLabel': 'Members: {count}',
+  'modal.chatProfile.membersUnavailable': 'Member list unavailable',
+  'modal.chatProfile.removeMember': 'Remove from this chat?',
   'modal.deleteChat.title': 'Delete this chat ?',
   'modal.addMembers.title': 'Add New Member',
   'modal.addMembers.userIdPlaceholder': 'Enter User Id',
@@ -223,6 +243,8 @@ const en: UiStringTable = {
 
 const fr: UiStringTable = {
   'search.placeholder': 'Rechercher...',
+  'search.members': 'Rechercher des membres',
+  'search.noResults': 'Personne trouvée',
   'input.placeholder': 'Écrire un message',
   'room.created': 'Salon créé',
   'room.empty': 'Ce salon est vide',
@@ -297,6 +319,10 @@ const fr: UiStringTable = {
   'action.add': 'Ajouter',
   'action.backToCreation': 'Retour à la création',
   'action.report': 'Signaler',
+  'action.search': 'Rechercher',
+  'action.edit': 'Modifier',
+  'action.deleteAndLeave': 'Supprimer et quitter',
+  'status.banned': 'banni',
   'status.connecting': 'Connexion…',
   'status.noInternet': 'Pas de connexion internet',
   'translation.translating': 'Traduction…',
@@ -309,6 +335,9 @@ const fr: UiStringTable = {
   'language.select': 'Choisir la langue',
   'modal.newChat.title': 'Créer une discussion',
   'modal.newChat.roomNamePlaceholder': 'Nom du salon',
+  'modal.newChat.descriptionPlaceholder': 'Description (facultatif)',
+  'modal.newChat.createButton': 'Créer la discussion',
+  'modal.newChat.nameTooShort': 'Le nom doit contenir au moins 3 caractères.',
   'modal.newChat.chatTypePlaceholder': 'Choisir le type de discussion',
   'modal.newChat.selectUsersTitle': 'Sélectionner des utilisateurs à ajouter',
   'modal.selectUsers.title': 'Sélectionner des utilisateurs (max 20)',
@@ -350,6 +379,8 @@ const fr: UiStringTable = {
   'action.call': 'Appeler',
   'action.audioCall': 'Appel audio',
   'action.copyUserId': "Copier l'ID utilisateur",
+  'action.account': 'Compte',
+  'action.share': 'Partager',
   'action.deleteChat': 'Supprimer la discussion',
   'action.appointAsAdmin': 'Nommer administrateur',
   'action.moreOptions': "Plus d'options",
@@ -368,12 +399,21 @@ const fr: UiStringTable = {
   'auth.anonymousLoginMessage': 'Vous êtes connecté anonymement !',
   'modal.profile.title': 'Profil',
   'modal.profile.about': 'À propos',
+  'modal.profile.language': 'Langue',
+  'modal.profile.media': 'Médias',
+  'modal.profile.documents': 'Documents',
+  'modal.profile.noFiles': 'Rien pour le moment',
   'modal.profile.noDescription': 'Aucune description',
   'modal.chatProfile.title': 'Profil de la discussion',
   'modal.chatProfile.description': 'Description',
   'modal.chatProfile.chatType': 'Type de discussion',
   'modal.chatProfile.memberCountSingular': '{count} membre',
   'modal.chatProfile.memberCountPlural': '{count} membres',
+  'modal.chatProfile.addMembers': 'Ajouter des membres',
+  'modal.chatProfile.removePhoto': 'Supprimer la photo',
+  'modal.chatProfile.membersLabel': 'Membres : {count}',
+  'modal.chatProfile.membersUnavailable': 'Liste des membres indisponible',
+  'modal.chatProfile.removeMember': 'Retirer de cette discussion ?',
   'modal.deleteChat.title': 'Supprimer cette discussion ?',
   'modal.addMembers.title': 'Ajouter un nouveau membre',
   'modal.addMembers.userIdPlaceholder': "Entrez l'ID utilisateur",
@@ -431,6 +471,8 @@ const fr: UiStringTable = {
 
 const es: UiStringTable = {
   'search.placeholder': 'Buscar...',
+  'search.members': 'Buscar miembros',
+  'search.noResults': 'No se encontró a nadie',
   'input.placeholder': 'Escribe un mensaje',
   'room.created': 'Sala creada',
   'room.empty': 'Este chat está vacío',
@@ -505,6 +547,10 @@ const es: UiStringTable = {
   'action.add': 'Añadir',
   'action.backToCreation': 'Volver a la creación',
   'action.report': 'Reportar',
+  'action.search': 'Buscar',
+  'action.edit': 'Editar',
+  'action.deleteAndLeave': 'Eliminar y salir',
+  'status.banned': 'bloqueado',
   'status.connecting': 'Conectando…',
   'status.noInternet': 'Sin conexión a internet',
   'translation.translating': 'Traduciendo…',
@@ -517,6 +563,9 @@ const es: UiStringTable = {
   'language.select': 'Seleccionar idioma',
   'modal.newChat.title': 'Crear nuevo chat',
   'modal.newChat.roomNamePlaceholder': 'Nombre de la sala',
+  'modal.newChat.descriptionPlaceholder': 'Descripción (opcional)',
+  'modal.newChat.createButton': 'Crear chat',
+  'modal.newChat.nameTooShort': 'El nombre debe tener al menos 3 caracteres.',
   'modal.newChat.chatTypePlaceholder': 'Selecciona el tipo de chat',
   'modal.newChat.selectUsersTitle': 'Selecciona usuarios para añadir al chat',
   'modal.selectUsers.title': 'Seleccionar usuarios (máx. 20)',
@@ -558,6 +607,8 @@ const es: UiStringTable = {
   'action.call': 'Llamar',
   'action.audioCall': 'Llamada de audio',
   'action.copyUserId': 'Copiar ID de usuario',
+  'action.account': 'Cuenta',
+  'action.share': 'Compartir',
   'action.deleteChat': 'Eliminar chat',
   'action.appointAsAdmin': 'Nombrar administrador',
   'action.moreOptions': 'Más opciones',
@@ -576,12 +627,21 @@ const es: UiStringTable = {
   'auth.anonymousLoginMessage': '¡Has iniciado sesión de forma anónima!',
   'modal.profile.title': 'Perfil',
   'modal.profile.about': 'Acerca de',
+  'modal.profile.language': 'Idioma',
+  'modal.profile.media': 'Multimedia',
+  'modal.profile.documents': 'Documentos',
+  'modal.profile.noFiles': 'Todavía no hay nada',
   'modal.profile.noDescription': 'Sin descripción',
   'modal.chatProfile.title': 'Perfil del chat',
   'modal.chatProfile.description': 'Descripción',
   'modal.chatProfile.chatType': 'Tipo de chat',
   'modal.chatProfile.memberCountSingular': '{count} miembro',
   'modal.chatProfile.memberCountPlural': '{count} miembros',
+  'modal.chatProfile.addMembers': 'Añadir miembros',
+  'modal.chatProfile.removePhoto': 'Quitar la foto',
+  'modal.chatProfile.membersLabel': 'Miembros: {count}',
+  'modal.chatProfile.membersUnavailable': 'Lista de miembros no disponible',
+  'modal.chatProfile.removeMember': '¿Quitar de este chat?',
   'modal.deleteChat.title': '¿Eliminar este chat?',
   'modal.addMembers.title': 'Añadir nuevo miembro',
   'modal.addMembers.userIdPlaceholder': 'Introduce el ID de usuario',
@@ -639,6 +699,8 @@ const es: UiStringTable = {
 
 const pt: UiStringTable = {
   'search.placeholder': 'Pesquisar...',
+  'search.members': 'Pesquisar membros',
+  'search.noResults': 'Ninguém encontrado',
   'input.placeholder': 'Escreva uma mensagem',
   'room.created': 'Sala criada',
   'room.empty': 'Este chat está vazio',
@@ -713,6 +775,10 @@ const pt: UiStringTable = {
   'action.add': 'Adicionar',
   'action.backToCreation': 'Voltar à criação',
   'action.report': 'Denunciar',
+  'action.search': 'Pesquisar',
+  'action.edit': 'Editar',
+  'action.deleteAndLeave': 'Eliminar e sair',
+  'status.banned': 'banido',
   'status.connecting': 'A ligar…',
   'status.noInternet': 'Sem ligação à internet',
   'translation.translating': 'A traduzir…',
@@ -725,6 +791,9 @@ const pt: UiStringTable = {
   'language.select': 'Selecionar idioma',
   'modal.newChat.title': 'Criar novo chat',
   'modal.newChat.roomNamePlaceholder': 'Nome da sala',
+  'modal.newChat.descriptionPlaceholder': 'Descrição (opcional)',
+  'modal.newChat.createButton': 'Criar conversa',
+  'modal.newChat.nameTooShort': 'O nome deve ter pelo menos 3 caracteres.',
   'modal.newChat.chatTypePlaceholder': 'Selecione o tipo de chat',
   'modal.newChat.selectUsersTitle': 'Selecione utilizadores para adicionar ao chat',
   'modal.selectUsers.title': 'Selecionar utilizadores (máx. 20)',
@@ -766,6 +835,8 @@ const pt: UiStringTable = {
   'action.call': 'Ligar',
   'action.audioCall': 'Chamada de áudio',
   'action.copyUserId': 'Copiar ID do utilizador',
+  'action.account': 'Conta',
+  'action.share': 'Partilhar',
   'action.deleteChat': 'Eliminar chat',
   'action.appointAsAdmin': 'Nomear administrador',
   'action.moreOptions': 'Mais opções',
@@ -784,12 +855,21 @@ const pt: UiStringTable = {
   'auth.anonymousLoginMessage': 'Iniciou sessão anonimamente!',
   'modal.profile.title': 'Perfil',
   'modal.profile.about': 'Sobre',
+  'modal.profile.language': 'Idioma',
+  'modal.profile.media': 'Multimédia',
+  'modal.profile.documents': 'Documentos',
+  'modal.profile.noFiles': 'Ainda não há nada aqui',
   'modal.profile.noDescription': 'Sem descrição',
   'modal.chatProfile.title': 'Perfil do chat',
   'modal.chatProfile.description': 'Descrição',
   'modal.chatProfile.chatType': 'Tipo de chat',
   'modal.chatProfile.memberCountSingular': '{count} membro',
   'modal.chatProfile.memberCountPlural': '{count} membros',
+  'modal.chatProfile.addMembers': 'Adicionar membros',
+  'modal.chatProfile.removePhoto': 'Remover foto',
+  'modal.chatProfile.membersLabel': 'Membros: {count}',
+  'modal.chatProfile.membersUnavailable': 'Lista de membros indisponível',
+  'modal.chatProfile.removeMember': 'Remover deste chat?',
   'modal.deleteChat.title': 'Eliminar este chat?',
   'modal.addMembers.title': 'Adicionar novo membro',
   'modal.addMembers.userIdPlaceholder': 'Introduza o ID do utilizador',
@@ -847,6 +927,8 @@ const pt: UiStringTable = {
 
 const ht: UiStringTable = {
   'search.placeholder': 'Chèche...',
+  'search.members': 'Chèche manm',
+  'search.noResults': 'Pa jwenn pèsonn',
   'input.placeholder': 'Ekri yon mesaj',
   'room.created': 'Sal la kreye',
   'room.empty': 'Chat sa a vid',
@@ -921,6 +1003,10 @@ const ht: UiStringTable = {
   'action.add': 'Ajoute',
   'action.backToCreation': 'Retounen nan kreyasyon',
   'action.report': 'Rapòte',
+  'action.search': 'Chèche',
+  'action.edit': 'Modifye',
+  'action.deleteAndLeave': 'Efase epi kite',
+  'status.banned': 'bloke',
   'status.connecting': 'Koneksyon…',
   'status.noInternet': 'Pa gen koneksyon entènèt',
   'translation.translating': 'Ap tradui…',
@@ -933,6 +1019,9 @@ const ht: UiStringTable = {
   'language.select': 'Chwazi lang',
   'modal.newChat.title': 'Kreye yon nouvo chat',
   'modal.newChat.roomNamePlaceholder': 'Antre non sal la',
+  'modal.newChat.descriptionPlaceholder': 'Deskripsyon (opsyonèl)',
+  'modal.newChat.createButton': 'Kreye chat la',
+  'modal.newChat.nameTooShort': 'Non an dwe gen omwen 3 karaktè.',
   'modal.newChat.chatTypePlaceholder': 'Chwazi tip chat la',
   'modal.newChat.selectUsersTitle': 'Chwazi itilizatè pou ajoute nan chat la',
   'modal.selectUsers.title': 'Chwazi itilizatè (maksimòm 20)',
@@ -974,6 +1063,8 @@ const ht: UiStringTable = {
   'action.call': 'Rele',
   'action.audioCall': 'Apèl odyo',
   'action.copyUserId': 'Kopye ID itilizatè a',
+  'action.account': 'Kont',
+  'action.share': 'Pataje',
   'action.deleteChat': 'Efase chat la',
   'action.appointAsAdmin': 'Nonmen kòm administratè',
   'action.moreOptions': 'Plis opsyon',
@@ -992,12 +1083,21 @@ const ht: UiStringTable = {
   'auth.anonymousLoginMessage': 'Ou konekte anonim!',
   'modal.profile.title': 'Pwofil',
   'modal.profile.about': 'Konsènan',
+  'modal.profile.language': 'Lang',
+  'modal.profile.media': 'Medya',
+  'modal.profile.documents': 'Dokiman',
+  'modal.profile.noFiles': 'Poko gen anyen',
   'modal.profile.noDescription': 'Pa gen deskripsyon',
   'modal.chatProfile.title': 'Pwofil chat la',
   'modal.chatProfile.description': 'Deskripsyon',
   'modal.chatProfile.chatType': 'Tip chat',
   'modal.chatProfile.memberCountSingular': '{count} manm',
   'modal.chatProfile.memberCountPlural': '{count} manm',
+  'modal.chatProfile.addMembers': 'Ajoute manm',
+  'modal.chatProfile.removePhoto': 'Retire foto a',
+  'modal.chatProfile.membersLabel': 'Manm: {count}',
+  'modal.chatProfile.membersUnavailable': 'Lis manm yo pa disponib',
+  'modal.chatProfile.removeMember': 'Retire nan chat sa a?',
   'modal.deleteChat.title': 'Efase chat sa a?',
   'modal.addMembers.title': 'Ajoute yon nouvo manm',
   'modal.addMembers.userIdPlaceholder': 'Antre ID itilizatè a',
@@ -1055,6 +1155,8 @@ const ht: UiStringTable = {
 
 const zh: UiStringTable = {
   'search.placeholder': '搜索...',
+  'search.members': '搜索成员',
+  'search.noResults': '未找到成员',
   'input.placeholder': '输入消息',
   'room.created': '聊天室已创建',
   'room.empty': '此聊天为空',
@@ -1129,6 +1231,10 @@ const zh: UiStringTable = {
   'action.add': '添加',
   'action.backToCreation': '返回创建',
   'action.report': '举报',
+  'action.search': '搜索',
+  'action.edit': '编辑',
+  'action.deleteAndLeave': '删除并退出',
+  'status.banned': '已封禁',
   'status.connecting': '连接中…',
   'status.noInternet': '无网络连接',
   'translation.translating': '翻译中…',
@@ -1141,6 +1247,9 @@ const zh: UiStringTable = {
   'language.select': '选择语言',
   'modal.newChat.title': '创建新聊天',
   'modal.newChat.roomNamePlaceholder': '输入聊天室名称',
+  'modal.newChat.descriptionPlaceholder': '描述（可选）',
+  'modal.newChat.createButton': '创建聊天',
+  'modal.newChat.nameTooShort': '名称至少需要 3 个字符。',
   'modal.newChat.chatTypePlaceholder': '选择聊天类型',
   'modal.newChat.selectUsersTitle': '选择要添加到聊天的用户',
   'modal.selectUsers.title': '选择用户（最多 20 个）',
@@ -1182,6 +1291,8 @@ const zh: UiStringTable = {
   'action.call': '通话',
   'action.audioCall': '语音通话',
   'action.copyUserId': '复制用户 ID',
+  'action.account': '账户',
+  'action.share': '分享',
   'action.deleteChat': '删除聊天',
   'action.appointAsAdmin': '设为管理员',
   'action.moreOptions': '更多选项',
@@ -1200,12 +1311,21 @@ const zh: UiStringTable = {
   'auth.anonymousLoginMessage': '您已匿名登录！',
   'modal.profile.title': '个人资料',
   'modal.profile.about': '简介',
+  'modal.profile.language': '语言',
+  'modal.profile.media': '媒体',
+  'modal.profile.documents': '文件',
+  'modal.profile.noFiles': '这里还没有内容',
   'modal.profile.noDescription': '暂无简介',
   'modal.chatProfile.title': '聊天资料',
   'modal.chatProfile.description': '描述',
   'modal.chatProfile.chatType': '聊天类型',
   'modal.chatProfile.memberCountSingular': '{count} 位成员',
   'modal.chatProfile.memberCountPlural': '{count} 位成员',
+  'modal.chatProfile.addMembers': '添加成员',
+  'modal.chatProfile.removePhoto': '移除图片',
+  'modal.chatProfile.membersLabel': '成员：{count}',
+  'modal.chatProfile.membersUnavailable': '成员列表不可用',
+  'modal.chatProfile.removeMember': '将其移出该聊天？',
   'modal.deleteChat.title': '删除此聊天？',
   'modal.addMembers.title': '添加新成员',
   'modal.addMembers.userIdPlaceholder': '输入用户 ID',

package/src/networking/api-requests/user.api.ts

@@ -74,3 +74,74 @@ export async function updateProfile(fd: FormData): Promise<{ user: User }> {
     throw new Error('Error updating profile');
   }
 }
+
+/** One entry of `GET /v2/files/`, normalised for the UI. */
+export interface UserFile {
+  id: string;
+  name: string;
+  url: string;
+  mimetype: string;
+  createdAt?: string;
+  size?: number;
+}
+
+/**
+ * Files uploaded by the signed-in user (the JWT owner) — the profile
+ * screen's Media and Documents tabs.
+ *
+ * v2 answers `{ results, pagination }` and, for backward compatibility,
+ * also `{ limit, offset, total, items }`; older deployments only have the
+ * legacy shape. Read whichever is there instead of betting on one. Field
+ * names vary the same way between deployments (`location` vs `locations[]`,
+ * `originalname` vs `filename`), so each one falls through its aliases and
+ * anything without a usable URL is dropped rather than rendered as a dead
+ * row.
+ */
+export async function getUserFiles(options?: {
+  limit?: number;
+  offset?: number;
+}): Promise<UserFile[]> {
+  const token = store.getState().chatSettingStore.user.token || '';
+  const response = await http.get('/v2/files/', {
+    params: {
+      limit: options?.limit ?? 100,
+      offset: options?.offset ?? 0,
+    },
+    headers: { Authorization: token },
+  });
+
+  const payload = response?.data ?? {};
+  const rows: any[] = payload.results ?? payload.items ?? [];
+
+  return rows
+    .map((row: any): UserFile | null => {
+      const url = row?.location || row?.locations?.[0] || row?.url || '';
+      if (!url) {return null;}
+      return {
+        id: String(row?._id ?? row?.id ?? url),
+        name:
+          row?.originalname ||
+          row?.filename ||
+          row?.documentName ||
+          row?.name ||
+          url.split('/').pop() ||
+          'file',
+        url,
+        mimetype: row?.mimetype || row?.mimeType || row?.type || '',
+        createdAt: row?.createdAt || row?.updatedAt,
+        size: typeof row?.size === 'number' ? row.size : undefined,
+      };
+    })
+    .filter(Boolean) as UserFile[];
+}
+
+/** Images and video go to the Media tab, everything else to Documents. */
+export const isMediaFile = (file: UserFile): boolean => {
+  const mime = (file.mimetype || '').toLowerCase();
+  if (mime.startsWith('image/') || mime.startsWith('video/')) {return true;}
+  if (mime) {return false;}
+  // Deployments that don't store a mimetype still name the file.
+  return /\.(jpe?g|png|gif|webp|heic|heif|mp4|mov|m4v|3gp|avi|mkv)$/i.test(
+    file.name
+  );
+};

package/src/networking/xmpp/flushLastViewedToPrivateStore.ts

@@ -12,6 +12,14 @@ interface FlushOpts {
   // up to now" and stamp it with Date.now() — even if its in-memory
   // lastViewedTimestamp has not been updated yet.
   visibleRoomJID?: string | null;
+  // Explicit read boundary for the visible room, used INSTEAD of
+  // Date.now(). ChatRoom passes the timestamp of the newest message the
+  // user actually reached when they leave a room while scrolled up —
+  // without it, the Date.now() default writes "read everything" to the
+  // server and the messages they never scrolled down to come back as
+  // read on the next login, even though the local count was correct.
+  // Customer-reported #33 (server half).
+  visibleRoomTs?: number | null;
   // If true, only write entries for rooms where unreadMessages === 0
   // (or the visible room). Used at logout time: rooms with outstanding
   // unread keep their old marker so the next login still surfaces them.
@@ -34,7 +42,7 @@ export async function flushLastViewedToPrivateStore(
   opts: FlushOpts = {}
 ): Promise<boolean> {
   if (!client?.client) {return false;}
-  const { visibleRoomJID, onlyIfNoUnread } = opts;
+  const { visibleRoomJID, visibleRoomTs, onlyIfNoUnread } = opts;
   const roomList = Object.values(rooms || {});
   if (roomList.length === 0) {return false;}
 
@@ -55,10 +63,16 @@ export async function flushLastViewedToPrivateStore(
     const hasUnread = Number(room.unreadMessages || 0) > 0;
 
     // For the visible room, persist "now" — read state is driven by
-    // room visibility, not by a sentinel timestamp.
+    // room visibility, not by a sentinel timestamp. The exception is an
+    // explicit `visibleRoomTs`: the caller knows the user only read up
+    // to a certain point (left the room while scrolled up), so stamping
+    // "now" here would mark genuinely-unread messages as read.
     let ts: number | undefined;
     if (isVisible) {
-      ts = nowMs;
+      ts =
+        typeof visibleRoomTs === 'number' && visibleRoomTs > 0
+          ? visibleRoomTs
+          : nowMs;
     } else if (room.lastViewedTimestamp && room.lastViewedTimestamp > 0) {
       ts = room.lastViewedTimestamp;
     }

package/src/networking/xmppClient.ts

@@ -1039,7 +1039,11 @@ export class XmppClient {
   // src/networking/xmpp/flushLastViewedToPrivateStore.ts for details.
   async flushLastViewedToPrivateStoreStanza(
     rooms: Record<string, any> | null | undefined,
-    opts: { visibleRoomJID?: string | null; onlyIfNoUnread?: boolean } = {}
+    opts: {
+      visibleRoomJID?: string | null;
+      visibleRoomTs?: number | null;
+      onlyIfNoUnread?: boolean;
+    } = {}
   ) {
     if (this.disableLastRead) {return false;}
     try {