@droppii-org/chat-mobile 0.2.79 → 0.2.80

package/lib/module/components/messages/quotedMessage/index.js

@@ -2,7 +2,8 @@
 
 import { memo, useCallback, useMemo } from 'react';
 import { messageStyles } from "../styles.js";
-import { formatMessageTime } from "../types.js";
+import { getTailCornerStyle } from "../bubbleTail.utils.js";
+import { BubbleTailRow } from "../BubbleTailRow.js";
 import { KColors, KContainer, KImage, KLabel, KRadiusValue, KSpacingValue } from '@droppii/libs';
 import { DeviceEventEmitter, StyleSheet } from 'react-native';
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
@@ -12,13 +13,13 @@ import { getFileIcon, getMimeType } from "../../../utils/imageUtils.js";
 import { useUserStore } from "../../../store/index.js";
 import { useChatDetailContext } from "../../../context/index.js";
 import { ChatEvent } from "../../../types/events.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const QuotedMessage = /*#__PURE__*/memo(props => {
   const {
     message,
     isOutgoing,
-    createdAtTime,
-    isHighlighted
+    isHighlighted,
+    groupPosition
   } = props || {};
   const {
     conversation
@@ -26,7 +27,6 @@ const QuotedMessage = /*#__PURE__*/memo(props => {
   const currentUserId = useUserStore(s => s.user?.userID);
   const quotedMessage = message?.quoteElem?.quoteMessage;
   const messagePreview = getMessagePreviewParts(quotedMessage);
-  const timeLabel = formatMessageTime(createdAtTime);
   const imageUrl = useMemo(() => {
     switch (quotedMessage?.contentType) {
       case MessageType.PictureMessage:
@@ -50,9 +50,11 @@ const QuotedMessage = /*#__PURE__*/memo(props => {
       clientMessageId: quotedMessage?.clientMsgID || ''
     });
   }, [quotedMessage]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(KContainer.View, {
-      style: [messageStyles.bubble, styles.container, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted],
+  return /*#__PURE__*/_jsx(BubbleTailRow, {
+    isOutgoing: isOutgoing,
+    groupPosition: groupPosition,
+    children: /*#__PURE__*/_jsxs(KContainer.View, {
+      style: [messageStyles.bubble, styles.container, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
       children: [/*#__PURE__*/_jsxs(KContainer.Touchable, {
         style: styles.quotedContainer,
         onPress: handlePressQuotedMessage,
@@ -107,17 +109,7 @@ const QuotedMessage = /*#__PURE__*/memo(props => {
         color: CHAT_BUBBLE_COLORS.text,
         children: message?.quoteElem?.text || ''
       })]
-    }), /*#__PURE__*/_jsx(KContainer.View, {
-      row: true,
-      alignItems: true,
-      style: styles.timeLabel,
-      children: !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextXsNormal",
-        color: CHAT_BUBBLE_COLORS.timestamp,
-        marginL: "0.25rem",
-        children: timeLabel
-      }) : null
-    })]
+    })
   });
 });
 QuotedMessage.displayName = 'QuotedMessage';
@@ -171,10 +163,6 @@ const styles = StyleSheet.create({
     backgroundColor: KColors.hexToRgba(KColors.black, 0.6),
     justifyContent: 'center',
     alignItems: 'center'
-  },
-  timeLabel: {
-    gap: 4,
-    marginTop: 2
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/module/components/messages/quotedMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useMemo","messageStyles","formatMessageTime","KColors","KContainer","KImage","KLabel","KRadiusValue","KSpacingValue","DeviceEventEmitter","StyleSheet","CHAT_BUBBLE_COLORS","MessageType","getMessagePreviewParts","getReplySenderName","parseUrlMetadata","getFileIcon","getMimeType","useUserStore","useChatDetailContext","ChatEvent","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","QuotedMessage","props","message","isOutgoing","createdAtTime","isHighlighted","conversation","currentUserId","s","user","userID","quotedMessage","quoteElem","quoteMessage","messagePreview","timeLabel","imageUrl","contentType","PictureMessage","pictureElem","snapshotPicture","url","VideoMessage","videoElem","snapshotUrl","UrlTextMessage","metadata","ex","image","iconSource","FileMessage","mimeType","fileElem","fileName","handlePressQuotedMessage","emit","ScrollToMessage","clientMessageId","clientMsgID","children","View","style","bubble","styles","container","bubbleSent","bubbleReceived","bubbleHighlighted","Touchable","quotedContainer","onPress","dot","VisibleView","visible","imageContainer","Base","uri","playIconContainer","playIcon","VectorIcons","name","size","color","white","icon","resizeMode","flexS","content","Text","typo","numberOfLines","gray","light","textProps","text","row","alignItems","timestamp","marginL","displayName","create","gap","backgroundColor","flexDirection","borderTopRightRadius","borderBottomRightRadius","paddingRight","maxWidth","width","height","palette","grayCool","w200","borderRadius","x","marginRight","paddingHorizontal","paddingVertical","position","top","left","right","bottom","justifyContent","padding","hexToRgba","black","marginTop"],"sourceRoot":"../../../../../src","sources":["components/messages/quotedMessage/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","useMemo","messageStyles","getTailCornerStyle","BubbleTailRow","KColors","KContainer","KImage","KLabel","KRadiusValue","KSpacingValue","DeviceEventEmitter","StyleSheet","CHAT_BUBBLE_COLORS","MessageType","getMessagePreviewParts","getReplySenderName","parseUrlMetadata","getFileIcon","getMimeType","useUserStore","useChatDetailContext","ChatEvent","jsx","_jsx","jsxs","_jsxs","QuotedMessage","props","message","isOutgoing","isHighlighted","groupPosition","conversation","currentUserId","s","user","userID","quotedMessage","quoteElem","quoteMessage","messagePreview","imageUrl","contentType","PictureMessage","pictureElem","snapshotPicture","url","VideoMessage","videoElem","snapshotUrl","UrlTextMessage","metadata","ex","image","iconSource","FileMessage","mimeType","fileElem","fileName","handlePressQuotedMessage","emit","ScrollToMessage","clientMessageId","clientMsgID","children","View","style","bubble","styles","container","bubbleSent","bubbleReceived","bubbleHighlighted","Touchable","quotedContainer","onPress","dot","VisibleView","visible","imageContainer","Base","uri","playIconContainer","playIcon","VectorIcons","name","size","color","white","icon","resizeMode","flexS","content","Text","typo","numberOfLines","gray","light","textProps","text","displayName","create","gap","backgroundColor","flexDirection","alignItems","borderTopRightRadius","borderBottomRightRadius","paddingRight","maxWidth","width","height","palette","grayCool","w200","borderRadius","x","marginRight","paddingHorizontal","paddingVertical","position","top","left","right","bottom","justifyContent","padding","hexToRgba","black"],"sourceRoot":"../../../../../src","sources":["components/messages/quotedMessage/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/messages/revokedMessage/index.js

@@ -5,16 +5,23 @@ import { KContainer, KLabel } from '@droppii/libs';
 import { trans } from "../../../translation/index.js";
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { messageStyles } from "../styles.js";
+import { getTailCornerStyle } from "../bubbleTail.utils.js";
+import { BubbleTailRow } from "../BubbleTailRow.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const RevokedMessage = /*#__PURE__*/memo(({
-  isOutgoing
+  isOutgoing,
+  groupPosition
 }) => {
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived],
-    children: /*#__PURE__*/_jsx(KLabel.Text, {
-      typo: "TextMdNormal",
-      color: CHAT_BUBBLE_COLORS.timestamp,
-      children: trans('msg_type_revoke')
+  return /*#__PURE__*/_jsx(BubbleTailRow, {
+    isOutgoing: isOutgoing,
+    groupPosition: groupPosition,
+    children: /*#__PURE__*/_jsx(KContainer.View, {
+      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, getTailCornerStyle(isOutgoing, groupPosition)],
+      children: /*#__PURE__*/_jsx(KLabel.Text, {
+        typo: "TextMdNormal",
+        color: CHAT_BUBBLE_COLORS.timestamp,
+        children: trans('msg_type_revoke')
+      })
     })
   });
 });

package/lib/module/components/messages/revokedMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","KContainer","KLabel","trans","CHAT_BUBBLE_COLORS","messageStyles","jsx","_jsx","RevokedMessage","isOutgoing","View","style","bubble","bubbleSent","bubbleReceived","children","Text","typo","color","timestamp","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/revokedMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,KAAK,QAAQ,+BAAsB;AAC5C,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG1C,OAAO,MAAMC,cAAc,gBAAGR,IAAI,CAAC,CAAC;EAAES;AAAmC,CAAC,KAAK;EAC7E,oBACEF,IAAA,CAACN,UAAU,CAACS,IAAI;IACdC,KAAK,EAAE,CACLN,aAAa,CAACO,MAAM,EACpBH,UAAU,GAAGJ,aAAa,CAACQ,UAAU,GAAGR,aAAa,CAACS,cAAc,CACpE;IAAAC,QAAA,eAEFR,IAAA,CAACL,MAAM,CAACc,IAAI;MAACC,IAAI,EAAC,cAAc;MAACC,KAAK,EAAEd,kBAAkB,CAACe,SAAU;MAAAJ,QAAA,EAClEZ,KAAK,CAAC,iBAAiB;IAAC,CACd;EAAC,CACC,CAAC;AAEtB,CAAC,CAAC;AAEFK,cAAc,CAACY,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["memo","KContainer","KLabel","trans","CHAT_BUBBLE_COLORS","messageStyles","getTailCornerStyle","BubbleTailRow","jsx","_jsx","RevokedMessage","isOutgoing","groupPosition","children","View","style","bubble","bubbleSent","bubbleReceived","Text","typo","color","timestamp","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/revokedMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,KAAK,QAAQ,+BAAsB;AAC5C,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,kBAAkB,QAAQ,wBAAqB;AACxD,SAASC,aAAa,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjD,OAAO,MAAMC,cAAc,gBAAGV,IAAI,CAChC,CAAC;EAAEW,UAAU;EAAEC;AAAsC,CAAC,KAAK;EACzD,oBACEH,IAAA,CAACF,aAAa;IAACI,UAAU,EAAEA,UAAW;IAACC,aAAa,EAAEA,aAAc;IAAAC,QAAA,eAClEJ,IAAA,CAACR,UAAU,CAACa,IAAI;MACdC,KAAK,EAAE,CACLV,aAAa,CAACW,MAAM,EACpBL,UAAU,GACNN,aAAa,CAACY,UAAU,GACxBZ,aAAa,CAACa,cAAc,EAChCZ,kBAAkB,CAACK,UAAU,EAAEC,aAAa,CAAC,CAC7C;MAAAC,QAAA,eAEFJ,IAAA,CAACP,MAAM,CAACiB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAEjB,kBAAkB,CAACkB,SAAU;QAAAT,QAAA,EAClEV,KAAK,CAAC,iBAAiB;MAAC,CACd;IAAC,CACC;EAAC,CACL,CAAC;AAEpB,CACF,CAAC;AAEDO,cAAc,CAACa,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/components/messages/stickerMessage/index.js

@@ -3,17 +3,23 @@
 import { memo } from 'react';
 import { KContainer, KImage } from '@droppii/libs';
 import { StyleSheet } from 'react-native';
+import { BubbleTailRow } from "../BubbleTailRow.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const STICKER_SIZE = 120;
 export const StickerMessage = /*#__PURE__*/memo(({
-  message
+  message,
+  isOutgoing
 }) => {
-  return /*#__PURE__*/_jsx(KContainer.View, {
-    style: styles.message,
-    children: /*#__PURE__*/_jsx(KImage.Base, {
-      uri: message?.stickerElem?.content || '',
-      width: STICKER_SIZE,
-      height: STICKER_SIZE
+  return /*#__PURE__*/_jsx(BubbleTailRow, {
+    isOutgoing: isOutgoing,
+    withTail: false,
+    children: /*#__PURE__*/_jsx(KContainer.View, {
+      style: styles.message,
+      children: /*#__PURE__*/_jsx(KImage.Base, {
+        uri: message?.stickerElem?.content || '',
+        width: STICKER_SIZE,
+        height: STICKER_SIZE
+      })
     })
   });
 });

package/lib/module/components/messages/stickerMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","KContainer","KImage","StyleSheet","jsx","_jsx","STICKER_SIZE","StickerMessage","message","View","style","styles","children","Base","uri","stickerElem","content","width","height","create","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/messages/stickerMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,OAAO,MAAMC,YAAY,GAAG,GAAG;AAC/B,OAAO,MAAMC,cAAc,gBAAGP,IAAI,CAAC,CAAC;EAAEQ;AAAgC,CAAC,KAAK;EAC1E,oBACEH,IAAA,CAACJ,UAAU,CAACQ,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACH,OAAQ;IAAAI,QAAA,eACrCP,IAAA,CAACH,MAAM,CAACW,IAAI;MACVC,GAAG,EAAEN,OAAO,EAAEO,WAAW,EAAEC,OAAO,IAAI,EAAG;MACzCC,KAAK,EAAEX,YAAa;MACpBY,MAAM,EAAEZ;IAAa,CACtB;EAAC,CACa,CAAC;AAEtB,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGR,UAAU,CAACgB,MAAM,CAAC;EAC/BX,OAAO,EAAE;IACPS,KAAK,EAAEX,YAAY;IACnBY,MAAM,EAAEZ,YAAY;IACpBc,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memo","KContainer","KImage","StyleSheet","BubbleTailRow","jsx","_jsx","STICKER_SIZE","StickerMessage","message","isOutgoing","withTail","children","View","style","styles","Base","uri","stickerElem","content","width","height","create","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["components/messages/stickerMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,OAAO,MAAMC,YAAY,GAAG,GAAG;AAC/B,OAAO,MAAMC,cAAc,gBAAGR,IAAI,CAChC,CAAC;EAAES,OAAO;EAAEC;AAAmC,CAAC,KAAK;EACnD,oBACEJ,IAAA,CAACF,aAAa;IAACM,UAAU,EAAEA,UAAW;IAACC,QAAQ,EAAE,KAAM;IAAAC,QAAA,eACrDN,IAAA,CAACL,UAAU,CAACY,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACN,OAAQ;MAAAG,QAAA,eACrCN,IAAA,CAACJ,MAAM,CAACc,IAAI;QACVC,GAAG,EAAER,OAAO,EAAES,WAAW,EAAEC,OAAO,IAAI,EAAG;QACzCC,KAAK,EAAEb,YAAa;QACpBc,MAAM,EAAEd;MAAa,CACtB;IAAC,CACa;EAAC,CACL,CAAC;AAEpB,CACF,CAAC;AAED,MAAMQ,MAAM,GAAGZ,UAAU,CAACmB,MAAM,CAAC;EAC/Bb,OAAO,EAAE;IACPW,KAAK,EAAEb,YAAY;IACnBc,MAAM,EAAEd,YAAY;IACpBgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/messages/textMessage/index.js

@@ -5,46 +5,31 @@ import { KContainer, KLabel } from '@droppii/libs';
 import { getMessageText } from "../../../utils/legendListMessage.js";
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { messageStyles } from "../styles.js";
-import { formatMessageTime } from "../types.js";
-import { StyleSheet } from 'react-native';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTailCornerStyle } from "../bubbleTail.utils.js";
+import { BubbleTailRow } from "../BubbleTailRow.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const TextMessage = /*#__PURE__*/memo(({
   message,
   isOutgoing,
-  createdAtTime,
-  isHighlighted
+  isHighlighted,
+  groupPosition
 }) => {
   const messageText = getMessageText(message);
-  const timeLabel = formatMessageTime(createdAtTime);
   if (!messageText?.trim()) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(KContainer.View, {
-      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted],
+  return /*#__PURE__*/_jsx(BubbleTailRow, {
+    isOutgoing: isOutgoing,
+    groupPosition: groupPosition,
+    children: /*#__PURE__*/_jsx(KContainer.View, {
+      style: [messageStyles.bubble, isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived, isHighlighted && messageStyles.bubbleHighlighted, getTailCornerStyle(isOutgoing, groupPosition)],
       children: /*#__PURE__*/_jsx(KLabel.Text, {
         typo: "TextMdNormal",
         color: CHAT_BUBBLE_COLORS.text,
         children: messageText
       })
-    }), /*#__PURE__*/_jsx(KContainer.View, {
-      row: true,
-      alignItems: true,
-      style: styles.timeLabel,
-      children: !isOutgoing && timeLabel ? /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextXsNormal",
-        color: CHAT_BUBBLE_COLORS.timestamp,
-        marginL: '0.25rem',
-        children: timeLabel
-      }) : null
-    })]
+    })
   });
 });
 TextMessage.displayName = 'TextMessage';
-const styles = StyleSheet.create({
-  timeLabel: {
-    gap: 4,
-    marginTop: 2
-  }
-});
 //# sourceMappingURL=index.js.map

package/lib/module/components/messages/textMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","KContainer","KLabel","getMessageText","CHAT_BUBBLE_COLORS","messageStyles","formatMessageTime","StyleSheet","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TextMessage","message","isOutgoing","createdAtTime","isHighlighted","messageText","timeLabel","trim","children","View","style","bubble","bubbleSent","bubbleReceived","bubbleHighlighted","Text","typo","color","text","row","alignItems","styles","timestamp","marginL","displayName","create","gap","marginTop"],"sourceRoot":"../../../../../src","sources":["components/messages/textMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,cAAc,QAAQ,qCAAkC;AACjE,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,iBAAiB,QAAQ,aAAU;AAE5C,SAASC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAC1C,OAAO,MAAMC,WAAW,gBAAGd,IAAI,CAC7B,CAAC;EACCe,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC;AACsB,CAAC,KAAK;EAC5B,MAAMC,WAAW,GAAGhB,cAAc,CAACY,OAAO,CAAC;EAC3C,MAAMK,SAAS,GAAGd,iBAAiB,CAACW,aAAa,CAAC;EAElD,IAAI,CAACE,WAAW,EAAEE,IAAI,CAAC,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,oBACER,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACEb,IAAA,CAACR,UAAU,CAACsB,IAAI;MACdC,KAAK,EAAE,CACLnB,aAAa,CAACoB,MAAM,EACpBT,UAAU,GACNX,aAAa,CAACqB,UAAU,GACxBrB,aAAa,CAACsB,cAAc,EAChCT,aAAa,IAAIb,aAAa,CAACuB,iBAAiB,CAChD;MAAAN,QAAA,eAEFb,IAAA,CAACP,MAAM,CAAC2B,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAE3B,kBAAkB,CAAC4B,IAAK;QAAAV,QAAA,EAC7DH;MAAW,CACD;IAAC,CACC,CAAC,eAElBV,IAAA,CAACR,UAAU,CAACsB,IAAI;MAACU,GAAG;MAACC,UAAU;MAACV,KAAK,EAAEW,MAAM,CAACf,SAAU;MAAAE,QAAA,EACrD,CAACN,UAAU,IAAII,SAAS,gBACvBX,IAAA,CAACP,MAAM,CAAC2B,IAAI;QACVC,IAAI,EAAC,cAAc;QACnBC,KAAK,EAAE3B,kBAAkB,CAACgC,SAAU;QACpCC,OAAO,EAAE,SAAU;QAAAf,QAAA,EAElBF;MAAS,CACC,CAAC,GACZ;IAAI,CACO,CAAC;EAAA,CAClB,CAAC;AAEP,CACF,CAAC;AAEDN,WAAW,CAACwB,WAAW,GAAG,aAAa;AAEvC,MAAMH,MAAM,GAAG5B,UAAU,CAACgC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IAAEoB,GAAG,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAE;AACpC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["memo","KContainer","KLabel","getMessageText","CHAT_BUBBLE_COLORS","messageStyles","getTailCornerStyle","BubbleTailRow","jsx","_jsx","TextMessage","message","isOutgoing","isHighlighted","groupPosition","messageText","trim","children","View","style","bubble","bubbleSent","bubbleReceived","bubbleHighlighted","Text","typo","color","text","displayName"],"sourceRoot":"../../../../../src","sources":["components/messages/textMessage/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,cAAc,QAAQ,qCAAkC;AACjE,SAASC,kBAAkB,QAAQ,2CAAwC;AAC3E,SAASC,aAAa,QAAQ,cAAW;AACzC,SAASC,kBAAkB,QAAQ,wBAAqB;AACxD,SAASC,aAAa,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,OAAO,MAAMC,WAAW,gBAAGV,IAAI,CAC7B,CAAC;EACCW,OAAO;EACPC,UAAU;EACVC,aAAa;EACbC;AACsB,CAAC,KAAK;EAC5B,MAAMC,WAAW,GAAGZ,cAAc,CAACQ,OAAO,CAAC;EAE3C,IAAI,CAACI,WAAW,EAAEC,IAAI,CAAC,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACF,aAAa;IAACK,UAAU,EAAEA,UAAW;IAACE,aAAa,EAAEA,aAAc;IAAAG,QAAA,eAClER,IAAA,CAACR,UAAU,CAACiB,IAAI;MACdC,KAAK,EAAE,CACLd,aAAa,CAACe,MAAM,EACpBR,UAAU,GACNP,aAAa,CAACgB,UAAU,GACxBhB,aAAa,CAACiB,cAAc,EAChCT,aAAa,IAAIR,aAAa,CAACkB,iBAAiB,EAChDjB,kBAAkB,CAACM,UAAU,EAAEE,aAAa,CAAC,CAC7C;MAAAG,QAAA,eAEFR,IAAA,CAACP,MAAM,CAACsB,IAAI;QAACC,IAAI,EAAC,cAAc;QAACC,KAAK,EAAEtB,kBAAkB,CAACuB,IAAK;QAAAV,QAAA,EAC7DF;MAAW,CACD;IAAC,CACC;EAAC,CACL,CAAC;AAEpB,CACF,CAAC;AAEDL,WAAW,CAACkB,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/components/messages/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12"],"sourceRoot":"../../../../src","sources":["components/messages/types.ts"],"mappings":";;AAWA,OAAO,MAAMA,iBAAiB,GAAIC,SAAiB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["formatMessageTime","createdAt","date","Date","Number","isNaN","getTime","toLocaleTimeString","hour","minute","hour12"],"sourceRoot":"../../../../src","sources":["components/messages/types.ts"],"mappings":";;AAcA,OAAO,MAAMA,iBAAiB,GAAIC,SAAiB,IAAK;EACtD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,SAAS,CAAC;EAChC,IAAIG,MAAM,CAACC,KAAK,CAACH,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE;IAChC,OAAO,EAAE;EACX;EAEA,OAAOJ,IAAI,CAACK,kBAAkB,CAAC,OAAO,EAAE;IACtCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE,SAAS;IACjBC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/module/components/messages/videoMessage/index.js

@@ -6,7 +6,8 @@ import { KContainer, KImage, KLabel } from '@droppii/libs';
 import ChatImageDimens, { CHAT_IMAGE_VIEW_SOURCE } from "../../../utils/chatImageDimens.js";
 import { CHAT_BUBBLE_COLORS } from "../../../screens/chat-detail/constants.js";
 import { messageStyles } from "../styles.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { BubbleTailRow } from "../BubbleTailRow.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const formatDuration = durationMs => {
   const totalSeconds = Math.floor(durationMs / 1000);
   const minutes = Math.floor(totalSeconds / 60);
@@ -15,6 +16,7 @@ const formatDuration = durationMs => {
 };
 export const VideoMessage = /*#__PURE__*/memo(({
   message,
+  isOutgoing,
   onMediaPress
 }) => {
   const videoElem = message?.videoElem;
@@ -30,17 +32,23 @@ export const VideoMessage = /*#__PURE__*/memo(({
     }
   }, [videoUrl, onMediaPress]);
   if (!videoUrl) {
-    return /*#__PURE__*/_jsx(KContainer.View, {
-      style: [messageStyles.bubble, messageStyles.videoPlaceholder],
-      children: /*#__PURE__*/_jsx(KLabel.Text, {
-        typo: "TextSmNormal",
-        color: CHAT_BUBBLE_COLORS.text,
-        children: "\uD83D\uDCF9 [Video unavailable]"
+    return /*#__PURE__*/_jsx(BubbleTailRow, {
+      isOutgoing: isOutgoing,
+      withTail: false,
+      children: /*#__PURE__*/_jsx(KContainer.View, {
+        style: [messageStyles.bubble, messageStyles.videoPlaceholder],
+        children: /*#__PURE__*/_jsx(KLabel.Text, {
+          typo: "TextSmNormal",
+          color: CHAT_BUBBLE_COLORS.text,
+          children: "\uD83D\uDCF9 [Video unavailable]"
+        })
       })
     });
   }
   const dimen = ChatImageDimens.getDimensions(CHAT_IMAGE_VIEW_SOURCE.MessageListThumbnail);
-  return /*#__PURE__*/_jsx(_Fragment, {
+  return /*#__PURE__*/_jsx(BubbleTailRow, {
+    isOutgoing: isOutgoing,
+    withTail: false,
     children: /*#__PURE__*/_jsxs(KContainer.Touchable, {
       onPress: handlePress,
       style: [styles.videoContainer, {

package/lib/module/components/messages/videoMessage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","StyleSheet","KContainer","KImage","KLabel","ChatImageDimens","CHAT_IMAGE_VIEW_SOURCE","CHAT_BUBBLE_COLORS","messageStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","formatDuration","durationMs","totalSeconds","Math","floor","minutes","seconds","String","padStart","VideoMessage","message","onMediaPress","videoElem","videoUrl","duration","thumbnail","snapshotUrl","handlePress","url","isVideo","View","style","bubble","videoPlaceholder","children","Text","typo","color","text","dimen","getDimensions","MessageListThumbnail","Touchable","onPress","styles","videoContainer","width","height","Base","uri","resizeMode","videoBg","playOverlay","center","VectorIcons","name","provider","size","durationBadge","displayName","create","overflow","borderRadius","backgroundColor","flex","position","top","left","right","bottom","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../../src","sources":["components/messages/videoMessage/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","StyleSheet","KContainer","KImage","KLabel","ChatImageDimens","CHAT_IMAGE_VIEW_SOURCE","CHAT_BUBBLE_COLORS","messageStyles","BubbleTailRow","jsx","_jsx","jsxs","_jsxs","formatDuration","durationMs","totalSeconds","Math","floor","minutes","seconds","String","padStart","VideoMessage","message","isOutgoing","onMediaPress","videoElem","videoUrl","duration","thumbnail","snapshotUrl","handlePress","url","isVideo","withTail","children","View","style","bubble","videoPlaceholder","Text","typo","color","text","dimen","getDimensions","MessageListThumbnail","Touchable","onPress","styles","videoContainer","width","height","Base","uri","resizeMode","videoBg","playOverlay","center","VectorIcons","name","provider","size","durationBadge","displayName","create","overflow","borderRadius","backgroundColor","flex","position","top","left","right","bottom","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../../src","sources":["components/messages/videoMessage/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/groups/useDismissGroup.js

@@ -16,7 +16,8 @@ export function useDismissGroup({
           title: {
             text: trans('group:dismiss_confirm_title')
           },
-          alignment: 'center'
+          alignment: 'center',
+          showCloseButton: true
         },
         body: {
           renderContent: () => {

package/lib/module/hooks/groups/useDismissGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","OpenIMSDK","KContainer","KLabel","UIUtils","trans","jsx","_jsx","useDismissGroup","onSuccess","openDismissPopup","Promise","resolve","reject","popup","open","header","title","text","alignment","body","renderContent","View","padding","justifyContent","alignItems","children","Text","typo","textAlign","actions","buttons","label","kind","onPress","weight","isLightSolid","type","dismissGroup","groupID","toast","theme","error","console"],"sourceRoot":"../../../../src","sources":["hooks/groups/useDismissGroup.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,KAAK,QAAQ,4BAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAK1C,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAAgC,CAAC,EAAE;EACnE,MAAMC,gBAAgB,GAAGV,WAAW,CAAC,MAAM;IACzC,OAAO,IAAIW,OAAO,CAAO,CAACC,OAAO,EAAEC,MAAM,KAAK;MAC5CT,OAAO,CAACU,KAAK,CAACC,IAAI,CAAC;QACjBC,MAAM,EAAE;UACNC,KAAK,EAAE;YAAEC,IAAI,EAAEb,KAAK,CAAC,6BAA6B;UAAE,CAAC;UACrDc,SAAS,EAAE;QACb,CAAC;QACDC,IAAI,EAAE;UACJC,aAAa,EAAEA,CAAA,KAAM;YACnB,oBACEd,IAAA,CAACL,UAAU,CAACoB,IAAI;cAACC,OAAO,EAAE,MAAO;cAACC,cAAc;cAACC,UAAU;cAAAC,QAAA,eACzDnB,IAAA,CAACJ,MAAM,CAACwB,IAAI;gBAACC,IAAI,EAAC,cAAc;gBAACC,SAAS,EAAC,QAAQ;gBAAAH,QAAA,EAChDrB,KAAK,CAAC,4BAA4B;cAAC,CACzB;YAAC,CACC,CAAC;UAEtB;QACF,CAAC;QACDyB,OAAO,EAAE;UACPC,OAAO,EAAE,CACP;YACEC,KAAK,EAAE3B,KAAK,CAAC,iCAAiC,CAAC;YAC/C4B,IAAI,EAAE,OAAO;YACbC,OAAO,EAAEA,CAAA,KAAMrB,MAAM,CAAC,CAAC;YACvBsB,MAAM,EAAE;UACV,CAAC,EACD;YACEH,KAAK,EAAE3B,KAAK,CAAC,+BAA+B,CAAC;YAC7C4B,IAAI,EAAE,QAAQ;YACdC,OAAO,EAAEA,CAAA,KAAMtB,OAAO,CAAC,CAAC;YACxBwB,YAAY,EAAE,IAAI;YAClBD,MAAM,EAAE;UACV,CAAC,CACF;UACDE,IAAI,EAAE;QACR;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGtC,WAAW,CAC9B,MAAOuC,OAAgB,IAAK;IAC1B,IAAI,CAACA,OAAO,EAAE;IAEd,IAAI;MACF,MAAM7B,gBAAgB,CAAC,CAAC;IAC1B,CAAC,CAAC,MAAM;MACN;IACF;IAEA,IAAI;MACF,MAAMT,SAAS,CAACqC,YAAY,CAACC,OAAO,CAAC;MACrC9B,SAAS,GAAG,CAAC;MACbL,OAAO,CAACoC,KAAK,CAACzB,IAAI,CAAC;QACjBE,KAAK,EAAEZ,KAAK,CAAC,6BAA6B,CAAC;QAC3CoC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,qBAAqB,EAAEA,KAAK,CAAC;MAC3CtC,OAAO,CAACoC,KAAK,CAACzB,IAAI,CAAC;QACjBE,KAAK,EAAEZ,KAAK,CAAC,oBAAoB,CAAC;QAClCoC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAAC/B,gBAAgB,EAAED,SAAS,CAC9B,CAAC;EAED,OAAO;IAAE6B;EAAa,CAAC;AACzB","ignoreList":[]}
+{"version":3,"names":["useCallback","OpenIMSDK","KContainer","KLabel","UIUtils","trans","jsx","_jsx","useDismissGroup","onSuccess","openDismissPopup","Promise","resolve","reject","popup","open","header","title","text","alignment","showCloseButton","body","renderContent","View","padding","justifyContent","alignItems","children","Text","typo","textAlign","actions","buttons","label","kind","onPress","weight","isLightSolid","type","dismissGroup","groupID","toast","theme","error","console"],"sourceRoot":"../../../../src","sources":["hooks/groups/useDismissGroup.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,OAAOC,SAAS,MAAM,+BAA+B;AACrD,SAASC,UAAU,EAAEC,MAAM,QAAQ,eAAe;AAClD,SAASC,OAAO,QAAQ,wBAAqB;AAC7C,SAASC,KAAK,QAAQ,4BAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAK1C,OAAO,SAASC,eAAeA,CAAC;EAAEC;AAAgC,CAAC,EAAE;EACnE,MAAMC,gBAAgB,GAAGV,WAAW,CAAC,MAAM;IACzC,OAAO,IAAIW,OAAO,CAAO,CAACC,OAAO,EAAEC,MAAM,KAAK;MAC5CT,OAAO,CAACU,KAAK,CAACC,IAAI,CAAC;QACjBC,MAAM,EAAE;UACNC,KAAK,EAAE;YAAEC,IAAI,EAAEb,KAAK,CAAC,6BAA6B;UAAE,CAAC;UACrDc,SAAS,EAAE,QAAQ;UACnBC,eAAe,EAAE;QACnB,CAAC;QACDC,IAAI,EAAE;UACJC,aAAa,EAAEA,CAAA,KAAM;YACnB,oBACEf,IAAA,CAACL,UAAU,CAACqB,IAAI;cAACC,OAAO,EAAE,MAAO;cAACC,cAAc;cAACC,UAAU;cAAAC,QAAA,eACzDpB,IAAA,CAACJ,MAAM,CAACyB,IAAI;gBAACC,IAAI,EAAC,cAAc;gBAACC,SAAS,EAAC,QAAQ;gBAAAH,QAAA,EAChDtB,KAAK,CAAC,4BAA4B;cAAC,CACzB;YAAC,CACC,CAAC;UAEtB;QACF,CAAC;QACD0B,OAAO,EAAE;UACPC,OAAO,EAAE,CACP;YACEC,KAAK,EAAE5B,KAAK,CAAC,iCAAiC,CAAC;YAC/C6B,IAAI,EAAE,OAAO;YACbC,OAAO,EAAEA,CAAA,KAAMtB,MAAM,CAAC,CAAC;YACvBuB,MAAM,EAAE;UACV,CAAC,EACD;YACEH,KAAK,EAAE5B,KAAK,CAAC,+BAA+B,CAAC;YAC7C6B,IAAI,EAAE,QAAQ;YACdC,OAAO,EAAEA,CAAA,KAAMvB,OAAO,CAAC,CAAC;YACxByB,YAAY,EAAE,IAAI;YAClBD,MAAM,EAAE;UACV,CAAC,CACF;UACDE,IAAI,EAAE;QACR;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGvC,WAAW,CAC9B,MAAOwC,OAAgB,IAAK;IAC1B,IAAI,CAACA,OAAO,EAAE;IAEd,IAAI;MACF,MAAM9B,gBAAgB,CAAC,CAAC;IAC1B,CAAC,CAAC,MAAM;MACN;IACF;IAEA,IAAI;MACF,MAAMT,SAAS,CAACsC,YAAY,CAACC,OAAO,CAAC;MACrC/B,SAAS,GAAG,CAAC;MACbL,OAAO,CAACqC,KAAK,CAAC1B,IAAI,CAAC;QACjBE,KAAK,EAAEZ,KAAK,CAAC,6BAA6B,CAAC;QAC3CqC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,qBAAqB,EAAEA,KAAK,CAAC;MAC3CvC,OAAO,CAACqC,KAAK,CAAC1B,IAAI,CAAC;QACjBE,KAAK,EAAEZ,KAAK,CAAC,oBAAoB,CAAC;QAClCqC,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;EACF,CAAC,EACD,CAAChC,gBAAgB,EAAED,SAAS,CAC9B,CAAC;EAED,OAAO;IAAE8B;EAAa,CAAC;AACzB","ignoreList":[]}

package/lib/module/screens/chat-detail/ChatListLegend.js

@@ -7,6 +7,7 @@ import { KeyboardAwareLegendList } from '@legendapp/list/keyboard';
 import { LegendList } from '@legendapp/list/react-native';
 import { KContainer, KColors, KSpacingValue, KLabel, KRadiusValue, KImage } from '@droppii/libs';
 import { precomputeLegendListData } from "../../utils/legendListMessage.js";
+import { getMessageRenderId } from "../../utils/message.js";
 import { LegendChatMessage } from "./legend/LegendChatMessage.js";
 import { LegendChatDay } from "./legend/LegendChatDay.js";
 import { LegendChatLoadEarlier } from "./legend/LegendChatLoadEarlier.js";
@@ -19,18 +20,23 @@ import { ChatEvent } from "../../types/events.js";
 import { useMessageStore } from "../../store/message.js";
 import { useChatContext } from "../../context/index.js";
 import { messageStyles } from "./legend/messageTypes.js";
-import { MessageType } from '@droppii/openim-rn-client-sdk';
+import { MessageType, PeerType } from '@droppii/openim-rn-client-sdk';
 import { useUserStore } from "../../store/index.js";
 import { ChatMessageAPI } from "../../services/index.js";
 import { resolveImageDisplayDims } from "../../components/messages/imageMessage/index.js";
 import { STICKER_SIZE } from "../../components/messages/stickerMessage/index.js";
 import ChatImageDimens, { CHAT_IMAGE_VIEW_SOURCE } from "../../utils/chatImageDimens.js";
 
-// Row wrapper (`messageRowLeft`/`messageRowRight` in `components/messages/styles.ts`)
-// adds only a bottom margin — no vertical padding — so a fixed-size item's true
-// rendered height is `content height + this margin`.
+// Cluster spacing: a wide gap after the message that closes a cluster, a tight
+// one between messages inside it. These override the flat margin on the row
+// wrapper (`messageRowLeft`/`messageRowRight` in `components/messages/styles.ts`),
+// which adds only a bottom margin and no vertical padding — so a fixed-size
+// item's true rendered height stays `content height + this margin`, and
+// getFixedItemSize can keep folding it in.
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const ROW_MARGIN_BOTTOM = KSpacingValue['0.25rem'];
+const ROW_MARGIN_CLUSTER_END = KSpacingValue['0.5rem'];
+const ROW_MARGIN_IN_CLUSTER = KSpacingValue['0.25rem'];
+const getRowMarginBottom = position => position === 'last' || position === 'solo' ? ROW_MARGIN_CLUSTER_END : ROW_MARGIN_IN_CLUSTER;
 
 // KeyboardAwareLegendList auto scroll when modal opened
 // TODO: Convert toolbox to absolute view
@@ -57,11 +63,19 @@ export const ChatListLegend = /*#__PURE__*/memo(({
   const currentUserId = useUserStore(s => s.user?.userID);
   const windowWidth = useWindowDimensions().width;
   // Precompute all message data in single pass (O(n))
-  const messageDataMap = useMemo(() => precomputeLegendListData(messages), [messages]);
   const {
     isBotConversation,
-    conversationFlow
+    conversationFlow,
+    conversation
   } = useChatDetailContext();
+
+  // Avatar and sender name only appear in real group chats — a bot thread is
+  // a Group session too, but reads as a single counterpart.
+  const isGroupConversation = conversation?.peerType === PeerType.Group && !isBotConversation;
+  const messageDataMap = useMemo(() => precomputeLegendListData(messages, {
+    isBotConversation,
+    currentUserId
+  }), [messages, isBotConversation, currentUserId]);
   const {
     retryMessage
   } = useSendMessage();
@@ -114,27 +128,35 @@ export const ChatListLegend = /*#__PURE__*/memo(({
       const isOutgoing = message.sendID === currentUserId;
       const isLastMessage = (message.clientMsgID || message.serverMsgID) === lastMessageId;
       const isLastIncoming = !isOutgoing && isLastMessage;
-      const messageId = message.clientMsgID || message.serverMsgID || `temp-${message.sendTime || message.createTime}-${index}`;
+      const messageId = getMessageRenderId(message, index);
       const messageData = messageDataMap.get(messageId);
       if (!messageData) {
         return null;
       }
       const {
         dayStart,
-        createdAt
+        timeBreak,
+        createdAt,
+        groupPosition
       } = messageData;
+      const showSenderGutter = isGroupConversation && !isOutgoing;
+      const showName = showSenderGutter && (groupPosition === 'first' || groupPosition === 'solo');
+      const showAvatar = showSenderGutter && (groupPosition === 'last' || groupPosition === 'solo');
       let flowInputButtonsNodes = [];
       if ((isLastMessage && conversationFlow?.havingBotMessage === false || isLastIncoming) && isBotConversation) {
         flowInputButtonsNodes = getFlowInputButtonsNodes(conversationFlow?.flowCurrentStep);
       }
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [dayStart && /*#__PURE__*/_jsx(LegendChatDay, {
-          createdAt: createdAt
+        children: [(dayStart || timeBreak) && /*#__PURE__*/_jsx(LegendChatDay, {
+          createdAt: createdAt,
+          timeOnly: !dayStart
         }), /*#__PURE__*/_jsx(KContainer.View, {
           ref: node => {
             if (node) rowRefsMap.current.set(messageId, node);else rowRefsMap.current.delete(messageId);
           },
-          style: isOutgoing ? messageStyles.messageRowRight : messageStyles.messageRowLeft,
+          style: [isOutgoing ? messageStyles.messageRowRight : messageStyles.messageRowLeft, {
+            marginBottom: getRowMarginBottom(groupPosition)
+          }],
           collapsable: false,
           children: /*#__PURE__*/_jsx(LegendChatMessage, {
             message: message,
@@ -145,7 +167,11 @@ export const ChatListLegend = /*#__PURE__*/memo(({
             onRetry: retryMessage,
             onLongPress: onLongPress ? () => handleMessageLongPress(messageId, message) : undefined,
             customMessageItemFactory: customMessageItemFactory,
-            isHighlighted: highlightedId === messageId
+            isHighlighted: highlightedId === messageId,
+            showName: showName,
+            showAvatar: showAvatar,
+            showSenderGutter: showSenderGutter,
+            groupPosition: groupPosition
           })
         }), flowInputButtonsNodes && flowInputButtonsNodes.length > 0 && /*#__PURE__*/_jsx(InputButtonFlow, {
           nodeData: flowInputButtonsNodes,
@@ -163,7 +189,7 @@ export const ChatListLegend = /*#__PURE__*/memo(({
         })
       });
     }
-  }, [currentUserId, lastMessageId, messageDataMap, isBotConversation, onMediaPress, onPressUrl, onLongPress, handleMessageLongPress, customMessageItemFactory, onResetFlow, onRunFlow, conversationFlow?.flowCurrentStep, conversationFlow?.havingBotMessage, retryMessage, highlightedId]);
+  }, [currentUserId, lastMessageId, messageDataMap, isGroupConversation, isBotConversation, onMediaPress, onPressUrl, onLongPress, handleMessageLongPress, customMessageItemFactory, onResetFlow, onRunFlow, conversationFlow?.flowCurrentStep, conversationFlow?.havingBotMessage, retryMessage, highlightedId]);
 
   // const maintainScrollConfig = useMemo(
   //   () => ({
@@ -209,8 +235,18 @@ export const ChatListLegend = /*#__PURE__*/memo(({
   // guessing wrong here is a permanent regression, not just an approximation.
   const getFixedItemSize = useCallback((item, index) => {
     const message = item;
-    const messageId = message.clientMsgID || message.serverMsgID || `temp-${message.sendTime || message.createTime}-${index}`;
-    if (messageDataMap.get(messageId)?.dayStart) return undefined;
+    const messageId = getMessageRenderId(message, index);
+    const messageData = messageDataMap.get(messageId);
+    // Both separators add chrome above the row that this function does not
+    // account for, and a resolved size is never re-measured.
+    if (messageData?.dayStart || messageData?.timeBreak) return undefined;
+
+    // Incoming rows in a group chat carry an avatar column and a sender
+    // name whose height this function cannot predict — measure them.
+    if (isGroupConversation && message.sendID !== currentUserId) {
+      return undefined;
+    }
+    const rowMargin = getRowMarginBottom(messageData?.groupPosition ?? 'solo');
 
     // Resolve the content-type candidate FIRST — for every type other
     // than these three the result is `undefined` regardless of anything
@@ -220,13 +256,13 @@ export const ChatListLegend = /*#__PURE__*/memo(({
     let candidateSize;
     switch (message.contentType) {
       case MessageType.PictureMessage:
-        candidateSize = resolveImageDisplayDims(message, windowWidth).height + ROW_MARGIN_BOTTOM;
+        candidateSize = resolveImageDisplayDims(message, windowWidth).height + rowMargin;
         break;
       case MessageType.VideoMessage:
-        candidateSize = ChatImageDimens.getDimensions(CHAT_IMAGE_VIEW_SOURCE.MessageListThumbnail).height + ROW_MARGIN_BOTTOM;
+        candidateSize = ChatImageDimens.getDimensions(CHAT_IMAGE_VIEW_SOURCE.MessageListThumbnail).height + rowMargin;
         break;
       case MessageType.StickerMessage:
-        candidateSize = STICKER_SIZE + ROW_MARGIN_BOTTOM;
+        candidateSize = STICKER_SIZE + rowMargin;
         break;
       default:
         return undefined;
@@ -245,7 +281,21 @@ export const ChatListLegend = /*#__PURE__*/memo(({
       return undefined;
     }
     return candidateSize;
-  }, [messageDataMap, customMessageItemFactory, currentUserId, lastMessageId, isBotConversation, conversationFlow?.flowCurrentStep, windowWidth]);
+  }, [messageDataMap, customMessageItemFactory, currentUserId, isGroupConversation, lastMessageId, isBotConversation, conversationFlow?.flowCurrentStep, windowWidth]);
+
+  // LegendList memoises each rendered item on [itemKey, item, extraData], so
+  // an item whose own object is unchanged will not re-render. Cluster
+  // position depends on a message's NEIGHBOURS, which can change while the
+  // message itself does not — prepending older history is enough to turn a
+  // 'first' into a 'middle'. messageDataMap is memoised on exactly the inputs
+  // that can move those boundaries, so including it here is what keeps a
+  // stale tail from being left behind.
+  const listExtraData = useMemo(() => ({
+    messageDataMap,
+    flowStepId: conversationFlow?.flowCurrentStep?.id ?? '',
+    lastMessageId,
+    highlightedId
+  }), [messageDataMap, conversationFlow?.flowCurrentStep?.id, lastMessageId, highlightedId]);
   const handleStartReached = useCallback(() => {
     if (__DEV__) {
       console.log('[LegendList] onStartReached triggered', {
@@ -379,7 +429,7 @@ export const ChatListLegend = /*#__PURE__*/memo(({
       getFixedItemSize: getFixedItemSize,
       keyExtractor: item => String(item.clientMsgID || item.serverMsgID),
       recycleItems: false,
-      extraData: `${conversationFlow?.flowCurrentStep?.id ?? ''}-${lastMessageId ?? ''}-${highlightedId ?? ''}`,
+      extraData: listExtraData,
       alignItemsAtEnd: true,
       maintainVisibleContentPosition: maintainVisiblePositionConfig,
       freeze: freeze,