@realtimexsco/live-chat 1.3.4 → 1.4.0

package/dist/index.cjs

@@ -15,12 +15,31 @@ var reactDom = require('react-dom');
 var lucideReact = require('lucide-react');
 var classVarianceAuthority = require('class-variance-authority');
 var EmojiPicker = require('emoji-picker-react');
+var reactDayPicker = require('react-day-picker');
 var reactHotToast = require('react-hot-toast');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var axios__default = /*#__PURE__*/_interopDefault(axios);
-var React2__default = /*#__PURE__*/_interopDefault(React2);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 var EmojiPicker__default = /*#__PURE__*/_interopDefault(EmojiPicker);
 
 var __defProp = Object.defineProperty;
@@ -570,7 +589,7 @@ var init_message_helpers = __esm({
   "src/store/helpers/message.helpers.ts"() {
     getMessageSenderId = (message) => String(message?.sender?._id || message?.sender?.id || message?.senderId || message?.fromUserId || message?.sender || "");
     extractMessageData = (payload) => {
-      const messageId = payload.messageId || payload._id || payload.message?._id || payload.message?.id;
+      const messageId2 = payload.messageId || payload._id || payload.message?._id || payload.message?.id;
       const content = payload.content || payload.message?.content;
       const conversationId = payload.conversationId || payload.conversation_id || payload.message?.conversationId || payload.message?.conversation_id;
       const status = payload.status || payload.message?.status;
@@ -578,7 +597,7 @@ var init_message_helpers = __esm({
       const isStarred = payload.isStarred ?? payload.message?.isStarred;
       const attachmentId = payload.attachmentId || payload.unpinAttachmentId || null;
       const caption = payload.caption ?? payload.message?.caption ?? null;
-      return { messageId, content, conversationId, status, isPinned, isStarred, attachmentId, caption };
+      return { messageId: messageId2, content, conversationId, status, isPinned, isStarred, attachmentId, caption };
     };
     statusRank = { sent: 0, delivered: 1, read: 2 };
     preferHigherStatus = (base, incoming) => {
@@ -809,15 +828,15 @@ var init_conversation_helpers = __esm({
     init_message_helpers();
     init_participant_helpers();
     init_unread_helpers();
-    findConversationIdByMessageId = (messagesByConversation, messageId) => {
+    findConversationIdByMessageId = (messagesByConversation, messageId2) => {
       return Object.keys(messagesByConversation).find(
         (cid) => messagesByConversation[cid].some(
-          (m) => String(m._id || m.id) === String(messageId)
+          (m) => String(m._id || m.id) === String(messageId2)
         )
       );
     };
-    applyMessageStatusToStore = (state, messageId, status, conversationId) => {
-      const normalizedMessageId = String(messageId);
+    applyMessageStatusToStore = (state, messageId2, status, conversationId) => {
+      const normalizedMessageId = String(messageId2);
       const resolvedConversationId = conversationId ? String(conversationId) : findConversationIdByMessageId(state.messagesByConversation, normalizedMessageId) || findConversationIdByLastMessageId(state.conversations, normalizedMessageId) || null;
       const nextConversations = state.conversations.map((conversation) => {
         const lastMessageId = String(
@@ -945,9 +964,9 @@ var init_conversation_helpers = __esm({
       if (!conversationId) return void 0;
       return conversations.find((c) => String(c._id) === String(conversationId));
     };
-    findConversationIdByLastMessageId = (conversations, messageId) => {
-      if (!messageId) return null;
-      const normalizedMessageId = String(messageId);
+    findConversationIdByLastMessageId = (conversations, messageId2) => {
+      if (!messageId2) return null;
+      const normalizedMessageId = String(messageId2);
       const match = conversations.find(
         (conversation) => String(conversation?.lastMessage?._id || conversation?.lastMessage?.id || "") === normalizedMessageId
       );
@@ -1366,7 +1385,7 @@ var init_api_constants = __esm({
         ADD_REMOVE_MEMBERS: "/conversation/group/participants/add-remove",
         ADD_REMOVE_ADMINS: "/conversation/group/admins/add-remove",
         SEARCH_MESSAGES: "/message/search-messages",
-        SEARCH_MESSAGES_CONTEXT: (messageId) => `/message/searched-message/context?messageId=${messageId}`,
+        SEARCH_MESSAGES_CONTEXT: (messageId2) => `/message/searched-message/context?messageId=${messageId2}`,
         BLOCK_UNBLOCK_USER: "/user/block-unblock"
       }
     };
@@ -1510,9 +1529,9 @@ var init_messages_api = __esm({
         throw error;
       }
     };
-    searchMessagesContext = async (messageId) => {
+    searchMessagesContext = async (messageId2) => {
       try {
-        const response = await apiClient.get(API_ENDPOINTS.GROUP.SEARCH_MESSAGES_CONTEXT(messageId));
+        const response = await apiClient.get(API_ENDPOINTS.GROUP.SEARCH_MESSAGES_CONTEXT(messageId2));
         return response.data;
       } catch (error) {
         console.error("Search messages context failed:", error);
@@ -1638,24 +1657,24 @@ var init_forwardPending_store = __esm({
   "src/store/forwardPending.store.ts"() {
     pendingForwards = /* @__PURE__ */ new Map();
     lastPendingMessageId = null;
-    setPendingForward = (messageId, meta) => {
-      if (!messageId) return;
-      const key = String(messageId);
+    setPendingForward = (messageId2, meta) => {
+      if (!messageId2) return;
+      const key = String(messageId2);
       pendingForwards.set(key, meta);
       lastPendingMessageId = key;
     };
-    peekPendingForward = (messageId) => {
-      if (!messageId) return void 0;
-      return pendingForwards.get(String(messageId));
+    peekPendingForward = (messageId2) => {
+      if (!messageId2) return void 0;
+      return pendingForwards.get(String(messageId2));
     };
     peekMostRecentPendingForward = () => {
       if (!lastPendingMessageId) return void 0;
       return pendingForwards.get(lastPendingMessageId);
     };
     getLastPendingForwardMessageId = () => lastPendingMessageId;
-    clearPendingForward = (messageId) => {
-      if (messageId) {
-        const key = String(messageId);
+    clearPendingForward = (messageId2) => {
+      if (messageId2) {
+        const key = String(messageId2);
         pendingForwards.delete(key);
         if (lastPendingMessageId === key) lastPendingMessageId = null;
         return;
@@ -2125,14 +2144,14 @@ var init_group_reaction_handlers = __esm({
       return Array.from(map.values());
     };
     handleGroupReactionAddReceive = (set, get, payload) => {
-      const messageId = payload.messageId || payload._id;
+      const messageId2 = payload.messageId || payload._id;
       const conversationId = payload.conversationId;
-      if (!messageId) return;
+      if (!messageId2) return;
       set((state) => {
-        const cid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId);
+        const cid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId2);
         if (!cid) return state;
         const messages = state.messagesByConversation[cid] || [];
-        const idx = messages.findIndex((m) => String(m._id || m.id) === String(messageId));
+        const idx = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
         if (idx === -1) return state;
         const nextMessages = [...messages];
         const currentMsg = { ...nextMessages[idx] };
@@ -2150,20 +2169,20 @@ var init_group_reaction_handlers = __esm({
         }
         nextMessages[idx] = currentMsg;
         return {
-          lastReactionUpdate: { ...payload, messageId, action: "add", _v: Date.now() },
+          lastReactionUpdate: { ...payload, messageId: messageId2, action: "add", _v: Date.now() },
           messagesByConversation: { ...state.messagesByConversation, [cid]: nextMessages }
         };
       });
     };
     handleGroupReactionRemoveReceive = (set, get, payload) => {
-      const messageId = payload.messageId || payload._id;
+      const messageId2 = payload.messageId || payload._id;
       const conversationId = payload.conversationId;
-      if (!messageId) return;
+      if (!messageId2) return;
       set((state) => {
-        const cid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId);
+        const cid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId2);
         if (!cid) return state;
         const messages = state.messagesByConversation[cid] || [];
-        const idx = messages.findIndex((m) => String(m._id || m.id) === String(messageId));
+        const idx = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
         if (idx === -1) return state;
         const nextMessages = [...messages];
         const currentMsg = { ...nextMessages[idx] };
@@ -2180,7 +2199,7 @@ var init_group_reaction_handlers = __esm({
         }
         nextMessages[idx] = currentMsg;
         return {
-          lastReactionUpdate: { ...payload, messageId, action: "remove", _v: Date.now() },
+          lastReactionUpdate: { ...payload, messageId: messageId2, action: "remove", _v: Date.now() },
           messagesByConversation: { ...state.messagesByConversation, [cid]: nextMessages }
         };
       });
@@ -2210,14 +2229,14 @@ function removeMessageAttachment(message, attachmentId) {
   if (attachments.length === message.attachments.length) return message;
   return { ...message, attachments };
 }
-function pinKey(messageId, attachmentId) {
-  return attachmentId ? `${messageId}:${attachmentId}` : String(messageId);
+function pinKey(messageId2, attachmentId) {
+  return attachmentId ? `${messageId2}:${attachmentId}` : String(messageId2);
 }
-function matchesPinEntry(entry, messageId, attachmentId) {
+function matchesPinEntry(entry, messageId2, attachmentId) {
   const entryMessageId = String(
     entry?.messageId?._id || entry?.messageId || entry?._id || entry?.id || ""
   );
-  if (entryMessageId !== String(messageId)) return false;
+  if (entryMessageId !== String(messageId2)) return false;
   const entryAttachmentId = entry?.attachmentId ? String(entry.attachmentId) : null;
   const targetAttachmentId = attachmentId ? String(attachmentId) : null;
   return entryAttachmentId === targetAttachmentId;
@@ -2232,13 +2251,13 @@ function applyPinnedListToMessages(messages, pinnedMessage) {
     )
   );
   return messages.map((message) => {
-    const messageId = String(message._id || message.id);
-    const hasWholeMessagePin = pinnedKeys.has(pinKey(messageId, null));
+    const messageId2 = String(message._id || message.id);
+    const hasWholeMessagePin = pinnedKeys.has(pinKey(messageId2, null));
     const attachments = (message.attachments || []).map((att) => {
       const attId = getAttachmentId(att);
       return {
         ...att,
-        isPinned: attId ? pinnedKeys.has(pinKey(messageId, attId)) : !!att.isPinned
+        isPinned: attId ? pinnedKeys.has(pinKey(messageId2, attId)) : !!att.isPinned
       };
     });
     return {
@@ -2300,13 +2319,13 @@ var init_pin_handlers = __esm({
         });
         return;
       }
-      const { messageId, conversationId, isPinned, attachmentId } = extractMessageData(payload);
-      if (!messageId || !conversationId) return;
+      const { messageId: messageId2, conversationId, isPinned, attachmentId } = extractMessageData(payload);
+      if (!messageId2 || !conversationId) return;
       set((state) => {
-        const sid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId);
+        const sid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId2);
         if (!sid) return state;
         const messages = state.messagesByConversation[sid] || [];
-        const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId));
+        const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
         let newMessagesByConversation = state.messagesByConversation;
         const msg = index !== -1 ? messages[index] : null;
         const wasPinned = attachmentId ? !!msg?.attachments?.some(
@@ -2328,9 +2347,9 @@ var init_pin_handlers = __esm({
         const newPinnedByConv = { ...state.pinnedMessagesByConversation };
         if (isPinned) {
           const currentPinned = newPinnedByConv[sid] || [];
-          if (!currentPinned.some((m) => matchesPinEntry(m, messageId, attachmentId || null))) {
+          if (!currentPinned.some((m) => matchesPinEntry(m, messageId2, attachmentId || null))) {
             const fullMsg = msg ? attachmentId ? {
-              messageId,
+              messageId: messageId2,
               attachmentId,
               attachment: msg.attachments?.find(
                 (att) => getAttachmentId(att) === String(attachmentId)
@@ -2342,7 +2361,7 @@ var init_pin_handlers = __esm({
           }
         } else {
           newPinnedByConv[sid] = (newPinnedByConv[sid] || []).filter(
-            (m) => !matchesPinEntry(m, messageId, attachmentId || payload.unpinAttachmentId || null)
+            (m) => !matchesPinEntry(m, messageId2, attachmentId || payload.unpinAttachmentId || null)
           );
         }
         const conversation = get().conversations?.find((c) => String(c._id) === String(sid));
@@ -2357,8 +2376,8 @@ var init_pin_handlers = __esm({
           pinnedCount = payload.totalCount;
         }
         const newPendingActions = { ...state.messagePendingActions };
-        if (newPendingActions[messageId]) {
-          delete newPendingActions[messageId];
+        if (newPendingActions[messageId2]) {
+          delete newPendingActions[messageId2];
         }
         return {
           lastPinUpdate: payload,
@@ -2389,13 +2408,13 @@ var init_star_handlers = __esm({
     init_attachment_helpers();
     handleStarUpdate = (set, get, payload) => {
       if (payload.starredBy && Array.isArray(payload.starredBy)) {
-        const { messageId: messageId2, attachmentId } = extractMessageData(payload);
+        const { messageId: messageId3, attachmentId } = extractMessageData(payload);
         const { starredBy } = payload;
-        if (!messageId2) return;
+        if (!messageId3) return;
         set((state) => {
-          const sid = payload.conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId2);
+          const sid = payload.conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId3);
           const newPendingActions = { ...state.messagePendingActions };
-          const pendingKey = String(messageId2);
+          const pendingKey = String(messageId3);
           if (newPendingActions[pendingKey]) {
             delete newPendingActions[pendingKey];
           }
@@ -2405,7 +2424,7 @@ var init_star_handlers = __esm({
           const loggedUserId = String(get().loggedUserDetails?._id || state.loggedUserDetails?._id || "");
           const isStarred2 = starredBy.some((id) => String(id?._id || id) === loggedUserId) || loggedUserId === "" && starredBy.length > 0;
           const messages = state.messagesByConversation[sid] || [];
-          const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
+          const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId3));
           let newMessagesByConversation = state.messagesByConversation;
           if (index !== -1) {
             const newMessages = [...messages];
@@ -2432,9 +2451,9 @@ var init_star_handlers = __esm({
           const newStarredByConv = { ...state.starredMessagesByConversation };
           const currentStarred = newStarredByConv[sid] || [];
           const exists = attachmentId ? currentStarred.some(
-            (m) => m.isAttachment && String(m.messageId) === String(messageId2) && String(m.attachmentId) === String(attachmentId)
+            (m) => m.isAttachment && String(m.messageId) === String(messageId3) && String(m.attachmentId) === String(attachmentId)
           ) : currentStarred.some(
-            (m) => !m.isAttachment && String(m.messageId?._id || m.messageId || m._id || m.id) === String(messageId2)
+            (m) => !m.isAttachment && String(m.messageId?._id || m.messageId || m._id || m.id) === String(messageId3)
           );
           const conversation = get().conversations?.find((c) => String(c._id) === String(sid));
           const existingCount = state.liveConversationCounts[sid]?.starredCount ?? conversation?.starredCount ?? 0;
@@ -2442,21 +2461,21 @@ var init_star_handlers = __esm({
           if (isStarred2 && !exists) {
             const fullMessage = attachmentId ? {
               _id: attachmentId,
-              messageId: messageId2,
+              messageId: messageId3,
               attachmentId,
               isAttachment: true,
               attachment: index !== -1 ? newMessagesByConversation[sid][index]?.attachments?.find(
                 (att) => getAttachmentId(att) === String(attachmentId)
               ) : payload.attachment,
               createdAt: payload.createdAt || (/* @__PURE__ */ new Date()).toISOString()
-            } : index !== -1 ? newMessagesByConversation[sid][index] : { ...payload, _id: messageId2 };
+            } : index !== -1 ? newMessagesByConversation[sid][index] : { ...payload, _id: messageId3 };
             newStarredByConv[sid] = [...currentStarred, fullMessage];
             starredCount = existingCount + 1;
           } else if (!isStarred2 && exists) {
             newStarredByConv[sid] = attachmentId ? currentStarred.filter(
-              (m) => !(m.isAttachment && String(m.messageId) === String(messageId2) && String(m.attachmentId) === String(attachmentId))
+              (m) => !(m.isAttachment && String(m.messageId) === String(messageId3) && String(m.attachmentId) === String(attachmentId))
             ) : currentStarred.filter(
-              (m) => String(m.messageId?._id || m.messageId || m._id || m.id) !== String(messageId2)
+              (m) => String(m.messageId?._id || m.messageId || m._id || m.id) !== String(messageId3)
             );
             starredCount = Math.max(0, existingCount - 1);
           }
@@ -2482,13 +2501,13 @@ var init_star_handlers = __esm({
         });
         return;
       }
-      const { messageId, isStarred, conversationId } = extractMessageData(payload);
-      if (!messageId) return;
+      const { messageId: messageId2, isStarred, conversationId } = extractMessageData(payload);
+      if (!messageId2) return;
       set((state) => {
-        const sid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId);
+        const sid = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId2);
         if (!sid) return { lastStarUpdate: payload };
         const messages = state.messagesByConversation[sid] || [];
-        const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId));
+        const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
         let newMessagesByConversation = state.messagesByConversation;
         const msg = index !== -1 ? messages[index] : null;
         const wasStarred = msg ? !!msg.isStarred : false;
@@ -2504,13 +2523,13 @@ var init_star_handlers = __esm({
         const newStarredByConv = { ...state.starredMessagesByConversation };
         if (isStarred) {
           const currentStarred = newStarredByConv[sid] || [];
-          if (!currentStarred.some((m) => String(m?._id || m?.id || m.messageId?._id || m.messageId?.id) === String(messageId))) {
+          if (!currentStarred.some((m) => String(m?._id || m?.id || m.messageId?._id || m.messageId?.id) === String(messageId2))) {
             const fullMsg = msg ? { ...msg, isStarred: true } : payload;
             newStarredByConv[sid] = [...currentStarred, fullMsg];
           }
         } else {
           newStarredByConv[sid] = (newStarredByConv[sid] || []).filter(
-            (m) => String(m?._id || m?.id || m.messageId?._id || m.messageId?.id) !== String(messageId)
+            (m) => String(m?._id || m?.id || m.messageId?._id || m.messageId?.id) !== String(messageId2)
           );
         }
         const conversation = get().conversations?.find((c) => String(c._id) === String(sid));
@@ -2525,7 +2544,7 @@ var init_star_handlers = __esm({
           starredCount = payload.totalCount;
         }
         const newPendingActions = { ...state.messagePendingActions };
-        const pendingKey = String(messageId);
+        const pendingKey = String(messageId2);
         if (newPendingActions[pendingKey]) {
           delete newPendingActions[pendingKey];
         }
@@ -2646,15 +2665,15 @@ var init_emit_actions = __esm({
         exports.socketService.emit("dm_unpin", p);
       },
       emitDmStar: (p) => {
-        const messageId = String(p.messageId);
-        handleStarUpdate(set, get, { ...p, messageId, isStarred: true });
-        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId]: ["star"] } }));
+        const messageId2 = String(p.messageId);
+        handleStarUpdate(set, get, { ...p, messageId: messageId2, isStarred: true });
+        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId2]: ["star"] } }));
         exports.socketService.emit("dm_star", p);
       },
       emitDmUnstar: (p) => {
-        const messageId = String(p.messageId);
-        handleStarUpdate(set, get, { ...p, messageId, isStarred: false });
-        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId]: ["unstar"] } }));
+        const messageId2 = String(p.messageId);
+        handleStarUpdate(set, get, { ...p, messageId: messageId2, isStarred: false });
+        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId2]: ["unstar"] } }));
         exports.socketService.emit("dm_unstar", p);
       },
       emitDmForward: (p) => {
@@ -2706,15 +2725,15 @@ var init_emit_actions = __esm({
         exports.socketService.emitGroupUnpin(p);
       },
       emitGroupStar: (p) => {
-        const messageId = String(p.messageId);
-        handleStarUpdate(set, get, { ...p, messageId, isStarred: true });
-        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId]: ["star"] } }));
+        const messageId2 = String(p.messageId);
+        handleStarUpdate(set, get, { ...p, messageId: messageId2, isStarred: true });
+        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId2]: ["star"] } }));
         exports.socketService.emitGroupStar(p);
       },
       emitGroupUnstar: (p) => {
-        const messageId = String(p.messageId);
-        handleStarUpdate(set, get, { ...p, messageId, isStarred: false });
-        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId]: ["unstar"] } }));
+        const messageId2 = String(p.messageId);
+        handleStarUpdate(set, get, { ...p, messageId: messageId2, isStarred: false });
+        set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [messageId2]: ["unstar"] } }));
         exports.socketService.emitGroupUnstar(p);
       },
       emitGroupForward: (p) => {
@@ -2733,8 +2752,8 @@ var init_emit_actions = __esm({
           ...p.attachmentId ? { attachmentId: String(p.attachmentId) } : {}
         });
       },
-      clearForwardPending: (messageId) => {
-        clearForwardPendingActions(set, messageId);
+      clearForwardPending: (messageId2) => {
+        clearForwardPendingActions(set, messageId2);
       },
       emitConversationUpdate: (p) => exports.socketService.emitConversationUpdate(p),
       emitGroupLeave: (p) => exports.socketService.emitGroupLeave(p),
@@ -2759,7 +2778,7 @@ var init_message_handlers = __esm({
         get().conversations,
         loggedUserId
       );
-      const { messageId } = extractMessageData(lastDM);
+      const { messageId: messageId2 } = extractMessageData(lastDM);
       const tempId = lastDM.tempId;
       const isFromSelf = loggedUserDetails && String(lastDM.sender?._id || lastDM.sender) === String(loggedUserDetails._id);
       const activeConversationId = get().activeConversationId;
@@ -2769,14 +2788,14 @@ var init_message_handlers = __esm({
         const newPendingActions = { ...state.messagePendingActions };
         if (conversationId) {
           const current = nextMessagesByConversation[conversationId] || [];
-          let matchedId = messageId;
+          let matchedId = messageId2;
           if (tempId && state.messagePendingActions[tempId]) {
             matchedId = tempId;
           }
-          const exists = current.some((m) => String(m._id || m.id) === String(messageId));
+          const exists = current.some((m) => String(m._id || m.id) === String(messageId2));
           if (matchedId && matchedId === tempId) {
             nextMessagesByConversation[conversationId] = current.map(
-              (m) => String(m.id || m._id) === String(matchedId) ? { ...m, _id: messageId, id: messageId, status: messageWithStatus.status } : m
+              (m) => String(m.id || m._id) === String(matchedId) ? { ...m, _id: messageId2, id: messageId2, status: messageWithStatus.status } : m
             );
             delete newPendingActions[matchedId];
           } else if (!exists) {
@@ -2831,27 +2850,27 @@ var init_message_handlers = __esm({
       }
     };
     handleEditDM = (set, get, payload) => {
-      const { messageId, content, conversationId, attachmentId, caption } = extractMessageData(payload);
-      if (!messageId) return;
+      const { messageId: messageId2, content, conversationId, attachmentId, caption } = extractMessageData(payload);
+      if (!messageId2) return;
       const captionText = caption ?? content ?? "";
       set((state) => {
         let searchConversationId = conversationId;
         if (!searchConversationId) {
-          searchConversationId = findConversationIdByMessageId(state.messagesByConversation, messageId);
+          searchConversationId = findConversationIdByMessageId(state.messagesByConversation, messageId2);
         }
         if (!searchConversationId) {
           searchConversationId = state.conversations.find(
-            (c) => String(c.lastMessage?._id || c.lastMessage?.id) === String(messageId)
+            (c) => String(c.lastMessage?._id || c.lastMessage?.id) === String(messageId2)
           )?._id;
         }
-        const normalizedEditPayload = { ...payload, messageId, content, conversationId: searchConversationId, _v: Date.now() };
+        const normalizedEditPayload = { ...payload, messageId: messageId2, content, conversationId: searchConversationId, _v: Date.now() };
         const newPendingActions = { ...state.messagePendingActions };
-        if (newPendingActions[messageId]) {
-          delete newPendingActions[messageId];
+        if (newPendingActions[messageId2]) {
+          delete newPendingActions[messageId2];
         }
         if (searchConversationId) {
           const messages = state.messagesByConversation[searchConversationId] || [];
-          const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId));
+          const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
           if (index !== -1) {
             const newMessages = [...messages];
             if (attachmentId) {
@@ -2877,15 +2896,15 @@ var init_message_handlers = __esm({
       });
     };
     handleDeleteDM = (set, get, payload, type) => {
-      const { messageId, conversationId, attachmentId } = extractMessageData(payload);
-      if (!messageId) return;
+      const { messageId: messageId2, conversationId, attachmentId } = extractMessageData(payload);
+      if (!messageId2) return;
       set((state) => {
-        const searchConversationId = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId);
+        const searchConversationId = conversationId || findConversationIdByMessageId(state.messagesByConversation, messageId2);
         const messageTombstoned = payload.messageTombstoned === true;
         let updatedConversations = state.conversations;
         if (searchConversationId && !attachmentId) {
           updatedConversations = state.conversations.map((c) => {
-            if (String(c._id) === String(searchConversationId) && String(c.lastMessage?._id || c.lastMessage?.id) === String(messageId)) {
+            if (String(c._id) === String(searchConversationId) && String(c.lastMessage?._id || c.lastMessage?.id) === String(messageId2)) {
               return { ...c, lastMessage: type === "me" ? { ...c.lastMessage, content: "" } : { ...c.lastMessage, isDeletedForEveryone: true, content: "This message has been deleted" } };
             }
             return c;
@@ -2896,7 +2915,7 @@ var init_message_handlers = __esm({
         if (searchConversationId) {
           if (attachmentId) {
             const updatedMessages = messages.map((m) => {
-              if (String(m._id || m.id) !== String(messageId)) return m;
+              if (String(m._id || m.id) !== String(messageId2)) return m;
               if (messageTombstoned || type === "everyone" && payload.content) {
                 return {
                   ...m,
@@ -2935,22 +2954,22 @@ var init_message_handlers = __esm({
               [searchConversationId]: updatedMessages
             };
           } else if (type === "me") {
-            nextMessagesByConversation = { ...state.messagesByConversation, [searchConversationId]: messages.filter((m) => String(m._id || m.id) !== String(messageId)) };
+            nextMessagesByConversation = { ...state.messagesByConversation, [searchConversationId]: messages.filter((m) => String(m._id || m.id) !== String(messageId2)) };
           } else {
             nextMessagesByConversation = {
               ...state.messagesByConversation,
-              [searchConversationId]: messages.map((m) => String(m._id || m.id) === String(messageId) ? { ...m, isDeletedForEveryone: true, content: "" } : m)
+              [searchConversationId]: messages.map((m) => String(m._id || m.id) === String(messageId2) ? { ...m, isDeletedForEveryone: true, content: "" } : m)
             };
           }
         }
         const newPendingActions = { ...state.messagePendingActions };
-        if (newPendingActions[messageId]) {
-          delete newPendingActions[messageId];
+        if (newPendingActions[messageId2]) {
+          delete newPendingActions[messageId2];
         }
-        const shouldMarkWholeMessageDeleted = type === "me" && !attachmentId && !state.deletedForMeIds.includes(messageId);
+        const shouldMarkWholeMessageDeleted = type === "me" && !attachmentId && !state.deletedForMeIds.includes(messageId2);
         return {
           lastDeleteDM: { ...payload, deleteType: type },
-          deletedForMeIds: shouldMarkWholeMessageDeleted ? [...state.deletedForMeIds, messageId] : state.deletedForMeIds,
+          deletedForMeIds: shouldMarkWholeMessageDeleted ? [...state.deletedForMeIds, messageId2] : state.deletedForMeIds,
           messagesByConversation: nextMessagesByConversation,
           conversations: updatedConversations,
           messagePendingActions: newPendingActions
@@ -3024,15 +3043,15 @@ var init_dm_actions = __esm({
       },
       receivedStatusUpdate: (payload) => {
         const data = extractMessageData(payload);
-        const { messageId, status } = data;
+        const { messageId: messageId2, status } = data;
         let { conversationId } = data;
-        if (!messageId || !status) return;
+        if (!messageId2 || !status) return;
         set({ lastStatusUpdate: payload });
         if (!conversationId) {
-          conversationId = findConversationIdByMessageId(get().messagesByConversation, messageId) || findConversationIdByLastMessageId(get().conversations, messageId) || void 0;
+          conversationId = findConversationIdByMessageId(get().messagesByConversation, messageId2) || findConversationIdByLastMessageId(get().conversations, messageId2) || void 0;
         }
         set((state) => ({
-          ...applyMessageStatusToStore(state, String(messageId), status, conversationId)
+          ...applyMessageStatusToStore(state, String(messageId2), status, conversationId)
         }));
       },
       receivedDMMarkRead: (payload) => {
@@ -3089,7 +3108,7 @@ var init_group_handlers = __esm({
         get().conversations,
         loggedUserId
       );
-      const { messageId } = extractMessageData(lastDM);
+      const { messageId: messageId2 } = extractMessageData(lastDM);
       const tempId = lastDM.tempId;
       const activeConversationId = get().activeConversationId;
       const isOpenConversation = conversationId && String(conversationId) === String(activeConversationId);
@@ -3126,23 +3145,23 @@ var init_group_handlers = __esm({
               );
               if (optimisticMsg) matchedTempId = optimisticMsg.id;
             }
-            const messageExists = current.some((m) => String(m._id || m.id) === String(messageId));
+            const messageExists = current.some((m) => String(m._id || m.id) === String(messageId2));
             if (!messageExists) {
               nextMessagesByConversation[conversationId] = [...current, {
                 ...lastDM,
-                _id: messageId,
-                id: messageId,
+                _id: messageId2,
+                id: messageId2,
                 status: lastDM.status || "sent"
               }];
             } else {
               nextMessagesByConversation[conversationId] = current.map(
-                (m) => String(m._id || m.id) === String(messageId) ? { ...m, status: lastDM.status || "sent" } : m
+                (m) => String(m._id || m.id) === String(messageId2) ? { ...m, status: lastDM.status || "sent" } : m
               );
             }
             if (matchedTempId) {
               delete newPendingActions[matchedTempId];
               nextMessagesByConversation[conversationId] = nextMessagesByConversation[conversationId].map(
-                (m) => String(m.id || m._id) === String(matchedTempId) ? { ...m, _id: messageId, id: messageId, status: lastDM.status || "sent" } : m
+                (m) => String(m.id || m._id) === String(matchedTempId) ? { ...m, _id: messageId2, id: messageId2, status: lastDM.status || "sent" } : m
               );
             }
           }
@@ -3215,10 +3234,10 @@ var init_group_handlers = __esm({
           (c) => String(c._id) === String(conversationId)
         );
         const isGroupChat = isGroupConversation(targetConv);
-        if (loggedUserDetails?._id && messageId && isGroupChat) {
+        if (loggedUserDetails?._id && messageId2 && isGroupChat) {
           get().emitGroupMessageDelivered({
             conversationId,
-            messageId,
+            messageId: messageId2,
             userId: loggedUserDetails._id
           });
         }
@@ -3296,15 +3315,15 @@ var init_group_actions2 = __esm({
       receivedGroupStatusUpdate: (payload) => {
         const data = extractMessageData(payload);
         let { conversationId } = data;
-        const { messageId, status } = data;
+        const { messageId: messageId2, status } = data;
         set({ lastStatusUpdate: payload });
         if (!status) return;
-        if (messageId) {
+        if (messageId2) {
           if (!conversationId) {
-            conversationId = findConversationIdByMessageId(get().messagesByConversation, messageId) || findConversationIdByLastMessageId(get().conversations, messageId) || void 0;
+            conversationId = findConversationIdByMessageId(get().messagesByConversation, messageId2) || findConversationIdByLastMessageId(get().conversations, messageId2) || void 0;
           }
           set((state) => ({
-            ...applyMessageStatusToStore(state, String(messageId), status, conversationId)
+            ...applyMessageStatusToStore(state, String(messageId2), status, conversationId)
           }));
           return;
         }
@@ -3520,7 +3539,7 @@ var init_receive = __esm({
           };
         });
       },
-      markDeletedForMe: (messageId) => set((state) => ({ deletedForMeIds: [...state.deletedForMeIds, messageId] }))
+      markDeletedForMe: (messageId2) => set((state) => ({ deletedForMeIds: [...state.deletedForMeIds, messageId2] }))
     });
     createReceiveActions = (set, get) => ({
       ...createDmReceiveActions(set, get),
@@ -3545,13 +3564,13 @@ var init_search_actions = __esm({
     init_api_service();
     init_store_helpers();
     createSearchActions = (set, _get) => ({
-      fetchSearchMessageContext: async (messageId, options) => {
+      fetchSearchMessageContext: async (messageId2, options) => {
         const searchMode = options?.searchMode !== false;
-        set({ isSearchActive: searchMode, searchedMessageId: messageId, isFetchingMessages: true });
+        set({ isSearchActive: searchMode, searchedMessageId: messageId2, isFetchingMessages: true });
         try {
-          const response = await searchMessagesContext(messageId);
+          const response = await searchMessagesContext(messageId2);
           const data = response.data?.list || response.data?.messages || response.messages || response.data || [];
-          const highlightId = response.data?.highlightMessageId || messageId;
+          const highlightId = response.data?.highlightMessageId || messageId2;
           if (data.length > 0) {
             const conversationId = data[0].conversationId;
             if (conversationId) {
@@ -3580,7 +3599,7 @@ var init_search_actions = __esm({
         }
       },
       setSearchActive: (active) => set({ isSearchActive: active }),
-      setSearchedMessageId: (messageId) => set({ searchedMessageId: messageId })
+      setSearchedMessageId: (messageId2) => set({ searchedMessageId: messageId2 })
     });
   }
 });
@@ -3947,6 +3966,7 @@ var buildIncomingMessageFromDM = (lastDM, loggedUserId, conversations) => {
     content: lastDM.content || lastDM.message?.content || "",
     sender: lastDM.sender?.name || lastDM.fromUserId || (isMe ? "Me" : "User"),
     senderId: String(lastDM.sender?._id || lastDM.sender || lastDM.fromUserId || ""),
+    senderImage: lastDM.sender?.image,
     timestamp: lastDM.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
     isOwnMessage: isMe,
     channelId,
@@ -4104,9 +4124,9 @@ var syncLocalMessagesOnPinUpdate = (prev, lastPinUpdate) => {
   return next;
 };
 var syncLocalMessagesOnStarUpdate = (prev, lastStarUpdate, loggedUserId) => {
-  const messageId = lastStarUpdate.messageId || lastStarUpdate._id;
-  if (!messageId) return null;
-  const mid = String(messageId);
+  const messageId2 = lastStarUpdate.messageId || lastStarUpdate._id;
+  if (!messageId2) return null;
+  const mid = String(messageId2);
   let isStarred;
   if (typeof lastStarUpdate.isStarred === "boolean") {
     isStarred = lastStarUpdate.isStarred;
@@ -4125,9 +4145,9 @@ var syncLocalMessagesOnStarUpdate = (prev, lastStarUpdate, loggedUserId) => {
   return next;
 };
 var syncLocalMessagesOnReactionUpdate = (prev, lastReactionUpdate, messagesByConversation) => {
-  const messageId = lastReactionUpdate.messageId || lastReactionUpdate._id;
-  if (!messageId) return prev;
-  const mid = String(messageId);
+  const messageId2 = lastReactionUpdate.messageId || lastReactionUpdate._id;
+  if (!messageId2) return prev;
+  const mid = String(messageId2);
   let storeReactions;
   for (const msgs of Object.values(messagesByConversation)) {
     const found = msgs.find((m) => String(m._id || m.id) === mid);
@@ -4178,7 +4198,7 @@ var syncLocalMessagesOnReactionUpdate = (prev, lastReactionUpdate, messagesByCon
   return changed ? next : prev;
 };
 var syncLocalMessagesOnDelete = (prev, lastDeleteDM) => {
-  const messageId = lastDeleteDM.messageId || lastDeleteDM._id;
+  const messageId2 = lastDeleteDM.messageId || lastDeleteDM._id;
   const deleteType = lastDeleteDM.deleteType || "everyone";
   const attachmentId = lastDeleteDM.attachmentId ? String(lastDeleteDM.attachmentId) : null;
   const messageTombstoned = lastDeleteDM.messageTombstoned === true;
@@ -4186,7 +4206,7 @@ var syncLocalMessagesOnDelete = (prev, lastDeleteDM) => {
   Object.keys(next).forEach((channelId) => {
     if (attachmentId) {
       next[channelId] = next[channelId].map((message) => {
-        if (String(message._id || message.id) !== String(messageId)) {
+        if (String(message._id || message.id) !== String(messageId2)) {
           return message;
         }
         return applyLocalAttachmentDelete(
@@ -4200,26 +4220,26 @@ var syncLocalMessagesOnDelete = (prev, lastDeleteDM) => {
     }
     if (deleteType === "me") {
       next[channelId] = next[channelId].filter(
-        (m) => String(m._id || m.id) !== String(messageId)
+        (m) => String(m._id || m.id) !== String(messageId2)
       );
     } else {
       next[channelId] = next[channelId].map(
-        (m) => String(m._id || m.id) === String(messageId) ? { ...m, isDeletedForEveryone: true } : m
+        (m) => String(m._id || m.id) === String(messageId2) ? { ...m, isDeletedForEveryone: true } : m
       );
     }
   });
   return next;
 };
 var syncLocalMessagesOnEdit = (prev, lastEditDM) => {
-  const messageId = lastEditDM.messageId || lastEditDM._id;
+  const messageId2 = lastEditDM.messageId || lastEditDM._id;
   const content = lastEditDM.content;
   const attachmentId = lastEditDM.attachmentId ? String(lastEditDM.attachmentId) : null;
   const caption = lastEditDM.caption ?? content;
-  if (!messageId) return null;
+  if (!messageId2) return null;
   const next = { ...prev };
   Object.keys(next).forEach((channelId) => {
     const messages = next[channelId];
-    const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId));
+    const index = messages.findIndex((m) => String(m._id || m.id) === String(messageId2));
     if (index !== -1) {
       const updated = [...messages];
       const current = updated[index];
@@ -4489,7 +4509,7 @@ var Chat = ({
   const status = exports.useChatStore((s) => s.status);
   const error = exports.useChatStore((s) => s.error);
   useChatSync();
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     const clientId = client?.id;
     const initializeChat = async () => {
       if (!clientId || !loggedUserDetails) return;
@@ -4578,28 +4598,28 @@ var Chat = ({
     queryParamApis: queryParamApis ?? ["get"],
     queryParamsByApi: queryParamsByApi ?? {}
   });
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     exports.setChatQueryParams(queryParams);
     exports.setChatQueryParamApis(queryParamApis);
     exports.setChatQueryParamsByApi(queryParamsByApi);
   }, [queryConfigKey]);
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (lastDM && onMessageReceived) {
       onMessageReceived(lastDM);
     }
   }, [lastDM, onMessageReceived]);
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (status === "connected" && onSocketConnected) {
       const socketId = exports.useChatStore.getState().socketId;
       if (socketId) onSocketConnected(socketId);
     }
   }, [status, onSocketConnected]);
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (status === "error" && error && onSocketError) {
       onSocketError(error);
     }
   }, [status, error, onSocketError]);
-  const contextValue = React2__default.default.useMemo(
+  const contextValue = React2__namespace.default.useMemo(
     () => ({
       onSendMessage,
       client,
@@ -4619,7 +4639,7 @@ var Chat = ({
       messagesData
     ]
   );
-  const customization = React2__default.default.useMemo(
+  const customization = React2__namespace.default.useMemo(
     () => ({
       components: uiConfig.components,
       classNames: uiConfig.classNames,
@@ -6714,20 +6734,35 @@ init_chat_constants();
 // src/chat/lib/last-message-preview.ts
 init_store_helpers();
 
-// src/chat/lib/chat-attachment-display.ts
-init_chat_constants();
-function cleanAttachmentDisplayName(filename, fallback = "Attachment") {
-  const trimmed = filename.trim();
-  if (!trimmed) return fallback;
-  let name = trimmed;
-  const prefixPattern = new RegExp(`^\\d{${ATTACHMENT_FILENAME_TIMESTAMP_LENGTH}}_`);
-  while (prefixPattern.test(name)) {
-    name = name.slice(ATTACHMENT_FILENAME_TIMESTAMP_LENGTH + 1);
+// src/chat/lib/attachment-preview-labels.ts
+function getAttachmentTypePreviewLabel(type) {
+  switch (String(type || "").toLowerCase()) {
+    case "image":
+      return "Photo";
+    case "video":
+      return "Video";
+    case "audio":
+      return "Audio";
+    case "file":
+    case "document":
+    case "spreadsheet":
+      return "Attachment";
+    default:
+      return "Attachment";
   }
-  if (name.length > ATTACHMENT_FILENAME_TIMESTAMP_LENGTH && /^\d+$/.test(name.slice(0, ATTACHMENT_FILENAME_TIMESTAMP_LENGTH)) && name[ATTACHMENT_FILENAME_TIMESTAMP_LENGTH] !== "_") {
-    name = name.slice(ATTACHMENT_FILENAME_TIMESTAMP_LENGTH);
+}
+function getAttachmentCountPreviewLabel(type, count) {
+  if (count <= 1) return getAttachmentTypePreviewLabel(type);
+  switch (String(type).toLowerCase()) {
+    case "image":
+      return `${count} photos`;
+    case "video":
+      return `${count} videos`;
+    case "audio":
+      return `${count} audio files`;
+    default:
+      return `${count} attachments`;
   }
-  return name.trim() || trimmed;
 }
 
 // src/chat/lib/last-message-preview.ts
@@ -6735,21 +6770,30 @@ function getAttachmentOnlyPreviewText(attachments) {
   const images = attachments.filter((att2) => att2.type === "image" && att2.url);
   const videos = attachments.filter((att2) => att2.type === "video" && att2.url);
   const audios = attachments.filter((att2) => att2.type === "audio" && att2.url);
-  if (images.length > 1) return `${images.length} photos`;
+  const files = attachments.filter(
+    (att2) => att2.url && !["image", "video", "audio"].includes(att2.type)
+  );
+  if (images.length > 1) return getAttachmentCountPreviewLabel("image", images.length);
   if (images.length === 1) {
-    return images[0].caption?.trim() || "Photo";
+    return images[0].caption?.trim() || getAttachmentTypePreviewLabel("image");
   }
-  if (videos.length > 1) return `${videos.length} videos`;
+  if (videos.length > 1) return getAttachmentCountPreviewLabel("video", videos.length);
   if (videos.length === 1) {
-    return videos[0].caption?.trim() || "Video";
+    return videos[0].caption?.trim() || getAttachmentTypePreviewLabel("video");
   }
-  if (audios.length > 1) return `${audios.length} audio files`;
+  if (audios.length > 1) return getAttachmentCountPreviewLabel("audio", audios.length);
   if (audios.length === 1) {
-    return audios[0].caption?.trim() || "Audio";
+    return audios[0].caption?.trim() || getAttachmentTypePreviewLabel("audio");
+  }
+  if (files.length > 1) return getAttachmentCountPreviewLabel("file", files.length);
+  if (files.length === 1) {
+    return files[0].caption?.trim() || getAttachmentTypePreviewLabel(files[0].type);
+  }
+  if (attachments.length > 1) {
+    return getAttachmentCountPreviewLabel("file", attachments.length);
   }
-  if (attachments.length > 1) return `${attachments.length} files`;
   const att = attachments[0];
-  return att.caption?.trim() || cleanAttachmentDisplayName(att.name || "", "Attachment");
+  return att?.caption?.trim() || getAttachmentTypePreviewLabel(att?.type);
 }
 function getLastMessageSidebarPreview(message) {
   const content = String(message?.content || "").trim();
@@ -6763,6 +6807,10 @@ function getLastMessageSidebarPreview(message) {
   if (attachments.length > 0) {
     return getAttachmentOnlyPreviewText(attachments);
   }
+  const messageType = String(message?.type || "").toLowerCase();
+  if (messageType && messageType !== "text") {
+    return getAttachmentTypePreviewLabel(messageType);
+  }
   return "No messages yet";
 }
 function getMessagePreviewText(message, fallback = "Message") {
@@ -6774,6 +6822,10 @@ function getMessagePreviewText(message, fallback = "Message") {
   if (attachments.length > 0) {
     return getAttachmentOnlyPreviewText(attachments);
   }
+  const messageType = String(message?.type || "").toLowerCase();
+  if (messageType && messageType !== "text") {
+    return getAttachmentTypePreviewLabel(messageType);
+  }
   return fallback;
 }
 
@@ -7415,7 +7467,7 @@ function highlightSearchMatch(text, query) {
         children: part
       },
       `${part}-${index}`
-    ) : /* @__PURE__ */ jsxRuntime.jsx(React2__default.default.Fragment, { children: part }, `${part}-${index}`)
+    ) : /* @__PURE__ */ jsxRuntime.jsx(React2__namespace.default.Fragment, { children: part }, `${part}-${index}`)
   );
 }
 function getMessagePreview(message) {
@@ -7830,11 +7882,11 @@ function buildAttachmentSummary(attachments) {
     else fileCount += 1;
   }
   const parts = [];
-  if (imageCount) parts.push(`${imageCount} photo${imageCount > 1 ? "s" : ""}`);
-  if (videoCount) parts.push(`${videoCount} video${videoCount > 1 ? "s" : ""}`);
-  if (audioCount) parts.push(`${audioCount} audio file${audioCount > 1 ? "s" : ""}`);
-  if (fileCount) parts.push(`${fileCount} file${fileCount > 1 ? "s" : ""}`);
-  return parts.join(", ") || "Attachment";
+  if (imageCount) parts.push(getAttachmentCountPreviewLabel("image", imageCount));
+  if (videoCount) parts.push(getAttachmentCountPreviewLabel("video", videoCount));
+  if (audioCount) parts.push(getAttachmentCountPreviewLabel("audio", audioCount));
+  if (fileCount) parts.push(getAttachmentCountPreviewLabel("file", fileCount));
+  return parts.join(", ") || getAttachmentTypePreviewLabel("file");
 }
 function mapSavedMessageAttachments(msg, messageObj, ctx) {
   const loggedUserId = String(ctx.loggedUserDetails?._id || "");
@@ -7896,11 +7948,19 @@ function resolveSavedMessageContent(messageObj, msg) {
     }
     return { content: filename, messageType: "file", previewUrl: void 0 };
   }
-  if (messageType === "image") return { content: "Photo", messageType, previewUrl: void 0 };
-  if (messageType === "video") return { content: "Video", messageType, previewUrl: void 0 };
-  if (messageType === "audio") return { content: "Audio", messageType, previewUrl: void 0 };
-  if (messageType === "file") return { content: "File", messageType, previewUrl: void 0 };
-  return { content: "Attachment", messageType, previewUrl: void 0 };
+  if (messageType === "image") {
+    return { content: getAttachmentTypePreviewLabel("image"), messageType, previewUrl: void 0 };
+  }
+  if (messageType === "video") {
+    return { content: getAttachmentTypePreviewLabel("video"), messageType, previewUrl: void 0 };
+  }
+  if (messageType === "audio") {
+    return { content: getAttachmentTypePreviewLabel("audio"), messageType, previewUrl: void 0 };
+  }
+  if (messageType === "file") {
+    return { content: getAttachmentTypePreviewLabel("file"), messageType, previewUrl: void 0 };
+  }
+  return { content: getAttachmentTypePreviewLabel("file"), messageType, previewUrl: void 0 };
 }
 function getMessageId(msg) {
   if (msg?.messageId && typeof msg.messageId === "object") {
@@ -7934,7 +7994,7 @@ function readSenderFromRecord(record) {
 }
 function resolveSenderName(msg, ctx) {
   const messageObj = getMessageObject(msg);
-  const messageId = getMessageId(msg);
+  const messageId2 = getMessageId(msg);
   const loggedId = String(ctx.loggedUserDetails?._id || "");
   const tryRecord = (record) => {
     const parsed = readSenderFromRecord(record);
@@ -7951,9 +8011,9 @@ function resolveSenderName(msg, ctx) {
     const hit = tryRecord(record);
     if (hit) return hit;
   }
-  if (messageId && ctx.conversationMessages?.length) {
+  if (messageId2 && ctx.conversationMessages?.length) {
     const found = ctx.conversationMessages.find(
-      (m) => String(m._id || m.id) === String(messageId)
+      (m) => String(m._id || m.id) === String(messageId2)
     );
     if (found) {
       const hit = tryRecord(found);
@@ -8004,7 +8064,7 @@ function parseSavedMessage(msg, ctx = {}) {
   const mode = ctx.mode || "pinned";
   const prefs = ctx.dateTimePrefs ?? {};
   if (msg?.isAttachment) {
-    const messageId2 = String(msg.messageId || "");
+    const messageId3 = String(msg.messageId || "");
     const attachmentId2 = String(msg.attachmentId || msg._id || "");
     const attachments2 = mapSavedMessageAttachments(msg, null, ctx);
     const { content: content2, previewUrl: previewUrl2, messageType: messageType2 } = resolveSavedMessageContent(null, msg);
@@ -8012,8 +8072,8 @@ function parseSavedMessage(msg, ctx = {}) {
     const actionAt2 = msg?.createdAt || msg?.updatedAt || "";
     const bodyText2 = String(msg.attachment?.caption || "").trim() || void 0;
     return {
-      id: attachmentId2 || messageId2,
-      messageId: messageId2,
+      id: attachmentId2 || messageId3,
+      messageId: messageId3,
       attachmentId: attachmentId2 || void 0,
       content: content2,
       bodyText: bodyText2,
@@ -8032,7 +8092,7 @@ function parseSavedMessage(msg, ctx = {}) {
   }
   const messageObj = getMessageObject(msg);
   const id = getMessageId(msg);
-  const messageId = id;
+  const messageId2 = id;
   const attachmentId = msg?.attachmentId ? String(msg.attachmentId) : void 0;
   const attachments = mapSavedMessageAttachments(msg, messageObj, ctx);
   const rawContent = messageObj?.content ?? msg?.content ?? msg?.messageId?.content ?? "";
@@ -8054,8 +8114,8 @@ function parseSavedMessage(msg, ctx = {}) {
     metaLabel = "Starred by you";
   }
   return {
-    id: attachmentId ? `${messageId}:${attachmentId}` : id,
-    messageId,
+    id: attachmentId ? `${messageId2}:${attachmentId}` : id,
+    messageId: messageId2,
     attachmentId,
     content: displayContent,
     bodyText,
@@ -8085,6 +8145,22 @@ function groupSavedMessages(items) {
   }));
 }
 
+// src/chat/lib/chat-attachment-display.ts
+init_chat_constants();
+function cleanAttachmentDisplayName(filename, fallback = "Attachment") {
+  const trimmed = filename.trim();
+  if (!trimmed) return fallback;
+  let name = trimmed;
+  const prefixPattern = new RegExp(`^\\d{${ATTACHMENT_FILENAME_TIMESTAMP_LENGTH}}_`);
+  while (prefixPattern.test(name)) {
+    name = name.slice(ATTACHMENT_FILENAME_TIMESTAMP_LENGTH + 1);
+  }
+  if (name.length > ATTACHMENT_FILENAME_TIMESTAMP_LENGTH && /^\d+$/.test(name.slice(0, ATTACHMENT_FILENAME_TIMESTAMP_LENGTH)) && name[ATTACHMENT_FILENAME_TIMESTAMP_LENGTH] !== "_") {
+    name = name.slice(ATTACHMENT_FILENAME_TIMESTAMP_LENGTH);
+  }
+  return name.trim() || trimmed;
+}
+
 // src/chat/header/saved-message/saved-message-utils.ts
 var AVATAR_PALETTES = [
   "bg-violet-500/15 text-violet-600 dark:text-violet-300",
@@ -8506,6 +8582,18 @@ var MessageStatus = ({ status, isPending, className }) => {
   ) });
 };
 var MessageStatus_default = MessageStatus;
+function GroupSenderName({ name, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "block max-w-full truncate text-[13px] font-semibold leading-[1.15] tracking-tight text-(--chat-incoming-text)",
+        className
+      ),
+      children: name
+    }
+  );
+}
 function ForwardDoubleIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -8543,22 +8631,10 @@ function MessageForwardedLabel({ isSender, className, overlay }) {
     }
   );
 }
-function GroupSenderName({ name, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cn(
-        "block max-w-full truncate text-[13px] font-semibold leading-[1.15] tracking-tight text-(--chat-incoming-text)",
-        className
-      ),
-      children: name
-    }
-  );
-}
 
 // src/chat/lib/chat-message-bubble.ts
-function getBubbleCornerClasses() {
-  return "rounded-tl-[18px] rounded-tr-[18px] rounded-br-[18px] rounded-bl-none";
+function getBubbleCornerClasses(isSender) {
+  return isSender ? "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-none" : "rounded-tl-[18px] rounded-tr-[18px] rounded-br-[18px] rounded-bl-none";
 }
 function getChatBubbleClasses({
   isSender = false,
@@ -8569,7 +8645,7 @@ function getChatBubbleClasses({
   const isNeutral = resolvedSurface === "neutral";
   return cn(
     "relative",
-    getBubbleCornerClasses(),
+    getBubbleCornerClasses(isSender),
     resolvedSurface === "sent" && "chat-bubble-sent bg-(--chat-theme) text-white",
     resolvedSurface === "received" && "chat-bubble-received border border-(--chat-border)/60 bg-(--chat-incoming-bubble) text-(--chat-incoming-text)",
     isNeutral && "chat-bubble-received border border-(--chat-border)/60 bg-(--chat-incoming-bubble) text-(--chat-incoming-text)",
@@ -10359,7 +10435,8 @@ function MessageAttachmentsView({
   isGroupedWithPrev = false,
   isGroupedWithNext = false,
   showSenderLabel = false,
-  senderName
+  senderName,
+  senderId
 }) {
   const [documentPreview, setDocumentPreview] = React2.useState(null);
   const visibleAttachments = getVisibleAttachments(attachments);
@@ -10416,7 +10493,13 @@ function MessageAttachmentsView({
                     isImageOnlyBubble ? "px-2.5 pt-1.5 pb-1" : "px-0.5 pb-0.5"
                   ),
                   children: [
-                    canShowSenderName ? /* @__PURE__ */ jsxRuntime.jsx(GroupSenderName, { name: senderName }) : null,
+                    canShowSenderName ? /* @__PURE__ */ jsxRuntime.jsx(
+                      GroupSenderName,
+                      {
+                        name: senderName,
+                        colorSeed: senderId || senderName
+                      }
+                    ) : null,
                     showForwardedInHeader ? /* @__PURE__ */ jsxRuntime.jsx(
                       MessageForwardedLabel,
                       {
@@ -10960,7 +11043,7 @@ function collectConversationAttachments(messages) {
   const items = [];
   for (const message of messages) {
     if (message?.isDeletedForEveryone) continue;
-    const messageId = String(message._id || message.id || "");
+    const messageId2 = String(message._id || message.id || "");
     const createdAt = message.createdAt || message.timestamp;
     const messageType = message.type || "text";
     for (const attachment of message.attachments || []) {
@@ -10978,13 +11061,35 @@ function collectConversationAttachments(messages) {
         url,
         name,
         type: resolveFileCategory(name, fileType, resolvedType),
-        messageId,
+        messageId: messageId2,
         createdAt,
         size: typeof attachment.size === "number" ? attachment.size : void 0,
         duration: typeof attachment.duration === "number" ? attachment.duration : void 0,
         fileType
       });
     }
+    if ((message.attachments || []).length === 0) {
+      const rootUrl = message.url || message.fileUrl || message.attachmentUrl || message.public_link || message.publicLink || "";
+      if (!rootUrl) continue;
+      const name = message.filename || message.fileName || message.name || "Attachment";
+      const fileType = message.fileType || message.mimeType || "";
+      const dedupeKey = `${rootUrl}|${name}`;
+      if (seen.has(dedupeKey)) continue;
+      seen.add(dedupeKey);
+      const baseType = inferAttachmentType(fileType, name);
+      const resolvedType = messageType === "image" && baseType === "file" ? "image" : baseType;
+      items.push({
+        id: String(message.attachmentId || message.fileId || dedupeKey),
+        url: rootUrl,
+        name,
+        type: resolveFileCategory(name, fileType, resolvedType),
+        messageId: messageId2,
+        createdAt,
+        size: typeof message.size === "number" ? message.size : void 0,
+        duration: typeof message.duration === "number" ? message.duration : void 0,
+        fileType
+      });
+    }
   }
   return items.sort(
     (a, b) => new Date(b.createdAt || 0).getTime() - new Date(a.createdAt || 0).getTime()
@@ -11195,9 +11300,13 @@ function AttachmentSection({
 }
 var AttachmentsDrawer = ({ isOpen, onOpenChange, conversationId }) => {
   const messagesByConversation = exports.useChatStore((s) => s.messagesByConversation);
+  const messagesMetadata = exports.useChatStore((s) => s.messagesMetadata);
+  const fetchMessages2 = exports.useChatStore((s) => s.fetchMessages);
   const [sectionVisibleCount, setSectionVisibleCount] = React2.useState({});
   const [documentPreview, setDocumentPreview] = React2.useState(null);
   const [imageLightboxIndex, setImageLightboxIndex] = React2.useState(null);
+  const hasLoadedMessages = conversationId ? Boolean(messagesMetadata[conversationId]?.isFirstPage) : false;
+  const isLoading = isOpen && !!conversationId && !hasLoadedMessages;
   React2.useEffect(() => {
     if (!isOpen) {
       setSectionVisibleCount({});
@@ -11208,6 +11317,10 @@ var AttachmentsDrawer = ({ isOpen, onOpenChange, conversationId }) => {
   React2.useEffect(() => {
     setSectionVisibleCount({});
   }, [conversationId]);
+  React2.useEffect(() => {
+    if (!isOpen || !conversationId || hasLoadedMessages) return;
+    fetchMessages2(conversationId);
+  }, [isOpen, conversationId, hasLoadedMessages, fetchMessages2]);
   const attachments = React2.useMemo(() => {
     if (!conversationId) return [];
     const messages = messagesByConversation[conversationId] || [];
@@ -11259,7 +11372,11 @@ var AttachmentsDrawer = ({ isOpen, onOpenChange, conversationId }) => {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[11px] text-(--chat-muted)", children: "Shared media and files" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-message-scroll flex-1 overflow-y-auto bg-(--chat-main-bg) px-2.5 py-2", children: attachments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-saved-empty flex min-h-[220px] flex-col items-center justify-center px-4 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-message-scroll flex-1 overflow-y-auto bg-(--chat-main-bg) px-2.5 py-2", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[220px] flex-col items-center justify-center px-4 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mb-3 size-8 animate-spin text-(--chat-theme)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] font-medium text-(--chat-text)", children: "Loading attachments..." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[11px] text-(--chat-muted)", children: "Fetching shared files for this chat" })
+      ] }) : attachments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-saved-empty flex min-h-[220px] flex-col items-center justify-center px-4 text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-saved-empty-icon-wrap", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Paperclip, { size: 22, className: cn("chat-saved-empty-icon !text-(--chat-theme)") }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[14px] font-semibold text-(--chat-text)", children: "No attachments" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 max-w-[240px] text-[12px] leading-relaxed text-(--chat-muted)", children: "Shared files will show up here." })
@@ -11642,7 +11759,7 @@ var ChannelDetailsDrawer = (props) => {
             {
               type: "button",
               onClick: () => fileInputRef.current?.click(),
-              className: "absolute -bottom-0.5 -right-0.5 flex size-6 items-center justify-center rounded-full border border-(--chat-border) bg-(--chat-surface) text-(--chat-muted) shadow-sm hover:text-(--chat-text)",
+              className: "absolute -bottom-0.5 -right-0.5 flex size-6 items-center justify-center rounded-full border border-(--chat-border) bg-(--chat-surface) text-(--chat-theme) shadow-sm hover:bg-(--chat-theme-10)",
               title: "Change group avatar",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Camera, { size: 12 })
             }
@@ -11681,7 +11798,7 @@ var ChannelDetailsDrawer = (props) => {
               {
                 variant: "outline",
                 size: "sm",
-                className: "h-8 flex-1 text-[12px]",
+                className: "h-8 flex-1 border-(--chat-border) bg-(--chat-surface) text-[12px] text-(--chat-text) hover:bg-(--chat-hover)",
                 onClick: () => setIsEditing(false),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mr-1 size-3" }),
@@ -11693,7 +11810,7 @@ var ChannelDetailsDrawer = (props) => {
               Button,
               {
                 size: "sm",
-                className: "h-8 flex-1 text-[12px]",
+                className: "h-8 flex-1 border border-(--chat-theme) bg-(--chat-theme) text-[12px] text-white hover:opacity-90 disabled:opacity-50",
                 onClick: handleSave,
                 disabled: isSaving || imageUploadStatus === "uploading",
                 children: isSaving ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -11711,7 +11828,7 @@ var ChannelDetailsDrawer = (props) => {
             {
               variant: "ghost",
               size: "sm",
-              className: "mt-2 h-7 gap-1 px-2 text-[11px] text-(--chat-muted) hover:text-(--chat-text)",
+              className: "mt-2 h-7 gap-1 px-2 text-[11px] text-(--chat-theme) hover:bg-(--chat-theme-10) hover:text-(--chat-theme)",
               onClick: () => setIsEditing(true),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "size-3" }),
@@ -12569,8 +12686,8 @@ function useChannelHeader({
       }
     }
   };
-  const handleSelectSearchResult = async (messageId) => {
-    await fetchSearchMessageContext(messageId);
+  const handleSelectSearchResult = async (messageId2) => {
+    await fetchSearchMessageContext(messageId2);
     handleCloseSearch();
   };
   const handleSearchOpenChange = (open) => {
@@ -12606,6 +12723,14 @@ function useChannelHeader({
       fetchStarredMessages2(conversationId);
     }
   }, [state.isFavoriteOpen, conversationId, fetchStarredMessages2]);
+  React2.useEffect(() => {
+    if (state.isAttachmentsOpen && conversationId) {
+      const meta = exports.useChatStore.getState().messagesMetadata[conversationId];
+      if (!meta?.isFirstPage) {
+        fetchMessagesStore(conversationId);
+      }
+    }
+  }, [state.isAttachmentsOpen, conversationId, fetchMessagesStore]);
   const pinnedCount = liveCounts?.pinnedCount ?? activeChannel?.pinnedCount ?? 0;
   const starredCount = liveCounts?.starredCount ?? activeChannel?.starredCount ?? 0;
   const handleClearChat = () => {
@@ -12651,14 +12776,14 @@ function useChannelHeader({
       updateState({ isBlockAlertOpen: false });
     }
   };
-  const handleUnpin = (messageId, attachmentId) => {
+  const handleUnpin = (messageId2, attachmentId) => {
     if (!loggedUserDetails?._id || !conversationId || !activeChannel) return;
-    const loadingKey = attachmentId ? `${messageId}:${attachmentId}` : messageId;
+    const loadingKey = attachmentId ? `${messageId2}:${attachmentId}` : messageId2;
     updateState({ loadingIds: new Set(state.loadingIds).add(loadingKey) });
     const basePayload = {
       conversationId,
       sender: loggedUserDetails._id,
-      messageId,
+      messageId: messageId2,
       receiver: activeChannel.id,
       ...attachmentId ? { attachmentId } : {}
     };
@@ -12678,12 +12803,12 @@ function useChannelHeader({
     if (!dateStr) return "";
     return formatLongDate(dateStr);
   };
-  const handleUnstar = (messageId, attachmentId) => {
+  const handleUnstar = (messageId2, attachmentId) => {
     if (!loggedUserDetails?._id || !conversationId || !activeChannel) return;
-    const loadingKey = attachmentId ? `${messageId}:${attachmentId}` : messageId;
+    const loadingKey = attachmentId ? `${messageId2}:${attachmentId}` : messageId2;
     updateState({ loadingIds: new Set(state.loadingIds).add(loadingKey) });
     const basePayload = {
-      messageId,
+      messageId: messageId2,
       sender: loggedUserDetails._id,
       conversationId,
       receiver: activeChannel.id,
@@ -12953,7 +13078,7 @@ var MessageReactions = ({
         {
           onClick: () => onReactionClick(emoji),
           className: cn(
-            "flex items-center gap-1 px-2 py-0.5 rounded-full text-xs border shadow-sm transition-all shadow-black/5 outline-none",
+            "flex items-center gap-0.5 px-1.5 py-0.5 rounded-full text-[11px] border shadow-[0_1px_3px_rgba(15,23,42,0.08)] transition-all outline-none",
             isReactedByMe ? "bg-(--chat-theme-10) border-(--chat-theme-20) text-(--chat-theme)" : "bg-(--chat-surface) border-(--chat-border) text-(--chat-text) hover:bg-(--chat-hover)"
           ),
           children: [
@@ -13007,7 +13132,7 @@ var MessageToolbar = ({
     "div",
     {
       className: cn(
-        "absolute -top-8 z-40 flex items-center gap-0.5 rounded-full border border-(--chat-border) p-0.5 shadow-md backdrop-blur-sm",
+        "absolute -top-8 z-50 flex items-center gap-0.5 rounded-full border border-(--chat-border) p-0.5 shadow-md backdrop-blur-sm",
         "bg-(--chat-toolbar-bg) text-(--chat-text)",
         isSender ? "right-0" : "left-0"
       ),
@@ -13283,8 +13408,8 @@ init_useStore();
 
 // src/chat/lib/chat-selection.ts
 init_attachment_helpers();
-function buildSelectionKey(messageId, attachmentId) {
-  return pinKey(messageId, attachmentId || null);
+function buildSelectionKey(messageId2, attachmentId) {
+  return pinKey(messageId2, attachmentId || null);
 }
 function parseSelectionKey(key) {
   const colonIndex = key.indexOf(":");
@@ -13299,8 +13424,8 @@ function parseSelectionKey(key) {
 function messageUsesAttachmentSelection(message) {
   return getVisibleAttachments(message.attachments).length > 1;
 }
-function getSelectedAttachmentIdsForMessage(selectedKeys, messageId) {
-  const prefix = `${messageId}:`;
+function getSelectedAttachmentIdsForMessage(selectedKeys, messageId2) {
+  const prefix = `${messageId2}:`;
   const ids = /* @__PURE__ */ new Set();
   selectedKeys.forEach((key) => {
     if (key.startsWith(prefix)) {
@@ -13309,14 +13434,14 @@ function getSelectedAttachmentIdsForMessage(selectedKeys, messageId) {
   });
   return ids;
 }
-function isMessageWhollySelected(selectedKeys, messageId) {
-  return selectedKeys.has(messageId);
+function isMessageWhollySelected(selectedKeys, messageId2) {
+  return selectedKeys.has(messageId2);
 }
 function resolveForwardItems(selectedKeys, messages) {
   const items = [];
   selectedKeys.forEach((key) => {
-    const { messageId, attachmentId } = parseSelectionKey(key);
-    const message = messages.find((entry) => String(entry._id || entry.id) === messageId);
+    const { messageId: messageId2, attachmentId } = parseSelectionKey(key);
+    const message = messages.find((entry) => String(entry._id || entry.id) === messageId2);
     if (!message) return;
     items.push({ message, attachmentId });
   });
@@ -13342,7 +13467,7 @@ function useMessageItemActions({
   message,
   createdAt,
   attachments,
-  messageId,
+  messageId: messageId2,
   receiver,
   isDeletedForEveryone,
   reactions,
@@ -13394,10 +13519,10 @@ function useMessageItemActions({
   const allUsers = exports.useChatStore((s) => s.allUsers);
   const loggedUserDetails = exports.useChatStore((s) => s.loggedUserDetails);
   const pinnedMessagesByConversation = exports.useChatStore((s) => s.pinnedMessagesByConversation);
-  const mid = String(messageId || "");
+  const mid = String(messageId2 || "");
   const pendingActions = mid ? messagePendingActions[mid] || [] : [];
   const isPending = Boolean(
-    isSender && (String(messageId || "").startsWith("temp-") || mid && (messagePendingActions[mid] || []).includes("send"))
+    isSender && (String(messageId2 || "").startsWith("temp-") || mid && (messagePendingActions[mid] || []).includes("send"))
   );
   const isEditPending = pendingActions.includes("edit");
   const isDeletePending = pendingActions.includes("delete");
@@ -13435,13 +13560,13 @@ function useMessageItemActions({
   };
   const handleSaveAttachmentCaption = (caption, attachment) => {
     const target = attachment ?? state.captionModalAttachment;
-    if (!messageId || !loggedUserDetails || !target) return;
+    if (!messageId2 || !loggedUserDetails || !target) return;
     const attachmentId = target.id;
     if (isGroup) {
       if (!conversationId) return;
       emitGroupEdit({
         content: caption,
-        messageId,
+        messageId: messageId2,
         sender: loggedUserDetails._id,
         conversationId,
         attachmentId
@@ -13450,7 +13575,7 @@ function useMessageItemActions({
       if (!receiver) return;
       emitDmEdit({
         content: caption,
-        messageId,
+        messageId: messageId2,
         sender: loggedUserDetails._id,
         receiver,
         attachmentId
@@ -13467,12 +13592,12 @@ function useMessageItemActions({
     onEnterSelectionMode?.();
   };
   const handleSaveEdit = () => {
-    if (!messageId || !loggedUserDetails) return;
+    if (!messageId2 || !loggedUserDetails) return;
     if (isGroup) {
       if (!conversationId) return;
       emitGroupEdit({
         content: state.editValue.trim(),
-        messageId,
+        messageId: messageId2,
         sender: loggedUserDetails._id,
         conversationId
       });
@@ -13480,7 +13605,7 @@ function useMessageItemActions({
       if (!receiver) return;
       emitDmEdit({
         content: state.editValue.trim(),
-        messageId,
+        messageId: messageId2,
         sender: loggedUserDetails._id,
         receiver
       });
@@ -13491,7 +13616,7 @@ function useMessageItemActions({
     updateState({ isEditing: false, editValue: message });
   };
   const handleDeleteMessage = (deleteType) => {
-    if (!messageId || !loggedUserDetails) return;
+    if (!messageId2 || !loggedUserDetails) return;
     if (deleteType === "everyone" && !isSender) return;
     if (deleteType === "everyone" && !isWithinEditWindow()) return;
     const attachmentIds = hasAttachments ? deleteAttachmentIds : [];
@@ -13499,7 +13624,7 @@ function useMessageItemActions({
       if (isGroup) {
         if (!conversationId) return;
         emitGroupDelete({
-          messageId,
+          messageId: messageId2,
           sender: loggedUserDetails._id,
           deleteType,
           conversationId,
@@ -13508,7 +13633,7 @@ function useMessageItemActions({
       } else {
         if (!receiver) return;
         emitDmDelete({
-          messageId,
+          messageId: messageId2,
           sender: loggedUserDetails._id,
           receiver,
           deleteType,
@@ -13530,7 +13655,7 @@ function useMessageItemActions({
     onForward?.();
   };
   const handleReactionClick = (emojiObject) => {
-    if (!messageId || !loggedUserDetails) return;
+    if (!messageId2 || !loggedUserDetails) return;
     const reaction = typeof emojiObject === "string" ? emojiObject : emojiObject.emoji || emojiObject.native;
     const hasReacted = reactions?.some(
       (r) => r.reaction === reaction && String(r.addedBy?._id || r.addedBy || r.sender?._id || r.sender) === String(loggedUserDetails._id)
@@ -13539,7 +13664,7 @@ function useMessageItemActions({
       if (isGroup) {
         if (!conversationId) return;
         emitGroupReactionRemove({
-          messageId,
+          messageId: messageId2,
           sender: loggedUserDetails._id,
           reaction,
           conversationId
@@ -13547,7 +13672,7 @@ function useMessageItemActions({
       } else {
         if (!receiver) return;
         emitDmReactionRemove({
-          messageId,
+          messageId: messageId2,
           sender: loggedUserDetails._id,
           receiver,
           reaction,
@@ -13558,7 +13683,7 @@ function useMessageItemActions({
       if (isGroup) {
         if (!conversationId) return;
         emitGroupReactionAdd({
-          messageId,
+          messageId: messageId2,
           sender: loggedUserDetails._id,
           reaction,
           conversationId
@@ -13566,7 +13691,7 @@ function useMessageItemActions({
       } else {
         if (!receiver) return;
         emitDmReactionAdd({
-          messageId,
+          messageId: messageId2,
           sender: loggedUserDetails._id,
           receiver,
           reaction,
@@ -13576,7 +13701,7 @@ function useMessageItemActions({
     }
   };
   const handlePinClick = () => {
-    if (!messageId || !loggedUserDetails) return;
+    if (!messageId2 || !loggedUserDetails) return;
     if (isPinned) {
       if (!isPinnedByMe) return;
       if (isGroup) {
@@ -13584,14 +13709,14 @@ function useMessageItemActions({
         emitGroupUnpin({
           conversationId,
           sender: loggedUserDetails._id,
-          messageId,
+          messageId: messageId2,
           receiver: ""
         });
       } else {
         emitDmUnpin({
           conversationId,
           sender: loggedUserDetails._id,
-          messageId,
+          messageId: messageId2,
           receiver: receiver || ""
         });
       }
@@ -13601,32 +13726,32 @@ function useMessageItemActions({
         emitGroupPin({
           conversationId,
           sender: loggedUserDetails._id,
-          messageId,
+          messageId: messageId2,
           receiver: ""
         });
       } else {
         emitDmPin({
           conversationId,
           sender: loggedUserDetails._id,
-          messageId,
+          messageId: messageId2,
           receiver: receiver || ""
         });
       }
     }
   };
   const handleStarClick = () => {
-    if (!messageId || !loggedUserDetails || !conversationId) return;
+    if (!messageId2 || !loggedUserDetails || !conversationId) return;
     if (isStarred) {
       if (isGroup) {
-        emitGroupUnstar({ messageId, sender: loggedUserDetails._id, conversationId });
+        emitGroupUnstar({ messageId: messageId2, sender: loggedUserDetails._id, conversationId });
       } else {
-        emitDmUnstar({ messageId, sender: loggedUserDetails._id, conversationId });
+        emitDmUnstar({ messageId: messageId2, sender: loggedUserDetails._id, conversationId });
       }
     } else {
       if (isGroup) {
-        emitGroupStar({ messageId, sender: loggedUserDetails._id, conversationId });
+        emitGroupStar({ messageId: messageId2, sender: loggedUserDetails._id, conversationId });
       } else {
-        emitDmStar({ messageId, sender: loggedUserDetails._id, conversationId });
+        emitDmStar({ messageId: messageId2, sender: loggedUserDetails._id, conversationId });
       }
     }
   };
@@ -13848,6 +13973,7 @@ function MessageItemTextBubble({
   isForwarded,
   showSenderLabel,
   senderName,
+  senderId,
   replyTo,
   loggedUserDetails,
   allUsers,
@@ -13886,7 +14012,13 @@ function MessageItemTextBubble({
       ),
       children: [
         (canShowSenderName || isForwarded) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
-          canShowSenderName ? /* @__PURE__ */ jsxRuntime.jsx(GroupSenderName, { name: senderName }) : null,
+          canShowSenderName ? /* @__PURE__ */ jsxRuntime.jsx(
+            GroupSenderName,
+            {
+              name: senderName,
+              colorSeed: senderId || senderName
+            }
+          ) : null,
           isForwarded ? /* @__PURE__ */ jsxRuntime.jsx(MessageForwardedLabel, { isSender, className: "px-0 pt-0 pb-0" }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -13937,7 +14069,7 @@ function MessageItemTextBubble({
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
           hasText && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "whitespace-pre-wrap break-words leading-snug", children: [
             message,
             isEdited && /* @__PURE__ */ jsxRuntime.jsx(
@@ -13995,6 +14127,7 @@ function MessageItemAttachmentBubble({
   isGroupedWithNext,
   showSenderLabel,
   senderName,
+  senderId,
   formattedTime,
   status,
   isPending,
@@ -14043,6 +14176,7 @@ function MessageItemAttachmentBubble({
           isGroupedWithNext,
           showSenderLabel,
           senderName,
+          senderId,
           formattedTime,
           status,
           isPending,
@@ -14102,6 +14236,7 @@ function MessageItemView(props) {
     isGroup,
     isHighlighted,
     senderName,
+    senderId,
     senderImage,
     showSenderLabel,
     senderAvatarImage,
@@ -14278,6 +14413,7 @@ function MessageItemView(props) {
                           isGroupedWithNext,
                           showSenderLabel,
                           senderName,
+                          senderId,
                           formattedTime,
                           status,
                           isPending,
@@ -14319,6 +14455,7 @@ function MessageItemView(props) {
                           isForwarded,
                           showSenderLabel,
                           senderName,
+                          senderId,
                           replyTo,
                           loggedUserDetails,
                           allUsers,
@@ -14509,6 +14646,28 @@ function MessageSelectionBar({
 
 // src/chat/active-channel-messages/utils.ts
 var getMessageSenderId2 = (msg) => msg ? String(msg.senderId || msg.sender?._id || "") : "";
+var isLikelyObjectId = (value) => /^[a-f\d]{24}$/i.test(value);
+function resolveGroupSenderDisplay(message, allUsers = [], participants = []) {
+  const senderId = getMessageSenderId2(message);
+  if (senderId) {
+    const fromUsers = allUsers.find((user) => String(user._id) === senderId);
+    if (fromUsers?.name?.trim()) {
+      return { name: fromUsers.name.trim(), image: fromUsers.image };
+    }
+    const fromParticipants = participants.find((participant) => {
+      const id = typeof participant === "string" ? participant : participant?._id;
+      return String(id) === senderId;
+    });
+    if (fromParticipants && typeof fromParticipants === "object" && fromParticipants.name?.trim()) {
+      return { name: fromParticipants.name.trim(), image: fromParticipants.image };
+    }
+  }
+  const sender = message.sender;
+  if (typeof sender === "string" && sender.trim() && !isLikelyObjectId(sender.trim())) {
+    return { name: sender.trim(), image: message.senderImage };
+  }
+  return { name: "User", image: void 0 };
+}
 var isSameMessageSide = (a, b, isGroupChat) => {
   if (!!a.isOwnMessage !== !!b.isOwnMessage) return false;
   if (a.isOwnMessage) return true;
@@ -14522,8 +14681,8 @@ function canDeleteSelectionForEveryone(selectedKeys, messages, isGroup) {
   const parsed = [...selectedKeys].map((key) => parseSelectionKey(key));
   const messageIds = new Set(parsed.map((entry) => entry.messageId));
   if (messageIds.size !== 1) return false;
-  const messageId = [...messageIds][0];
-  const message = messages.find((entry) => String(entry._id || entry.id) === messageId);
+  const messageId2 = [...messageIds][0];
+  const message = messages.find((entry) => String(entry._id || entry.id) === messageId2);
   if (!message?.isOwnMessage) return false;
   if (!isWithinMessageEditWindow(message.timestamp, isGroup)) return false;
   const hasAttachmentKey = parsed.some((entry) => entry.attachmentId);
@@ -14537,6 +14696,9 @@ function canDeleteSelectionForEveryone(selectedKeys, messages, isGroup) {
   });
 }
 
+// src/chat/active-channel-messages/ActiveChannelMessagesView.tsx
+init_useStore();
+
 // src/chat/active-channel-messages/useActiveChannelMessages.ts
 init_useStore();
 init_store_helpers();
@@ -14552,6 +14714,7 @@ function mapApiMessage(m, activeChannel, conversationId, loggedUserId, activeCon
     content: m.content,
     sender: m.sender?.name || "User",
     senderId: String(m.sender?._id || m.sender || ""),
+    senderImage: m.sender?.image,
     receiver: activeChannel?.id,
     timestamp: m.createdAt,
     isOwnMessage: isOwn,
@@ -14579,7 +14742,101 @@ function mapApiMessage(m, activeChannel, conversationId, loggedUserId, activeCon
   };
 }
 
+// src/chat/active-channel-messages/jump-to-date.ts
+function startOfLocalDay(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+}
+function toDateInputValue(date) {
+  const y = date.getFullYear();
+  const m = String(date.getMonth() + 1).padStart(2, "0");
+  const d = String(date.getDate()).padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}
+function clampJumpDate(picked, minDay, maxDay) {
+  if (!Number.isFinite(minDay) || !Number.isFinite(maxDay) || minDay > maxDay) return null;
+  const at = startOfLocalDay(picked);
+  const clamped = Math.min(Math.max(at, minDay), maxDay);
+  return new Date(clamped);
+}
+function resolveJumpDateBounds(createdAt, oldestMessageTimestamp, now = /* @__PURE__ */ new Date()) {
+  const today = startOfLocalDay(now);
+  const createdDay = createdAt ? startOfLocalDay(new Date(createdAt)) : null;
+  const oldestDay = oldestMessageTimestamp ? startOfLocalDay(new Date(oldestMessageTimestamp)) : null;
+  let minDay = today;
+  if (createdDay != null && oldestDay != null) {
+    minDay = Math.max(createdDay, oldestDay);
+  } else if (oldestDay != null) {
+    minDay = oldestDay;
+  } else if (createdDay != null) {
+    minDay = createdDay;
+  }
+  return { minDay: Math.min(minDay, today), maxDay: today };
+}
+function resolveJumpPreset(preset, now = /* @__PURE__ */ new Date()) {
+  const day = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  if (preset === "today") return day.getTime();
+  if (preset === "yesterday") {
+    day.setDate(day.getDate() - 1);
+    return day.getTime();
+  }
+  if (preset === "lastWeek") {
+    day.setDate(day.getDate() - 7);
+    return day.getTime();
+  }
+  day.setMonth(day.getMonth() - 1);
+  return day.getTime();
+}
+function messageId(m) {
+  return String(m._id || m.id);
+}
+function findNearestMessageByDay(messages, targetDay) {
+  let best = messages[0];
+  let bestDist = Infinity;
+  let bestDay = startOfLocalDay(new Date(best.timestamp));
+  for (const m of messages) {
+    const day = startOfLocalDay(new Date(m.timestamp));
+    const dist = Math.abs(day - targetDay);
+    if (dist < bestDist || dist === bestDist && day < bestDay) {
+      best = m;
+      bestDist = dist;
+      bestDay = day;
+    }
+  }
+  return best;
+}
+function resolveJumpStep(messages, pending, hasMore) {
+  if (messages.length === 0) {
+    return hasMore ? { action: "loadOlder" } : { action: "done" };
+  }
+  if (pending.kind === "beginning") {
+    if (hasMore) return { action: "loadOlder" };
+    return { action: "scroll", messageId: messageId(messages[0]) };
+  }
+  const oldestDay = startOfLocalDay(new Date(messages[0].timestamp));
+  if (hasMore && oldestDay > pending.at) {
+    return { action: "loadOlder" };
+  }
+  const onDay = messages.find(
+    (m) => startOfLocalDay(new Date(m.timestamp)) === pending.at
+  );
+  if (onDay) {
+    return { action: "scroll", messageId: messageId(onDay) };
+  }
+  const nearest = findNearestMessageByDay(messages, pending.at);
+  return { action: "scroll", messageId: messageId(nearest) };
+}
+function smoothScrollToMessage(container, messageEl) {
+  const containerRect = container.getBoundingClientRect();
+  const messageRect = messageEl.getBoundingClientRect();
+  const delta = messageRect.top - containerRect.top - Math.min(120, container.clientHeight * 0.25);
+  container.scrollTo({
+    top: Math.max(0, container.scrollTop + delta),
+    behavior: "smooth"
+  });
+}
+
 // src/chat/active-channel-messages/useActiveChannelMessages.ts
+var MAX_JUMP_OLDER_PAGES = 40;
 function useActiveChannelMessages({
   activeChannel,
   loggedUserId,
@@ -14602,6 +14859,11 @@ function useActiveChannelMessages({
   const previousMessageCountRef = React2.useRef(0);
   const previousLastMessageIdRef = React2.useRef(null);
   const [enteringMessageIds, setEnteringMessageIds] = React2.useState(/* @__PURE__ */ new Set());
+  const [showScrollToBottom, setShowScrollToBottom] = React2.useState(false);
+  const stickToBottomRef = React2.useRef(true);
+  const pendingJumpRef = React2.useRef(null);
+  const jumpPagesRef = React2.useRef(0);
+  const [jumpNonce, setJumpNonce] = React2.useState(0);
   const { fetchMessages: fetchMessages2, messagesMetadata, deletedForMeIds, searchedMessageId, isSearchActive, setSearchActive, setSearchedMessageId, fetchSearchMessageContext } = exports.useChatStore();
   const loggedUserImage = exports.useChatStore((s) => s.loggedUserDetails?.image);
   const conversations = exports.useChatStore((s) => s.conversations);
@@ -14625,6 +14887,13 @@ function useActiveChannelMessages({
     })),
     [displayMessages, messagesById, loggedUserId]
   );
+  const jumpDateBounds = React2.useMemo(
+    () => resolveJumpDateBounds(
+      conversationInfo?.createdAt,
+      displayMessages[0]?.timestamp
+    ),
+    [conversationInfo?.createdAt, displayMessages]
+  );
   React2.useEffect(() => {
     const messages = messagesWithResolvedReplies;
     const lastMessage = messages[messages.length - 1];
@@ -14662,6 +14931,10 @@ function useActiveChannelMessages({
     previousMessageCountRef.current = 0;
     previousLastMessageIdRef.current = null;
     setEnteringMessageIds(/* @__PURE__ */ new Set());
+    pendingJumpRef.current = null;
+    jumpPagesRef.current = 0;
+    stickToBottomRef.current = true;
+    setShowScrollToBottom(false);
   }, [conversationId, clearSelection]);
   const onSelectionModeChangeRef = React2.useRef(onSelectionModeChange);
   React2.useEffect(() => {
@@ -14671,10 +14944,10 @@ function useActiveChannelMessages({
     onSelectionModeChangeRef.current?.(selectionMode);
   }, [selectionMode]);
   const toggleSelection = React2.useCallback((message, attachmentId) => {
-    const messageId = String(message._id || message.id);
-    if (!messageId) return;
+    const messageId2 = String(message._id || message.id);
+    if (!messageId2) return;
     const useAttachmentSelection = messageUsesAttachmentSelection(message);
-    const key = useAttachmentSelection && attachmentId ? buildSelectionKey(messageId, attachmentId) : messageId;
+    const key = useAttachmentSelection && attachmentId ? buildSelectionKey(messageId2, attachmentId) : messageId2;
     setSelectedKeys((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -14684,17 +14957,17 @@ function useActiveChannelMessages({
     });
   }, []);
   const enterSelectionMode = React2.useCallback((message, attachmentId) => {
-    const messageId = String(message._id || message.id);
-    if (!messageId) return;
+    const messageId2 = String(message._id || message.id);
+    if (!messageId2) return;
     setSelectionMode(true);
     const useAttachmentSelection = messageUsesAttachmentSelection(message);
     if (useAttachmentSelection) {
       if (attachmentId) {
-        setSelectedKeys((prev) => new Set(prev).add(buildSelectionKey(messageId, attachmentId)));
+        setSelectedKeys((prev) => new Set(prev).add(buildSelectionKey(messageId2, attachmentId)));
       }
       return;
     }
-    setSelectedKeys((prev) => new Set(prev).add(messageId));
+    setSelectedKeys((prev) => new Set(prev).add(messageId2));
   }, []);
   const selectedForwardItems = resolveForwardItems(selectedKeys, displayMessages);
   const canDeleteForEveryone = React2.useMemo(
@@ -14713,14 +14986,14 @@ function useActiveChannelMessages({
       }
       const isGroupChat = !!activeChannel?.isGroup;
       selectedKeys.forEach((key) => {
-        const { messageId, attachmentId } = parseSelectionKey(key);
-        if (!messageId || messageId.startsWith("temp-")) return;
-        const message = displayMessages.find((entry) => String(entry._id || entry.id) === messageId);
+        const { messageId: messageId2, attachmentId } = parseSelectionKey(key);
+        if (!messageId2 || messageId2.startsWith("temp-")) return;
+        const message = displayMessages.find((entry) => String(entry._id || entry.id) === messageId2);
         if (isGroupChat) {
           const convId = String(message?.conversationId || conversationId || "");
           if (!convId) return;
           emitGroupDelete({
-            messageId,
+            messageId: messageId2,
             sender: loggedUserDetails._id,
             deleteType,
             conversationId: convId,
@@ -14730,7 +15003,7 @@ function useActiveChannelMessages({
           const receiver = message?.receiver || activeChannel?.id;
           if (!receiver) return;
           emitDmDelete({
-            messageId,
+            messageId: messageId2,
             sender: loggedUserDetails._id,
             receiver: String(receiver),
             deleteType,
@@ -14769,43 +15042,138 @@ function useActiveChannelMessages({
       fetchMessages2(conversationId);
     }
   };
-  const handleReplyTargetClick = async (messageId) => {
-    if (!messageId) return;
-    if (messagesById.has(messageId)) {
-      setSearchedMessageId(messageId);
+  const handleReplyTargetClick = async (messageId2) => {
+    if (!messageId2) return;
+    stickToBottomRef.current = false;
+    if (messagesById.has(messageId2)) {
+      setSearchedMessageId(messageId2);
       return;
     }
-    await fetchSearchMessageContext(messageId, { searchMode: false });
+    await fetchSearchMessageContext(messageId2, { searchMode: false });
   };
+  const handleJumpTo = React2.useCallback((preset, specificDate) => {
+    stickToBottomRef.current = false;
+    if (preset === "beginning") {
+      pendingJumpRef.current = { kind: "beginning" };
+    } else if (preset === "specific") {
+      if (!specificDate) return;
+      const clamped = clampJumpDate(
+        specificDate,
+        jumpDateBounds.minDay,
+        jumpDateBounds.maxDay
+      );
+      if (!clamped) return;
+      pendingJumpRef.current = { kind: "date", at: startOfLocalDay(clamped) };
+    } else {
+      const raw = resolveJumpPreset(preset);
+      const at = Math.min(Math.max(raw, jumpDateBounds.minDay), jumpDateBounds.maxDay);
+      pendingJumpRef.current = { kind: "date", at };
+    }
+    jumpPagesRef.current = 0;
+    setJumpNonce((n) => n + 1);
+  }, [jumpDateBounds.minDay, jumpDateBounds.maxDay]);
+  React2.useEffect(() => {
+    const pending = pendingJumpRef.current;
+    if (!pending || isLoading) return;
+    const step = resolveJumpStep(
+      messagesWithResolvedReplies,
+      pending,
+      !!currentMeta?.hasMore
+    );
+    if (step.action === "loadOlder") {
+      if (!conversationId || !currentMeta?.nextCursor || jumpPagesRef.current >= MAX_JUMP_OLDER_PAGES) {
+        pendingJumpRef.current = null;
+        const fallback = messagesWithResolvedReplies[0];
+        if (fallback) setSearchedMessageId(String(fallback._id || fallback.id));
+        return;
+      }
+      jumpPagesRef.current += 1;
+      const prevScrollHeight = scrollContainerRef.current?.scrollHeight ?? 0;
+      fetchMessages2(conversationId, DEFAULT_MESSAGES_LIMIT, currentMeta.nextCursor).then(() => {
+        if (scrollContainerRef.current && prevScrollHeight) {
+          scrollContainerRef.current.scrollTop = scrollContainerRef.current.scrollHeight - prevScrollHeight;
+        }
+      });
+      return;
+    }
+    pendingJumpRef.current = null;
+    if (step.action === "scroll") {
+      setSearchedMessageId(null);
+      requestAnimationFrame(() => setSearchedMessageId(step.messageId));
+    }
+  }, [
+    jumpNonce,
+    isLoading,
+    messagesWithResolvedReplies,
+    currentMeta?.hasMore,
+    currentMeta?.nextCursor,
+    conversationId,
+    fetchMessages2,
+    setSearchedMessageId
+  ]);
+  const updateScrollToBottomVisibility = React2.useCallback((el) => {
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    const nearBottom = distanceFromBottom <= 96;
+    stickToBottomRef.current = nearBottom;
+    setShowScrollToBottom(!nearBottom);
+  }, []);
+  const handleScrollToBottom = React2.useCallback(() => {
+    stickToBottomRef.current = true;
+    if (isSearchActive) {
+      setSearchActive(false);
+      setSearchedMessageId(null);
+      if (conversationId) fetchMessages2(conversationId);
+      setShowScrollToBottom(false);
+      return;
+    }
+    bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+    setShowScrollToBottom(false);
+  }, [isSearchActive, conversationId, setSearchActive, setSearchedMessageId, fetchMessages2]);
   const handleScroll = (e) => {
     const target = e.currentTarget;
+    updateScrollToBottomVisibility(target);
+    if (pendingJumpRef.current) return;
     if (target.scrollTop === 0 && currentMeta?.hasMore && !isLoading && conversationId && currentMeta.nextCursor) {
       const prevScrollHeight = target.scrollHeight;
       fetchMessages2(conversationId, DEFAULT_MESSAGES_LIMIT, currentMeta.nextCursor).then(() => {
         if (scrollContainerRef.current) {
           const newScrollHeight = scrollContainerRef.current.scrollHeight;
           scrollContainerRef.current.scrollTop = newScrollHeight - prevScrollHeight;
+          updateScrollToBottomVisibility(scrollContainerRef.current);
         }
       });
     }
   };
   React2.useLayoutEffect(() => {
-    if (!isInitialLoading && currentMeta?.isFirstPage && !searchedMessageId) {
+    if (!isInitialLoading && stickToBottomRef.current && !pendingJumpRef.current) {
       bottomRef.current?.scrollIntoView({ behavior: "smooth" });
     }
-  }, [messagesWithResolvedReplies.length, isInitialLoading, currentMeta?.isFirstPage, searchedMessageId]);
+  }, [messagesWithResolvedReplies.length, isInitialLoading]);
   React2.useEffect(() => {
     if (searchedMessageId && !isLoading) {
+      stickToBottomRef.current = false;
+      const container = scrollContainerRef.current;
       const element = document.getElementById(`message-${searchedMessageId}`);
-      if (element) {
-        element.scrollIntoView({ behavior: "smooth", block: "center" });
+      if (container && element) {
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            smoothScrollToMessage(container, element);
+            updateScrollToBottomVisibility(container);
+          });
+        });
       }
       if (!isSearchActive) {
         const timer = window.setTimeout(() => setSearchedMessageId(null), 2500);
         return () => window.clearTimeout(timer);
       }
     }
-  }, [searchedMessageId, isLoading, messagesWithResolvedReplies.length, isSearchActive, setSearchedMessageId]);
+  }, [
+    searchedMessageId,
+    isLoading,
+    isSearchActive,
+    setSearchedMessageId,
+    updateScrollToBottomVisibility
+  ]);
   return {
     activeChannel,
     conversationId,
@@ -14831,11 +15199,297 @@ function useActiveChannelMessages({
     canDeleteForEveryone,
     handleResetToNormal,
     handleReplyTargetClick,
+    handleJumpTo,
+    jumpDateBounds,
+    showScrollToBottom,
+    handleScrollToBottom,
     handleScroll
   };
 }
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute inset-0 bg-popover opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "font-medium select-none",
+          captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          defaultClassNames.caption_label
+        ),
+        month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-(--cell-size) select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-md",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "rounded-l-md bg-accent",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronRightIcon,
+              {
+                className: cn("size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  const ref = React2__namespace.useRef(null);
+  React2__namespace.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+var PRESETS = [
+  { preset: "today", label: "Today" },
+  { preset: "yesterday", label: "Yesterday" },
+  { preset: "lastWeek", label: "Last week" },
+  { preset: "lastMonth", label: "Last month" },
+  { preset: "beginning", label: "The very beginning" }
+];
+function ChatDateJumpMenu({ label, minDay, maxDay, onJump }) {
+  const { scopeClassName } = useChatTheme();
+  const [open, setOpen] = React2.useState(false);
+  const [showCalendar, setShowCalendar] = React2.useState(false);
+  const [calendarMonth, setCalendarMonth] = React2.useState(() => new Date(maxDay));
+  const minDate = new Date(minDay);
+  const maxDate = new Date(maxDay);
+  React2.useEffect(() => {
+    if (showCalendar) setCalendarMonth(new Date(maxDay));
+  }, [showCalendar, maxDay]);
+  const queueJump = (preset, specificDate) => {
+    window.setTimeout(() => onJump(preset, specificDate), 0);
+  };
+  const handleOpenChange = (next) => {
+    setOpen(next);
+    if (!next) setShowCalendar(false);
+  };
+  const handlePreset = (preset) => {
+    setOpen(false);
+    setShowCalendar(false);
+    queueJump(preset);
+  };
+  const handleDateSelect = (date) => {
+    if (!date) return;
+    const clamped = clampJumpDate(date, minDay, maxDay);
+    if (!clamped) return;
+    setOpen(false);
+    setShowCalendar(false);
+    queueJump("specific", clamped);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "chat-date-divider-pill chat-date-divider-pill--interactive",
+        "aria-label": `Jump to date, currently ${label}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "chat-date-divider-chevron", "aria-hidden": true })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverContent,
+      {
+        align: "center",
+        sideOffset: 8,
+        className: cn(
+          scopeClassName,
+          chatPopoverContentClass,
+          "w-auto overflow-hidden rounded-2xl p-0",
+          showCalendar ? "min-w-[300px]" : "min-w-[220px]"
+        ),
+        onCloseAutoFocus: (event) => event.preventDefault(),
+        children: showCalendar ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Calendar,
+          {
+            mode: "single",
+            month: calendarMonth,
+            onMonthChange: setCalendarMonth,
+            startMonth: minDate,
+            endMonth: maxDate,
+            showOutsideDays: false,
+            disabled: { before: minDate, after: maxDate },
+            onSelect: handleDateSelect,
+            className: "chat-jump-calendar rounded-xl bg-transparent p-1 [--cell-size:2.125rem]"
+          }
+        ) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 pt-3 pb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: chatOptionsMenuLabelClass, children: "Jump to\u2026" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-col", children: PRESETS.map(({ preset, label: itemLabel }) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: cn(chatOptionsMenuItemClass, "w-full border-0 bg-transparent text-left"),
+                onClick: () => handlePreset(preset),
+                children: itemLabel
+              },
+              preset
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(chatOptionsMenuSeparatorClass, "mx-3") }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: cn(chatOptionsMenuItemClass, "w-full border-0 bg-transparent text-left"),
+              onClick: () => setShowCalendar(true),
+              children: "Jump to a specific date"
+            }
+          ) })
+        ] })
+      }
+    )
+  ] });
+}
 var ActiveChannelMessagesView = (props) => {
   const { formatDateDivider } = useChatLocale();
+  const allUsers = exports.useChatStore((s) => s.allUsers);
   const {
     activeChannel,
     conversationId,
@@ -14861,6 +15515,10 @@ var ActiveChannelMessagesView = (props) => {
     canDeleteForEveryone,
     handleResetToNormal,
     handleReplyTargetClick,
+    handleJumpTo,
+    jumpDateBounds,
+    showScrollToBottom,
+    handleScrollToBottom,
     handleScroll
   } = useActiveChannelMessages(props);
   const { onReply, onForward } = props;
@@ -14873,7 +15531,7 @@ var ActiveChannelMessagesView = (props) => {
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-message-canvas relative flex h-full min-h-0 flex-col overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-message-canvas relative flex h-full flex-col", children: [
     isSearchActive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-6 left-1/2 -translate-x-1/2 z-40 animate-in slide-in-from-top-4 duration-500", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center overflow-hidden rounded-2xl border border-(--chat-border) bg-(--chat-surface) shadow-lg ring-4 ring-(--chat-surface)", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 bg-(--chat-theme) px-4 py-2.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.History, { className: "size-3.5 animate-pulse text-white" }),
@@ -14910,11 +15568,20 @@ var ActiveChannelMessagesView = (props) => {
               return groups;
             }, {})
           ).map(([date, messages]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex flex-col", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-date-divider", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chat-date-divider-pill", children: date }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-1.5 z-20 mb-2 flex justify-center py-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ChatDateJumpMenu,
+              {
+                label: date,
+                minDay: jumpDateBounds.minDay,
+                maxDay: jumpDateBounds.maxDay,
+                onJump: handleJumpTo
+              }
+            ) }),
             messages.map((m, msgIndex) => {
-              const senderLabel = typeof m.sender === "string" ? m.sender : "User";
-              const senderImage = !m.isOwnMessage ? activeChannel?.isGroup ? void 0 : activeChannel?.image : void 0;
               const isGroupChat = !!activeChannel?.isGroup;
+              const participants = conversationInfo?.participants ?? [];
+              const { name: senderLabel, image: groupSenderImage } = isGroupChat && !m.isOwnMessage ? resolveGroupSenderDisplay(m, allUsers, participants) : { name: typeof m.sender === "string" ? m.sender : "User", image: void 0 };
+              const senderImage = !m.isOwnMessage ? isGroupChat ? groupSenderImage : activeChannel?.image : void 0;
               const prevMessage = msgIndex > 0 ? messages[msgIndex - 1] : null;
               const nextMessage = msgIndex < messages.length - 1 ? messages[msgIndex + 1] : null;
               const isGroupedWithPrev = !!prevMessage && isSameMessageSide(prevMessage, m, isGroupChat);
@@ -14961,6 +15628,7 @@ var ActiveChannelMessagesView = (props) => {
                       conversationInfo,
                       isHighlighted: String(m._id || m.id) === String(searchedMessageId),
                       senderName: senderLabel,
+                      senderId: getMessageSenderId2(m),
                       senderImage,
                       showSenderName,
                       showSenderLabel,
@@ -15001,6 +15669,16 @@ var ActiveChannelMessagesView = (props) => {
         onForward: handleBatchForward
       }
     ),
+    showScrollToBottom && !selectionMode && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleScrollToBottom,
+        className: "chat-scroll-to-bottom",
+        "aria-label": "Scroll to latest messages",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-5", strokeWidth: 2.25 })
+      }
+    ),
     isInitialLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pointer-events-none absolute bottom-6 left-1/2 z-30 flex -translate-x-1/2 animate-in items-center gap-3 rounded-2xl border border-(--chat-border) bg-(--chat-surface)/80 px-5 py-2.5 shadow-xl backdrop-blur-md duration-400 fade-in slide-in-from-bottom-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin text-(--chat-theme)" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.15em] text-(--chat-muted)", children: "Loading messages..." })
@@ -15624,10 +16302,10 @@ function useChannelMessageBox({
   const composerDisabledReason = conversationId ? composerDisabledByConversation[conversationId] : void 0;
   const fileInputRef = React2.useRef(null);
   const attachmentsCountRef = React2.useRef(0);
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     attachmentsCountRef.current = state.attachments.length;
   }, [state.attachments.length]);
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     const draft = {
       messageInput: state.messageInput,
       attachments: state.attachments
@@ -15635,7 +16313,7 @@ function useChannelMessageBox({
     syncComposerRef(draft);
     updateConversationDraft(conversationIdRef.current, draft);
   }, [state.messageInput, state.attachments, syncComposerRef]);
-  React2__default.default.useEffect(() => {
+  React2__namespace.default.useEffect(() => {
     if (typingTimeoutRef.current) {
       clearTimeout(typingTimeoutRef.current);
       typingTimeoutRef.current = null;
@@ -16186,10 +16864,10 @@ function useForwardModal({ isOpen, onClose, items, onForwardComplete }) {
     targetChannelRef.current = channel;
     const targetConversationIds = [String(channel.conversationId)];
     items.forEach((item) => {
-      const messageId = String(item.message._id || item.message.id || "");
-      if (!messageId) return;
+      const messageId2 = String(item.message._id || item.message.id || "");
+      if (!messageId2) return;
       const payload = {
-        messageId,
+        messageId: messageId2,
         sender: String(loggedUserDetails._id),
         sourceConversationId: item.message.conversationId ? String(item.message.conversationId) : void 0,
         targetConversationIds,
@@ -16666,8 +17344,8 @@ var ChatMain = ({
   viewportHeight = "full",
   viewportClassName
 }) => {
-  const clientObj = React2__default.default.useMemo(() => ({ id: clientId }), [clientId]);
-  const uiConfigObj = React2__default.default.useMemo(
+  const clientObj = React2__namespace.default.useMemo(() => ({ id: clientId }), [clientId]);
+  const uiConfigObj = React2__namespace.default.useMemo(
     () => ({
       ...uiConfig || {},
       components: { ...uiConfig?.components, ...components },
@@ -17102,6 +17780,8 @@ var packageDefaultComponents = {
 // src/index.ts
 var index_default = ChatMain_default;
 
+exports.Calendar = Calendar;
+exports.CalendarDayButton = CalendarDayButton;
 exports.Channel = Channel;
 exports.ChannelHeader = ChannelHeaderView_default;
 exports.ChannelList = ChannelListView_default;
@@ -17110,6 +17790,7 @@ exports.Chat = Chat;
 exports.ChatAlertsProvider = ChatAlertsProvider;
 exports.ChatAvatar = ChatAvatar_default;
 exports.ChatCustomizationProvider = ChatCustomizationProvider;
+exports.ChatDateJumpMenu = ChatDateJumpMenu;
 exports.ChatLayout = ChatLayout_default;
 exports.ChatLocaleProvider = ChatLocaleProvider;
 exports.ChatMain = ChatMain_default;
@@ -17125,6 +17806,7 @@ exports.MessageInput = ChannelMessageBoxView_default;
 exports.MessageItem = MessageItemView;
 exports.MessageList = ActiveChannelMessagesView_default;
 exports.capitalizeFirst = capitalizeFirst;
+exports.clampJumpDate = clampJumpDate;
 exports.default = index_default;
 exports.defaultChatClassNames = defaultChatClassNames;
 exports.defaultChatComponents = defaultChatComponents;
@@ -17140,8 +17822,14 @@ exports.mergeChatLayoutConfig = mergeChatLayoutConfig;
 exports.packageDefaultComponents = packageDefaultComponents;
 exports.resolveApiUrl = resolveApiUrl;
 exports.resolveChatApiKey = resolveChatApiKey;
+exports.resolveJumpDateBounds = resolveJumpDateBounds;
+exports.resolveJumpPreset = resolveJumpPreset;
+exports.resolveJumpStep = resolveJumpStep;
 exports.resolveSocketUrl = resolveSocketUrl;
 exports.showNotification = showNotification;
+exports.smoothScrollToMessage = smoothScrollToMessage;
+exports.startOfLocalDay = startOfLocalDay;
+exports.toDateInputValue = toDateInputValue;
 exports.uniqueList = uniqueList;
 exports.useChatAlerts = useChatAlerts;
 exports.useChatContext = useChatContext;