@linktr.ee/messaging-react 2.4.1 → 2.4.3

package/dist/{index-CeHWbIiy.js → index-C541s_4h.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as m, Fragment as ie } from "react/jsx-runtime";
 import y from "classnames";
-import P, { createContext as Ze, useContext as Ke, useCallback as U, useState as z, useRef as Z, useEffect as X, useMemo as re, Suspense as Je } from "react";
-import { StreamChatService as En } from "@linktr.ee/messaging-core";
-import { Chat as In, ChannelList as Sn, DateSeparator as Tn, useChannelStateContext as me, useChatContext as Qe, areMessageUIPropsEqual as Mn, useMessageReminder as An, useComponentContext as Vt, Attachment as Dn, EditMessageModal as Rn, MessageBlocked as Ln, MessageBouncePrompt as Fn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as Pn, ReminderNotification as Bn, StreamedMessageText as $n, messageHasAttachments as jn, messageHasReactions as Un, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as At, Poll as Wn, MessageErrorIcon as qn, useMessageContext as Le, useTranslationContext as Xn, useMessageComposer as Zn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, SimpleAttachmentSelector as ts, QuotedMessagePreview as ns, AttachmentPreviewList as ss, TextareaComposer as as, MessageTimestamp as ze, AIStates as Pe, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds } from "stream-chat-react";
-import { StarIcon as Ge, GiftIcon as us, XIcon as xe, SpinnerGapIcon as Be, SignOutIcon as ms, ProhibitInsetIcon as Dt, FlagIcon as hs, FileIcon as Gt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as Ht, FileMdIcon as bs, FileTextIcon as ps, FileZipIcon as vs, FilePptIcon as xs, FileCsvIcon as ws, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as _s, CircleNotchIcon as pe, PlayIcon as He, PauseIcon as Cs, LinkIcon as ks, DownloadSimpleIcon as ve, ThumbsUpIcon as Es, ThumbsDownIcon as Is, ArrowUpIcon as Ss, SparkleIcon as Ye, ProhibitIcon as Ts, ArrowLeftIcon as Rt, CaretRightIcon as We, DotsThreeIcon as Lt, PencilSimpleIcon as Ms, CaretLeftIcon as As } from "@phosphor-icons/react";
-import { MessageActions as Ds, DefaultDropdownActionButton as Yt } from "stream-chat-react/experimental";
-import { LinkPreviewsManager as Ft } from "stream-chat";
-const Wt = Ze({
+import B, { createContext as Ze, useContext as Ke, useCallback as U, useState as z, useRef as Z, useEffect as X, useMemo as re, Suspense as Je } from "react";
+import { StreamChatService as In } from "@linktr.ee/messaging-core";
+import { Chat as Sn, ChannelList as Tn, DateSeparator as Mn, useChannelStateContext as me, useChatContext as Qe, areMessageUIPropsEqual as An, useMessageReminder as Dn, useComponentContext as Gt, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Fn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as Pn, MessageRepliesCountButton as Bn, ReminderNotification as $n, StreamedMessageText as jn, messageHasAttachments as Un, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as Wn, MessageText as Dt, Poll as qn, MessageErrorIcon as Xn, useMessageContext as Le, useTranslationContext as Zn, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, SimpleAttachmentSelector as ns, QuotedMessagePreview as ss, AttachmentPreviewList as as, TextareaComposer as rs, MessageTimestamp as ze, AIStates as Pe, useTypingContext as is, useAIState as os, Channel as ls, WithComponents as cs, Window as ds, MessageList as us } from "stream-chat-react";
+import { StarIcon as Ge, GiftIcon as ms, XIcon as xe, SpinnerGapIcon as Be, SignOutIcon as hs, ProhibitInsetIcon as Rt, FlagIcon as fs, FileIcon as Ht, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as Yt, FileMdIcon as ps, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as ys, FileDocIcon as _s, FilePdfIcon as Cs, CircleNotchIcon as pe, PlayIcon as He, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as ve, ThumbsUpIcon as Is, ThumbsDownIcon as Ss, ArrowUpIcon as Ts, SparkleIcon as Ye, ProhibitIcon as Ms, ArrowLeftIcon as Lt, CaretRightIcon as We, DotsThreeIcon as Ft, PencilSimpleIcon as As, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import { MessageActions as Rs, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
+import { LinkPreviewsManager as Ot } from "stream-chat";
+const qt = Ze({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Wt = Ze({
   refreshConnection: async () => {
   },
   debug: !1
-}), et = () => Ke(Wt), yi = ({
+}), et = () => Ke(qt), yi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -25,8 +25,8 @@ const Wt = Ze({
   debug: i = !1
 }) => {
   const l = U(
-    (T, ...F) => {
-      i && console.log(`🔥 [MessagingProvider] ${T}`, ...F);
+    (T, ...O) => {
+      i && console.log(`🔥 [MessagingProvider] ${T}`, ...O);
     },
     [i]
   );
@@ -80,24 +80,24 @@ const Wt = Ze({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const F = new En({
+    const O = new In({
       ...s,
       apiKey: a,
       debug: i
     });
-    return d(F), l("✅ SERVICE SET", {
+    return d(O), l("✅ SERVICE SET", {
       renderCount: T,
-      serviceInstance: !!F
+      serviceInstance: !!O
     }), () => {
       l("🧹 SERVICE CLEANUP", {
         renderCount: T,
         reason: "Effect cleanup"
-      }), F.disconnectUser().catch(console.error);
+      }), O.disconnectUser().catch(console.error);
     };
   }, [a, s, i, l]);
   const I = Z(null);
   X(() => {
-    var F, M;
+    var O, M;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
@@ -113,7 +113,7 @@ const Wt = Ze({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((F = I.current) == null ? void 0 : F.serviceId) === o && ((M = I.current) == null ? void 0 : M.userId) === t.id) {
+    if (((O = I.current) == null ? void 0 : O.serviceId) === o && ((M = I.current) == null ? void 0 : M.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -124,13 +124,13 @@ const Wt = Ze({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, b(!0), v(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const R = await o.connectUser(t);
-        g(R), f(!0), I.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const L = await o.connectUser(t);
+        g(L), f(!0), I.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: R.userID
+          clientId: L.userID
         });
-      } catch (R) {
-        const A = R instanceof Error ? R.message : "Connection failed";
+      } catch (L) {
+        const A = L instanceof Error ? L.message : "Connection failed";
         v(A), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: A
@@ -168,15 +168,15 @@ const Wt = Ze({
       const T = await o.connectUser(t);
       g(T), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (T) {
-      const F = T instanceof Error ? T.message : "Refresh failed";
-      v(F), l("❌ CONNECTION REFRESH ERROR", {
+      const O = T instanceof Error ? T.message : "Refresh failed";
+      v(O), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
-        error: F
+        error: O
       });
     } finally {
       b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), D = P.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), R = B.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!h,
     isConnected: u,
@@ -206,9 +206,9 @@ const Wt = Ze({
   return l("🔄 RENDER END", {
     renderCount: E.current,
     willRenderChat: !!(h && u),
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(Wt.Provider, { value: D, children: h && u ? /* @__PURE__ */ n(
-    In,
+    contextValueReady: !!R
+  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: h && u ? /* @__PURE__ */ n(
+    Sn,
     {
       client: h,
       customClasses: {
@@ -217,21 +217,21 @@ const Wt = Ze({
       children: e
     }
   ) : e });
-}, Rs = () => et();
-function Ls(e) {
+}, Ls = () => et();
+function Fs(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const qt = P.createContext({
+const Xt = B.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Fs = qt.Provider, Os = () => P.useContext(qt), Xt = (e) => {
+}), Os = Xt.Provider, zs = () => B.useContext(Xt), Zt = (e) => {
   var a, r;
   const [t, s] = z(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -253,18 +253,18 @@ const qt = P.createContext({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, zs = (e, t) => {
+}, Ps = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Ps = (e) => {
+}, Bs = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = zs(e, t);
+  const a = Ps(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -275,29 +275,29 @@ const qt = P.createContext({
     year: "2-digit"
   });
 };
-function Bs(e) {
+function $s(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Zt({
+function Kt({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Bs(t);
+  const s = e == null ? void 0 : e.text, a = $s(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const $s = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function js(e) {
-  return $s.test(e.trim());
+const js = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Us(e) {
+  return js.test(e.trim());
 }
-function Ot(e, t) {
+function zt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !js(s);
+  return !s || t && s === t ? !1 : !Us(s);
 }
 function tt(e) {
-  return Ot(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ot(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+  return zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const zt = [
+const Pt = [
   "🍎",
   // Apple
   "🍌",
@@ -325,7 +325,7 @@ const zt = [
   "🍈"
   // Melon
 ];
-function Us(e) {
+function Vs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -333,9 +333,9 @@ function Us(e) {
   }
   return Math.abs(t);
 }
-function Vs(e) {
-  const s = Us(e) % zt.length;
-  return zt[s];
+function Gs(e) {
+  const s = Vs(e) % Pt.length;
+  return Pt[s];
 }
 const oe = ({
   id: e,
@@ -346,7 +346,7 @@ const oe = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Vs(e), h = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
+  const o = Gs(e), h = s < 32 ? "text-xs" : s < 56 ? "text-sm" : s < 120 ? "text-lg" : "text-4xl", g = s >= 40 ? 2 : 1, u = i === "circle" ? { borderRadius: "50%" } : {
     borderRadius: "33%",
     cornerShape: "superellipse(1.3)"
   }, f = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: u, children: t ? /* @__PURE__ */ n(
@@ -411,7 +411,7 @@ const oe = ({
       ]
     }
   );
-}, Gs = ({ size: e = 15 }) => /* @__PURE__ */ n(
+}, Hs = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -428,21 +428,21 @@ const oe = ({
       }
     )
   }
-), Hs = (e) => {
+), Ys = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Ys = (e) => {
+}, Ws = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Me = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Ws = (e) => {
+}, qs = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Kt = (e) => Hs(e) || Ys(e), qs = (e) => {
+}, Jt = (e) => Ys(e) || Ws(e), Xs = (e) => {
   var t;
-  return Kt(e) && !((t = e.text) != null && t.trim());
+  return Jt(e) && !((t = e.text) != null && t.trim());
 }, $e = ({
   message: e,
   standalone: t = !1,
@@ -450,7 +450,7 @@ const oe = ({
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = Kt(e), i = Me(e);
+  const r = Jt(e), i = Me(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -458,7 +458,7 @@ const oe = ({
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ m("div", { className: c, children: [
-      /* @__PURE__ */ n(us, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(ms, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: b })
     ] });
   }
@@ -466,7 +466,7 @@ const oe = ({
     "message-chatbot-indicator",
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), h = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Gs, { size: l ? 12 : 15 }) });
+  ].join(" "), h = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(Hs, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ m(ie, { children: [
     h,
     g
@@ -474,43 +474,43 @@ const oe = ({
     g,
     h
   ] }) });
-}, Jt = P.memo(
+}, Qt = B.memo(
   ({ channel: e, unread: t }) => {
-    var D, T, F;
+    var R, T, O;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: l
-    } = Os(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = zs(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, h = (M) => {
-      const R = M.key === "Enter" || M.key === " ", A = M.repeat;
-      !R || A || (M.preventDefault(), d());
-    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
+      const L = M.key === "Enter" || M.key === " ", A = M.repeat;
+      !L || A || (M.preventDefault(), d());
+    }, u = Object.values(((R = e == null ? void 0 : e.state) == null ? void 0 : R.members) || {}).find(
       (M) => {
-        var R, A;
-        return ((R = M.user) == null ? void 0 : R.id) && M.user.id !== ((A = e == null ? void 0 : e._client) == null ? void 0 : A.userID);
+        var L, A;
+        return ((L = M.user) == null ? void 0 : L.id) && M.user.id !== ((A = e == null ? void 0 : e._client) == null ? void 0 : A.userID);
       }
     ), f = tt(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
-      var R;
-      const M = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
+      var L;
+      const M = (L = e == null ? void 0 : e.state) == null ? void 0 : L.messages;
       if (M != null && M.length) {
         for (let A = M.length - 1; A >= 0; A--)
           if (M[A].type !== "system") return M[A];
       }
     })(), v = (() => {
-      var G, k;
-      const M = Zt({
+      var H, k;
+      const M = Kt({
         message: b,
         viewerLanguage: l
       });
       if (M) return M;
-      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
+      if (((H = b == null ? void 0 : b.metadata) == null ? void 0 : H.custom_type) === "MESSAGE_TIP") return "💵 Sent a tip";
       const A = (k = b == null ? void 0 : b.attachments) == null ? void 0 : k[0];
       return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = b != null && b.created_at ? Ps(new Date(b.created_at)) : "", w = b ? Me(b) : !1, E = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, I = Xt(e), S = t ?? 0;
+    })(), N = b != null && b.created_at ? Bs(new Date(b.created_at)) : "", w = b ? Me(b) : !1, E = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, I = Zt(e), S = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
@@ -535,7 +535,7 @@ const oe = ({
           /* @__PURE__ */ n(
             oe,
             {
-              id: ((F = u == null ? void 0 : u.user) == null ? void 0 : F.id) || e.id || "unknown",
+              id: ((O = u == null ? void 0 : u.user) == null ? void 0 : O.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 44,
@@ -570,8 +570,8 @@ const oe = ({
     );
   }
 );
-Jt.displayName = "CustomChannelPreview";
-const Xs = { last_message_at: -1 }, Qt = P.memo(
+Qt.displayName = "CustomChannelPreview";
+const Zs = { last_message_at: -1 }, en = B.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -580,18 +580,18 @@ const Xs = { last_message_at: -1 }, Qt = P.memo(
     onMessageNew: r,
     onAddedToChannel: i,
     channelRenderFilterFn: l,
-    sort: o = Xs,
+    sort: o = Zs,
     className: d,
     customEmptyStateIndicator: h,
     renderMessagePreview: g,
     viewerLanguage: u
   }) => {
-    const f = P.useRef(0);
+    const f = B.useRef(0);
     f.current++;
-    const { debug: c = !1 } = et(), b = P.useCallback(
+    const { debug: c = !1 } = et(), b = B.useCallback(
       (v) => {
         for (const N of v)
-          Ls(N);
+          Fs(N);
         return l ? l(v) : v;
       },
       [l]
@@ -601,7 +601,7 @@ const Xs = { last_message_at: -1 }, Qt = P.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const x = P.useMemo(
+    const x = B.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -624,8 +624,8 @@ const Xs = { last_message_at: -1 }, Qt = P.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           d
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Fs, { value: x, children: /* @__PURE__ */ n(
-          Sn,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Os, { value: x, children: /* @__PURE__ */ n(
+          Tn,
           {
             filters: s,
             sort: o,
@@ -634,7 +634,7 @@ const Xs = { last_message_at: -1 }, Qt = P.memo(
             onMessageNew: r,
             onAddedToChannel: i,
             channelRenderFilterFn: b,
-            Preview: Jt,
+            Preview: Qt,
             EmptyStateIndicator: h
           },
           `${JSON.stringify(s)}:${JSON.stringify(o)}`
@@ -643,7 +643,7 @@ const Xs = { last_message_at: -1 }, Qt = P.memo(
     );
   }
 );
-Qt.displayName = "ChannelList";
+en.displayName = "ChannelList";
 const Se = ({
   variant: e = "default",
   className: t,
@@ -662,7 +662,7 @@ const Se = ({
     children: s
   }
 );
-function Zs({ label: e, className: t, children: s, ...a }) {
+function Ks({ label: e, className: t, children: s, ...a }) {
   return /* @__PURE__ */ m(
     "button",
     {
@@ -683,10 +683,10 @@ function Zs({ label: e, className: t, children: s, ...a }) {
     }
   );
 }
-function Ks({ onClick: e }) {
-  return /* @__PURE__ */ n(Zs, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(xe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
+function Js({ onClick: e }) {
+  return /* @__PURE__ */ n(Ks, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(xe, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
-const Js = ({
+const Qs = ({
   dialogRef: e,
   onClose: t,
   participant: s,
@@ -702,47 +702,47 @@ const Js = ({
   customProfileContent: f,
   customChannelActions: c
 }) => {
-  var V, $, L, Y;
-  const { service: b, debug: x } = et(), [v, N] = z(!1), [w, E] = z(!1), [I, S] = z(!1), D = U(async () => {
+  var V, P, F, G;
+  const { service: b, debug: x } = et(), [v, N] = z(!1), [w, E] = z(!1), [I, S] = z(!1), R = U(async () => {
     var _;
     if (!(!b || !((_ = s == null ? void 0 : s.user) != null && _.id)))
       try {
         const p = (await b.getBlockedUsers()).some(
           (C) => {
-            var H;
-            return C.blocked_user_id === ((H = s == null ? void 0 : s.user) == null ? void 0 : H.id);
+            var Y;
+            return C.blocked_user_id === ((Y = s == null ? void 0 : s.user) == null ? void 0 : Y.id);
           }
         );
         N(p);
-      } catch (O) {
+      } catch (D) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          O
+          D
         );
       }
   }, [b, (V = s == null ? void 0 : s.user) == null ? void 0 : V.id]);
   X(() => {
-    D();
-  }, [D]);
+    R();
+  }, [R]);
   const T = async () => {
     var _;
     if (!w) {
       h == null || h(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), E(!0);
       try {
-        const O = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
-        await r.hide(O, !1), l && await l(r), t();
-      } catch (O) {
-        console.error("[ChannelInfoDialog] Failed to leave conversation", O);
+        const D = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
+        await r.hide(D, !1), l && await l(r), t();
+      } catch (D) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", D);
       } finally {
         E(!1);
       }
     }
-  }, F = async () => {
-    var _, O, p;
+  }, O = async () => {
+    var _, D, p;
     if (!(I || !b)) {
       g == null || g(), x && console.log("[ChannelInfoDialog] Block member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), S(!0);
       try {
-        await b.blockUser((O = s == null ? void 0 : s.user) == null ? void 0 : O.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
+        await b.blockUser((D = s == null ? void 0 : s.user) == null ? void 0 : D.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
       } catch (C) {
         console.error("[ChannelInfoDialog] Failed to block member", C);
       } finally {
@@ -750,18 +750,18 @@ const Js = ({
       }
     }
   }, M = async () => {
-    var _, O, p;
+    var _, D, p;
     if (!(I || !b)) {
       g == null || g(), x && console.log("[ChannelInfoDialog] Unblock member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), S(!0);
       try {
-        await b.unBlockUser((O = s == null ? void 0 : s.user) == null ? void 0 : O.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
+        await b.unBlockUser((D = s == null ? void 0 : s.user) == null ? void 0 : D.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
       } catch (C) {
         console.error("[ChannelInfoDialog] Failed to unblock member", C);
       } finally {
         S(!1);
       }
     }
-  }, R = () => {
+  }, L = () => {
     u == null || u(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -769,7 +769,7 @@ const Js = ({
     );
   };
   if (!s) return null;
-  const A = a ?? tt(s.user), G = ($ = s.user) == null ? void 0 : $.image, k = (L = s.user) == null ? void 0 : L.username, j = k ? `linktr.ee/${k}` : void 0, W = ((Y = s.user) == null ? void 0 : Y.id) || "unknown";
+  const A = a ?? tt(s.user), H = (P = s.user) == null ? void 0 : P.image, k = (F = s.user) == null ? void 0 : F.username, j = k ? `linktr.ee/${k}` : void 0, W = ((G = s.user) == null ? void 0 : G.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -784,7 +784,7 @@ const Js = ({
         children: /* @__PURE__ */ m("div", { className: "ml-auto flex h-full w-full flex-col bg-white shadow-none transition-shadow duration-200 group-open:shadow-max-elevation-light", children: [
           /* @__PURE__ */ m("div", { className: "flex items-center justify-between border-b border-sand px-4 py-3", children: [
             /* @__PURE__ */ n("h2", { className: "text-base font-semibold text-charcoal", children: "Chat info" }),
-            /* @__PURE__ */ n(Ks, { onClick: t })
+            /* @__PURE__ */ n(Js, { onClick: t })
           ] }),
           /* @__PURE__ */ m("div", { className: "flex-1 px-2 overflow-y-auto w-full", children: [
             /* @__PURE__ */ m(
@@ -799,7 +799,7 @@ const Js = ({
                       {
                         id: W,
                         name: A,
-                        image: G,
+                        image: H,
                         size: 88,
                         shape: "circle"
                       }
@@ -835,7 +835,7 @@ const Js = ({
                   disabled: w,
                   "aria-busy": w,
                   children: [
-                    w ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(ms, { className: "h-5 w-5" }),
+                    w ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Delete Conversation" })
                   ]
                 }
@@ -847,24 +847,24 @@ const Js = ({
                   disabled: I,
                   "aria-busy": I,
                   children: [
-                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Unblock" })
                   ]
                 }
               ) : /* @__PURE__ */ m(
                 Se,
                 {
-                  onClick: F,
+                  onClick: O,
                   disabled: I,
                   "aria-busy": I,
                   children: [
-                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Dt, { className: "h-5 w-5" }),
+                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
                     /* @__PURE__ */ n("span", { children: "Block" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Se, { variant: "danger", onClick: R, children: [
-                /* @__PURE__ */ n(hs, { className: "h-5 w-5" }),
+              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Se, { variant: "danger", onClick: L, children: [
+                /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
               c
@@ -874,13 +874,13 @@ const Js = ({
       }
     )
   );
-}, Qs = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), qe = "vote_up", Xe = "vote_down";
-function ea(e) {
+}, ea = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), qe = "vote_up", Xe = "vote_down";
+function ta(e) {
   return e != null && e.length ? e.some((t) => t.type === Xe) ? "down" : e.some((t) => t.type === qe) ? "up" : null : null;
 }
-function ta(e) {
+function na(e) {
   const { channel: t } = me(), { client: s } = Qe("useMessageVote"), a = re(
-    () => ea(e.own_reactions),
+    () => ta(e.own_reactions),
     [e.own_reactions]
   ), r = U(async () => {
     if (s != null && s.userID)
@@ -905,13 +905,13 @@ function ta(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-const na = P.lazy(() => import("./Card-DNlAktyj.js")), sa = P.lazy(() => import("./Card-CwnMzWRr.js")), aa = P.lazy(() => import("./Card-Ct_Vj2M-.js")), nt = () => /* @__PURE__ */ n(
+const sa = B.lazy(() => import("./Card-tGCMHgKp.js")), aa = B.lazy(() => import("./Card-D8Z8WnS6.js")), ra = B.lazy(() => import("./Card-B8CGfnPN.js")), nt = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), ra = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(na, { ...e }) }), en = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(sa, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(aa, { ...e }) }), ia = en, oa = tn, Pt = { Composer: ra, Sent: en, Received: tn, Creator: ia, Visitor: oa }, la = [
+), ia = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(sa, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(aa, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(ra, { ...e }) }), oa = tn, la = nn, Bt = { Composer: ia, Sent: tn, Received: nn, Creator: oa, Visitor: la }, ca = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -924,39 +924,39 @@ const na = P.lazy(() => import("./Card-DNlAktyj.js")), sa = P.lazy(() => import(
 function le(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function nn(e) {
-  const t = la.find(
+function sn(e) {
+  const t = ca.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ca = {
-  video: Ht,
-  audio: gs,
-  image: fs,
-  document: Gt
-}, da = {
-  pdf: _s,
-  doc: ys,
-  xls: Ns,
-  csv: ws,
-  ppt: xs,
-  zip: vs,
-  text: ps,
-  markdown: bs,
-  generic: Gt
+const da = {
+  video: Yt,
+  audio: bs,
+  image: gs,
+  document: Ht
+}, ua = {
+  pdf: Cs,
+  doc: _s,
+  xls: ys,
+  csv: Ns,
+  ppt: ws,
+  zip: xs,
+  text: vs,
+  markdown: ps,
+  generic: Ht
 };
-function ua(e) {
+function ma(e) {
   const t = le(e);
-  return t !== "document" ? ca[t] : da[nn(e)];
+  return t !== "document" ? da[t] : ua[sn(e)];
 }
 function ge(e, t) {
-  return P.createElement(ua(e), t);
+  return B.createElement(ma(e), t);
 }
-const ma = (e) => {
+const ha = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, ha = ({
+}, fa = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -968,23 +968,23 @@ const ma = (e) => {
   muted: d = !1,
   onContainerClick: h
 }) => {
-  const g = le(t), u = Z(null), f = Z(null), c = Z(null), b = Z(r), [x, v] = z(a), [N, w] = z(0), [E, I] = z(!1), [S, D] = z(!1), [T, F] = z(!1), [M, R] = z(!1), [A, G] = z(!0), [k, j] = z(null), W = U(() => {
-    F(!1), v(!0);
+  const g = le(t), u = Z(null), f = Z(null), c = Z(null), b = Z(r), [x, v] = z(a), [N, w] = z(0), [E, I] = z(!1), [S, R] = z(!1), [T, O] = z(!1), [M, L] = z(!1), [A, H] = z(!0), [k, j] = z(null), W = U(() => {
+    O(!1), v(!0);
   }, []), V = U((p) => {
     const C = f.current;
     if (!C) return 0;
-    const H = C.getBoundingClientRect();
+    const Y = C.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ma(p) - H.left) / H.width)
+      Math.min(1, (ha(p) - Y.left) / Y.width)
     );
-  }, []), $ = U((p) => {
+  }, []), P = U((p) => {
     const C = u.current;
     C && C.duration && (C.currentTime = p * C.duration);
-  }, []), L = (p) => {
+  }, []), F = (p) => {
     p.stopPropagation(), I(!0);
     const C = V(p);
-    w(C), $(C);
+    w(C), P(C);
   };
   X(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
@@ -1003,25 +1003,25 @@ const ma = (e) => {
   }, [x, E]), X(() => {
     const p = u.current;
     p && (x ? p.play().catch((C) => {
-      v(!1), F(!0);
+      v(!1), O(!0);
     }) : p.pause());
   }, [x]), X(() => {
     if (!E) return;
-    const p = (H) => w(V(H)), C = (H) => {
-      I(!1), $(V(H));
+    const p = (Y) => w(V(Y)), C = (Y) => {
+      I(!1), P(V(Y));
     };
     return window.addEventListener("mousemove", p), window.addEventListener("mouseup", C), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", C), () => {
       window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", C);
     };
-  }, [E, V, $]);
-  const Y = k ? { aspectRatio: String(k) } : void 0, _ = k ? "" : " aspect-video", O = Math.round(N * 100);
+  }, [E, V, P]);
+  const G = k ? { aspectRatio: String(k) } : void 0, _ = k ? "" : " aspect-video", D = Math.round(N * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${_}`,
-      style: Y,
+      style: G,
       onClick: (p) => {
         if (h) {
           h(p);
@@ -1059,12 +1059,12 @@ const ma = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              R(!1), G(!1);
+              L(!1), H(!1);
             },
-            onWaiting: () => R(!0),
-            onPlay: () => F(!1),
+            onWaiting: () => L(!0),
+            onPlay: () => O(!1),
             onEnded: () => {
               i || (v(!1), w(0));
             },
@@ -1079,12 +1079,12 @@ const ma = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => R(!0),
+            onLoadStart: () => L(!0),
             onCanPlay: () => {
-              R(!1), G(!1);
+              L(!1), H(!1);
             },
-            onWaiting: () => R(!0),
-            onPlay: () => F(!1),
+            onWaiting: () => L(!0),
+            onPlay: () => O(!1),
             onLoadedMetadata: () => {
               const p = u.current;
               p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && j(p.videoWidth / p.videoHeight);
@@ -1123,23 +1123,23 @@ const ma = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": O,
+            "aria-valuenow": D,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: L,
-            onTouchStart: L,
+            onMouseDown: F,
+            onTouchStart: F,
             onClick: (p) => p.stopPropagation(),
             onKeyDown: (p) => {
-              p.key === "ArrowRight" && $(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && $(Math.max(0, N - 0.05));
+              p.key === "ArrowRight" && P(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, N - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${O}%` }
+                style: { width: `${D}%` }
               }
             ) })
           }
@@ -1154,7 +1154,7 @@ const ma = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1162,19 +1162,19 @@ const ma = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": O,
+              "aria-valuenow": D,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: L,
-              onTouchStart: L,
+              onMouseDown: F,
+              onTouchStart: F,
               onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => D(!0),
-              onMouseLeave: () => D(!1),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
               onKeyDown: (p) => {
-                p.key === "ArrowRight" && $(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && $(Math.max(0, N - 0.05));
+                p.key === "ArrowRight" && P(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -1185,7 +1185,7 @@ const ma = (e) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${O}%` }
+                        style: { width: `${D}%` }
                       }
                     )
                   }
@@ -1194,7 +1194,7 @@ const ma = (e) => {
                   "div",
                   {
                     className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${S || E ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${O}%` }
+                    style: { left: `${D}%` }
                   }
                 )
               ]
@@ -1204,7 +1204,7 @@ const ma = (e) => {
       ]
     }
   );
-}, Bt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", fa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", sn = ({
+}, $t = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ga = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", an = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1215,7 +1215,7 @@ const ma = (e) => {
 }) => {
   const o = le(e), [d, h] = z(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ n(
-    ha,
+    fa,
     {
       source: t,
       mimeType: e,
@@ -1262,11 +1262,11 @@ const ma = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ge(e, {
-        className: Bt(r),
+        className: $t(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${fa(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ga(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1279,12 +1279,12 @@ const ma = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ge(e, {
-        className: Bt(r),
+        className: $t(r),
         weight: "regular"
       })
     }
   );
-}, an = ({
+}, rn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1350,29 +1350,29 @@ const ma = (e) => {
     }
   );
 };
-function rn(e) {
+function on(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function st(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function ga(e) {
+function ba(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ba(e) {
+function pa(e) {
   return e ? "text-white" : "text-black";
 }
-function pa(e) {
+function va(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function va(e) {
+function xa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function xa(e) {
+function wa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const at = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, h = /* @__PURE__ */ m(P.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, h = /* @__PURE__ */ m(B.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1383,26 +1383,26 @@ const at = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ga(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ks, { className: `size-12 ${xa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ba(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Es, { className: `size-12 ${wa(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ba(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${pa(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${va(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${pa(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${va(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${xa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: h }) : /* @__PURE__ */ n("div", { className: "block", children: h });
 };
-function on(e) {
+function ln(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function rt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(on);
+  return (t = e.attachments) == null ? void 0 : t.find(ln);
 }
-async function wa(e, t) {
+async function Na(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1414,7 +1414,7 @@ async function wa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = s, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const Na = ({
+const ya = ({
   url: e,
   filename: t
 }) => {
@@ -1426,7 +1426,7 @@ const Na = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), wa(e, t).then(() => {
+        a(!0), Na(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1434,7 +1434,7 @@ const Na = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(P.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(B.Fragment, { children: [
         /* @__PURE__ */ n(ve, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1462,16 +1462,16 @@ function it(e) {
     thumbnailUrl: g
   };
 }
-const ln = ({
+const cn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? rn(a) : void 0;
+  const i = a !== void 0 ? on(a) : void 0;
   return /* @__PURE__ */ n(
-    an,
+    rn,
     {
       variant: "dark",
       title: s,
@@ -1479,7 +1479,7 @@ const ln = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        sn,
+        an,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1490,23 +1490,23 @@ const ln = ({
       )
     }
   );
-}, cn = ({
+}, dn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? rn(a) : void 0;
+  const i = le(t), l = a !== void 0 ? on(a) : void 0;
   return /* @__PURE__ */ n(
-    an,
+    rn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ n(
-        sn,
+        an,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1516,10 +1516,10 @@ const ln = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(Na, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ya, { url: e, filename: s })
     }
   );
-}, ya = ({
+}, _a = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1544,40 +1544,40 @@ const ln = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: s ? /* @__PURE__ */ n("div", { className: st(t), children: /* @__PURE__ */ n(at, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(ln, { ...a }) : /* @__PURE__ */ n(cn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: st(t), children: /* @__PURE__ */ n(at, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(cn, { ...a }) : /* @__PURE__ */ n(dn, { ...a })
           }
         ) })
       }
     )
   ] });
-}, _a = ({
+}, Ca = ({
   message: e
 }) => {
   const t = rt(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: st(!0), children: /* @__PURE__ */ n(at, { attachment: t, isMyMessage: !0 }) });
   const s = it(e);
-  return s ? /* @__PURE__ */ n(ln, { ...s }) : null;
-}, Ca = ({
+  return s ? /* @__PURE__ */ n(cn, { ...s }) : null;
+}, ka = ({
   message: e
 }) => {
   const t = rt(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: st(!1), children: /* @__PURE__ */ n(at, { attachment: t, isMyMessage: !1 }) });
   const s = it(e);
-  return s ? /* @__PURE__ */ n(cn, { ...s }) : null;
-}, _i = Object.assign(ya, {
-  Creator: _a,
-  Visitor: Ca
-}), ka = {
+  return s ? /* @__PURE__ */ n(dn, { ...s }) : null;
+}, _i = Object.assign(_a, {
+  Creator: Ca,
+  Visitor: ka
+}), Ea = {
   isUnlocking: () => !1
-}, Ea = {
-  LockedAttachment: ka
-}, dn = Ze({}), Ci = dn.Provider;
-function Ia(e) {
-  return Ke(dn)[e] ?? Ea[e];
+}, Ia = {
+  LockedAttachment: Ea
+}, un = Ze({}), Ci = un.Provider;
+function Sa(e) {
+  return Ke(un)[e] ?? Ia[e];
 }
-const Sa = ({
+const Ta = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1593,7 +1593,7 @@ const Sa = ({
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1607,11 +1607,11 @@ const Sa = ({
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ta = (e) => {
-  var gt, bt, pt, vt, xt, wt, Nt, yt, _t, Ct, kt, Et, It, St;
+] }), Ma = (e) => {
+  var bt, pt, vt, xt, wt, Nt, yt, _t, Ct, kt, Et, It, St, Tt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1629,39 +1629,39 @@ const Sa = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = e, { client: N } = Qe("CustomMessage"), { channel: w } = me("CustomMessage"), { isUnlocking: E, onUnlockClick: I, onFetchSource: S, onDownloadClick: D } = Ia("LockedAttachment"), [T, F] = z(!1), M = An(c.id), { selected: R, voteUp: A, voteDown: G } = ta(c), {
-    Attachment: k = Dn,
-    EditMessageModal: j = Rn,
+  } = e, { client: N } = Qe("CustomMessage"), { channel: w } = me("CustomMessage"), { isUnlocking: E, onUnlockClick: I, onFetchSource: S, onDownloadClick: R } = Sa("LockedAttachment"), [T, O] = z(!1), M = Dn(c.id), { selected: L, voteUp: A, voteDown: H } = na(c), {
+    Attachment: k = Rn,
+    EditMessageModal: j = Ln,
     MessageActions: W,
-    MessageBlocked: V = Ln,
-    MessageBouncePrompt: $ = Fn,
-    MessageDeleted: L = On,
-    MessageIsThreadReplyInChannelButtonIndicator: Y = zn,
-    MessageRepliesCountButton: _ = Pn,
-    ReminderNotification: O = Bn,
-    StreamedMessageText: p = $n,
+    MessageBlocked: V = Fn,
+    MessageBouncePrompt: P = On,
+    MessageDeleted: F = zn,
+    MessageIsThreadReplyInChannelButtonIndicator: G = Pn,
+    MessageRepliesCountButton: _ = Bn,
+    ReminderNotification: D = $n,
+    StreamedMessageText: p = jn,
     PinIndicator: C
-  } = Vt("CustomMessage"), H = jn(c), q = Un(c), he = re(
+  } = Gt("CustomMessage"), Y = Un(c), q = Vn(c), he = re(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), J = re(() => {
     const be = c.attachments ?? [], Ie = c.shared_location ? [c.shared_location, ...be] : be;
     if (!Me(c)) return Ie;
-    const Tt = Ie.filter((Mt) => !("type" in Mt) || !on(Mt));
-    return Tt.length === Ie.length ? Ie : Tt;
+    const Mt = Ie.filter((At) => !("type" in At) || !ln(At));
+    return Mt.length === Ie.length ? Ie : Mt;
   }, [c]), ee = re(() => {
-    const be = Zt({ message: c, viewerLanguage: v });
+    const be = Kt({ message: c, viewerLanguage: v });
     return be === c.text ? c : { ...c, text: be };
   }, [c, v]);
-  if (Vn(c))
+  if (Gn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(L, { message: c });
-  if (Gn(c))
+    return /* @__PURE__ */ n(F, { message: c });
+  if (Hn(c))
     return /* @__PURE__ */ n(V, {});
-  const Ce = !x && !!c.reply_count, ke = !x && c.show_in_channel && c.parent_id, ce = c.status === "failed" && ((gt = c.error) == null ? void 0 : gt.status) !== 403, te = Hn(c);
+  const Ce = !x && !!c.reply_count, ke = !x && c.show_in_channel && c.parent_id, ce = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, te = Yn(c);
   let se;
-  ce ? se = () => h(c) : te && (se = () => F(!0));
+  ce ? se = () => h(c) : te && (se = () => O(!0));
   const de = f(), Oe = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
@@ -1669,17 +1669,17 @@ const Sa = ({
     de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": H,
+      "str-chat__message--has-attachment": Y,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((bt = c == null ? void 0 : c.error) == null ? void 0 : bt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((pt = c == null ? void 0 : c.error) == null ? void 0 : pt.status) !== 403,
       "str-chat__message-with-thread-link": Ce || ke,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ee = c.poll_id && N.polls.fromState(c.poll_id), ue = qs(c), B = Me(c), K = Ws(c), Q = !!(J != null && J.length && !c.quoted_message), ae = B && de && Q;
+  ), Ee = c.poll_id && N.polls.fromState(c.poll_id), ue = Xs(c), $ = Me(c), K = qs(c), Q = !!(J != null && J.length && !c.quoted_message), ae = $ && de && Q;
   return /* @__PURE__ */ m(ie, { children: [
     a && /* @__PURE__ */ n(
       j,
@@ -1688,16 +1688,16 @@ const Sa = ({
       }
     ),
     T && /* @__PURE__ */ n(
-      Yn,
+      Wn,
       {
-        MessageBouncePrompt: $,
-        onClose: () => F(!1),
+        MessageBouncePrompt: P,
+        onClose: () => O(!1),
         open: T
       }
     ),
-    /* @__PURE__ */ m("div", { className: Oe, children: [
+    /* @__PURE__ */ m("div", { className: Oe, "data-message-id": c.id, children: [
       C && /* @__PURE__ */ n(C, {}),
-      !!M && /* @__PURE__ */ n(O, { reminder: M }),
+      !!M && /* @__PURE__ */ n(D, { reminder: M }),
       c.user && /* @__PURE__ */ n(
         oe,
         {
@@ -1705,9 +1705,9 @@ const Sa = ({
           id: c.user.id,
           image: c.user.image,
           name: c.user.name || c.user.id,
-          size: B ? 24 : 28,
+          size: $ ? 24 : 28,
           shape: "circle",
-          dmAgentEnabled: B
+          dmAgentEnabled: $
         }
       ),
       /* @__PURE__ */ m(
@@ -1730,34 +1730,34 @@ const Sa = ({
           children: [
             K ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
               de ? /* @__PURE__ */ n(
-                Pt.Sent,
+                Bt.Sent,
                 {
-                  title: (pt = c.metadata) == null ? void 0 : pt.attachment_title,
-                  mimeType: (vt = c.metadata) == null ? void 0 : vt.attachment_mime_type,
-                  thumbnailUrl: (xt = c.metadata) == null ? void 0 : xt.attachment_thumbnail,
-                  amountText: (wt = c.metadata) == null ? void 0 : wt.amount_text,
-                  detail: (Nt = c.metadata) == null ? void 0 : Nt.attachment_detail,
-                  paymentStatus: (yt = c.metadata) == null ? void 0 : yt.payment_status,
+                  title: (vt = c.metadata) == null ? void 0 : vt.attachment_title,
+                  mimeType: (xt = c.metadata) == null ? void 0 : xt.attachment_mime_type,
+                  thumbnailUrl: (wt = c.metadata) == null ? void 0 : wt.attachment_thumbnail,
+                  amountText: (Nt = c.metadata) == null ? void 0 : Nt.amount_text,
+                  detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
+                  paymentStatus: (_t = c.metadata) == null ? void 0 : _t.payment_status,
                   onPreviewClick: () => I == null ? void 0 : I(c, w),
                   onFetchSource: async () => await (S == null ? void 0 : S(c, w))
                 }
               ) : /* @__PURE__ */ n(
-                Pt.Received,
+                Bt.Received,
                 {
-                  title: (_t = c.metadata) == null ? void 0 : _t.attachment_title,
-                  mimeType: (Ct = c.metadata) == null ? void 0 : Ct.attachment_mime_type,
-                  thumbnailUrl: (kt = c.metadata) == null ? void 0 : kt.attachment_thumbnail,
-                  amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
-                  detail: (It = c.metadata) == null ? void 0 : It.attachment_detail,
-                  paymentStatus: (St = c.metadata) == null ? void 0 : St.payment_status,
+                  title: (Ct = c.metadata) == null ? void 0 : Ct.attachment_title,
+                  mimeType: (kt = c.metadata) == null ? void 0 : kt.attachment_mime_type,
+                  thumbnailUrl: (Et = c.metadata) == null ? void 0 : Et.attachment_thumbnail,
+                  amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
+                  detail: (St = c.metadata) == null ? void 0 : St.attachment_detail,
+                  paymentStatus: (Tt = c.metadata) == null ? void 0 : Tt.payment_status,
                   isUnlocking: E(c.id),
                   onUnlockClick: () => I == null ? void 0 : I(c, w),
                   onFetchSource: async () => await (S == null ? void 0 : S(c, w)),
-                  onDownloadClick: () => D == null ? void 0 : D(c, w)
+                  onDownloadClick: () => R == null ? void 0 : R(c, w)
                 }
               ),
               c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                At,
+                Dt,
                 {
                   message: ee,
                   renderText: b
@@ -1767,7 +1767,7 @@ const Sa = ({
               /* Tip-only messages render as a standalone bubble */
               /* @__PURE__ */ n($e, { message: c, standalone: !0 })
             ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-              B && !ae && /* @__PURE__ */ n(
+              $ && !ae && /* @__PURE__ */ n(
                 $e,
                 {
                   message: c,
@@ -1775,7 +1775,7 @@ const Sa = ({
                   isMyMessage: de
                 }
               ),
-              Ee && /* @__PURE__ */ n(Wn, { poll: Ee }),
+              Ee && /* @__PURE__ */ n(qn, { poll: Ee }),
               J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
                 k,
                 {
@@ -1790,20 +1790,20 @@ const Sa = ({
                   renderText: b
                 }
               ) : /* @__PURE__ */ n(
-                At,
+                Dt,
                 {
                   message: ee,
                   renderText: b
                 }
               ),
-              /* @__PURE__ */ n(qn, {})
+              /* @__PURE__ */ n(Xn, {})
             ] }) }),
             W && /* @__PURE__ */ n(W, {})
           ]
         }
       ),
       !K && !ue && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-        (!B || ae) && /* @__PURE__ */ n(
+        (!$ || ae) && /* @__PURE__ */ n(
           $e,
           {
             message: c,
@@ -1811,12 +1811,12 @@ const Sa = ({
             isMyMessage: de
           }
         ),
-        s && B && /* @__PURE__ */ n(
-          Sa,
+        s && $ && /* @__PURE__ */ n(
+          Ta,
           {
-            selected: R,
+            selected: L,
             onVoteUp: A,
-            onVoteDown: G
+            onVoteDown: H
           }
         )
       ] }),
@@ -1827,29 +1827,29 @@ const Sa = ({
           reply_count: c.reply_count
         }
       ),
-      ke && /* @__PURE__ */ n(Y, {})
+      ke && /* @__PURE__ */ n(G, {})
     ] }, c.id)
   ] });
-}, Ma = P.memo(
-  Ta,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
-), Aa = (e) => {
+}, Aa = B.memo(
+  Ma,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+), Da = (e) => {
   const t = Le("CustomMessage");
-  return /* @__PURE__ */ n(Ma, { ...t, ...e });
-}, Da = () => {
-  const { handleDelete: e } = Le("CustomMessageActions"), { t } = Xn("CustomMessageActions");
-  return /* @__PURE__ */ n(Yt, { onClick: e, children: t("Delete") });
+  return /* @__PURE__ */ n(Aa, { ...t, ...e });
 }, Ra = () => {
+  const { handleDelete: e } = Le("CustomMessageActions"), { t } = Zn("CustomMessageActions");
+  return /* @__PURE__ */ n(Wt, { onClick: e, children: t("Delete") });
+}, La = () => {
   const { handleFlag: e } = Le("CustomMessageActions");
-  return /* @__PURE__ */ n(Yt, { onClick: e, children: "Report" });
-}, La = [
-  { Component: Da, placement: "dropdown", type: "delete" },
-  { Component: Ra, placement: "dropdown", type: "flag" }
-], Fa = () => /* @__PURE__ */ n(Ds, { messageActionSet: La }), Oa = (e) => ({
+  return /* @__PURE__ */ n(Wt, { onClick: e, children: "Report" });
+}, Fa = [
+  { Component: Ra, placement: "dropdown", type: "delete" },
+  { Component: La, placement: "dropdown", type: "flag" }
+], Oa = () => /* @__PURE__ */ n(Rs, { messageActionSet: Fa }), za = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ft.previewIsLoaded(t) || Ft.previewIsLoading(t)
+    (t) => Ot.previewIsLoaded(t) || Ot.previewIsLoading(t)
   )
-}), za = ({
+}), Pa = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1889,22 +1889,22 @@ const Sa = ({
       ]
     }
   );
-}, Pa = () => {
-  const { linkPreviewsManager: e } = Zn(), { linkPreviews: t } = Kn(
+}, Ba = () => {
+  const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
     e.state,
-    Oa
+    za
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    za,
+    Pa,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, Ba = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1912,20 +1912,20 @@ const Sa = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Ss, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
   }
-), $a = () => {
+), ja = () => {
   var o;
-  const { channel: e } = me(), t = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.frozen) === !0, { handleSubmit: s } = Qn(), { SendButton: a } = Vt("CustomMessageInput"), r = a ?? Ba, i = es();
+  const { channel: e } = me(), t = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.frozen) === !0, { handleSubmit: s } = es(), { SendButton: a } = Gt("CustomMessageInput"), r = a ?? $a, i = ts();
   return /* @__PURE__ */ m(ie, { children: [
-    /* @__PURE__ */ n("div", { className: "left-container", children: /* @__PURE__ */ n(ts, {}) }),
+    /* @__PURE__ */ n("div", { className: "left-container", children: /* @__PURE__ */ n(ns, {}) }),
     /* @__PURE__ */ m("div", { className: "central-container min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-      /* @__PURE__ */ n(ns, {}),
-      /* @__PURE__ */ n(Pa, {}),
       /* @__PURE__ */ n(ss, {}),
+      /* @__PURE__ */ n(Ba, {}),
+      /* @__PURE__ */ n(as, {}),
       /* @__PURE__ */ m("div", { className: "flex", children: [
         /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-          as,
+          rs,
           {
             "aria-disabled": t || void 0,
             className: "w-full resize-none outline-none leading-6",
@@ -1949,7 +1949,7 @@ const Sa = ({
       ] })
     ] })
   ] });
-}, ja = ({
+}, Ua = ({
   renderActions: e
 }) => {
   var a;
@@ -1962,40 +1962,40 @@ const Sa = ({
       className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
       children: [
         e == null ? void 0 : e(),
-        /* @__PURE__ */ n(Jn, { Input: $a })
+        /* @__PURE__ */ n(Qn, { Input: ja })
       ]
     }
   );
-}, Ua = [
+}, Va = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Va = {
+], Ga = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ga = [
+}, Ha = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ha = {
+], Ya = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, je = "age safety guidelines.", Ya = "https://linktr.ee/s/about/contact", $t = (e) => Ua.includes(e), Wa = (e) => Ga.includes(e), qa = (e) => {
+}, je = "age safety guidelines.", Wa = "https://linktr.ee/s/about/contact", jt = (e) => Va.includes(e), qa = (e) => Ha.includes(e), Xa = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if ($t(t))
+  if (jt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Wa(t))
+  if (qa(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if ($t(s))
+  if (jt(s))
     return {
       kind: "dm-agent",
       type: s
     };
-}, Xa = (e) => {
+}, Za = (e) => {
   const t = e.indexOf(je);
   if (t === -1)
     return e;
@@ -2005,7 +2005,7 @@ const Sa = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ya,
+        href: Wa,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -2014,13 +2014,13 @@ const Sa = ({
     ),
     e.slice(s)
   ] });
-}, Za = (e) => {
+}, Ka = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = qa(
+  const t = e.message.hide_date === !0, s = Xa(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Va[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ga[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2046,7 +2046,7 @@ const Sa = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ha[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ya[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2056,7 +2056,7 @@ const Sa = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ts,
+              Ms,
               {
                 size: 24,
                 weight: "duotone",
@@ -2065,7 +2065,7 @@ const Sa = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Xa(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Za(i) }) })
           ]
         }
       ),
@@ -2080,7 +2080,7 @@ const Sa = ({
     ] }),
     !t && /* @__PURE__ */ n(ze, { message: e.message })
   ] });
-}, un = Ze(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, mn = Ze(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -2090,17 +2090,17 @@ const Sa = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ka = /* @__PURE__ */ new Set([
+) }), Ja = /* @__PURE__ */ new Set([
   Pe.Thinking,
   Pe.Generating,
   Pe.ExternalSources
-]), Ja = ({ threadList: e }) => {
+]), Qa = ({ threadList: e }) => {
   var b, x;
-  const { channel: t, channelConfig: s, thread: a } = me(), { client: r } = Qe(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = Ke(un);
-  if (!e && o && Ka.has(l)) {
-    const v = Qa(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: s, thread: a } = me(), { client: r } = Qe(), { typing: i = {} } = is(), { aiState: l } = os(t), o = Ke(mn);
+  if (!e && o && Ja.has(l)) {
+    const v = er(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
-      jt,
+      Ut,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -2126,7 +2126,7 @@ const Sa = ({
     return null;
   const f = (x = u[0]) == null ? void 0 : x.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
-    jt,
+    Ut,
     {
       avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
@@ -2134,7 +2134,7 @@ const Sa = ({
       testId: "typing-indicator"
     }
   );
-}, jt = ({
+}, Ut = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -2175,7 +2175,7 @@ const Sa = ({
     ]
   }
 );
-function Qa(e, t) {
+function er(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2184,7 +2184,7 @@ function Qa(e, t) {
       return i;
   }
 }
-const er = () => null, tr = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2227,12 +2227,12 @@ const er = () => null, tr = ({ className: e, message: t }) => /* @__PURE__ */ m(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ae = P.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(tr, { className: "w-6 h-6" }),
+), Ae = B.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(nr, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ae.displayName = "LoadingState";
-const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ut = "Replies instantly with AI assistant", nr = ({
+const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Vt = "Replies instantly with AI assistant", sr = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2242,16 +2242,16 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   getParticipantDisplayName: l
 }) => {
   var c, b, x, v, N;
-  const { channel: o } = me(), d = P.useMemo(() => {
+  const { channel: o } = me(), d = B.useMemo(() => {
     var I, S;
     const w = (I = o._client) == null ? void 0 : I.userID;
     return w ? Object.values(((S = o.state) == null ? void 0 : S.members) || {}).find(
-      (D) => {
+      (R) => {
         var T;
-        return ((T = D.user) == null ? void 0 : T.id) && D.user.id !== w;
+        return ((T = R.user) == null ? void 0 : T.id) && R.user.id !== w;
       }
     ) : void 0;
-  }, [(c = o._client) == null ? void 0 : c.userID, (b = o.state) == null ? void 0 : b.members]), h = l(d), g = (x = d == null ? void 0 : d.user) == null ? void 0 : x.image, u = Xt(o), f = async () => {
+  }, [(c = o._client) == null ? void 0 : c.userID, (b = o.state) == null ? void 0 : b.members]), h = l(d), g = (x = d == null ? void 0 : d.user) == null ? void 0 : x.image, u = Zt(o), f = async () => {
     try {
       u ? await o.unpin() : await o.pin();
     } catch (w) {
@@ -2271,7 +2271,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ m("div", { className: "flex flex-col gap-1 items-center", children: [
@@ -2301,7 +2301,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
         ),
         i && /* @__PURE__ */ m("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
           /* @__PURE__ */ n(Ye, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: Ut })
+          /* @__PURE__ */ n("span", { children: Vt })
         ] })
       ] }),
       /* @__PURE__ */ m("div", { className: "flex justify-end items-center gap-2", children: [
@@ -2331,7 +2331,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Ft, { className: "size-5 text-black/90" })
           }
         )
       ] })
@@ -2345,7 +2345,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: e,
             className: fe,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Rt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
           }
         ),
         /* @__PURE__ */ n(
@@ -2375,7 +2375,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: h }),
           i && /* @__PURE__ */ m("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
             /* @__PURE__ */ n(Ye, { className: "size-3 shrink-0 text-black/55" }),
-            /* @__PURE__ */ n("span", { className: "truncate", children: Ut })
+            /* @__PURE__ */ n("span", { className: "truncate", children: Vt })
           ] })
         ] })
       ] }),
@@ -2406,13 +2406,13 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             onClick: s,
             type: "button",
             "aria-label": "Show info",
-            children: /* @__PURE__ */ n(Lt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Ft, { className: "size-5 text-black/90" })
           }
         )
       ] })
     ] })
   ] });
-}, sr = ({
+}, ar = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2433,24 +2433,24 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   viewerLanguage: N,
   getParticipantDisplayName: w
 }) => {
-  var j, W, V, $, L, Y;
-  const { channel: E } = me(), I = Z(null), S = P.useMemo(() => {
+  var j, W, V, P, F, G;
+  const { channel: E } = me(), I = Z(null), S = B.useMemo(() => {
     var p, C;
     const _ = (p = E._client) == null ? void 0 : p.userID;
     return _ ? Object.values(((C = E.state) == null ? void 0 : C.members) || {}).find(
-      (H) => {
+      (Y) => {
         var q;
-        return ((q = H.user) == null ? void 0 : q.id) && H.user.id !== _;
+        return ((q = Y.user) == null ? void 0 : q.id) && Y.user.id !== _;
       }
     ) : void 0;
-  }, [(j = E._client) == null ? void 0 : j.userID, (W = E.state) == null ? void 0 : W.members]), D = P.useMemo(() => {
+  }, [(j = E._client) == null ? void 0 : j.userID, (W = E.state) == null ? void 0 : W.members]), R = B.useMemo(() => {
     var p, C;
     const _ = (p = E._client) == null ? void 0 : p.userID;
-    return _ ? Object.values(((C = E.state) == null ? void 0 : C.members) || {}).find((H) => {
+    return _ ? Object.values(((C = E.state) == null ? void 0 : C.members) || {}).find((Y) => {
       var q;
-      return ((q = H.user) == null ? void 0 : q.id) === _;
+      return ((q = Y.user) == null ? void 0 : q.id) === _;
     }) : void 0;
-  }, [(V = E._client) == null ? void 0 : V.userID, ($ = E.state) == null ? void 0 : $.members]), T = ((L = D == null ? void 0 : D.user) == null ? void 0 : L.is_account) ?? (D == null ? void 0 : D.is_account), F = ((Y = S == null ? void 0 : S.user) == null ? void 0 : Y.is_account) ?? (S == null ? void 0 : S.is_account), M = v && T === !1 && F === !0, R = P.useMemo(() => {
+  }, [(V = E._client) == null ? void 0 : V.userID, (P = E.state) == null ? void 0 : P.members]), T = ((F = R == null ? void 0 : R.user) == null ? void 0 : F.is_account) ?? (R == null ? void 0 : R.is_account), O = ((G = S == null ? void 0 : S.user) == null ? void 0 : G.is_account) ?? (S == null ? void 0 : S.is_account), M = v && T === !1 && O === !0, L = B.useMemo(() => {
     const _ = E.data ?? {};
     if (_.followerStatus)
       return String(_.followerStatus);
@@ -2459,34 +2459,34 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   }, [E.data]), A = U(() => {
     var _;
     (_ = I.current) == null || _.showModal();
-  }, []), G = U(() => {
+  }, []), H = U(() => {
     var _;
     (_ = I.current) == null || _.close();
   }, []), k = U(
     (_) => {
-      const { message: O } = Le("ChannelView"), p = /* @__PURE__ */ n(
-        Aa,
+      const { message: D } = Le("ChannelView"), p = /* @__PURE__ */ n(
+        Da,
         {
           ..._,
           chatbotVotingEnabled: u,
           viewerLanguage: N
         }
       );
-      return !x || !O ? p : x(p, O);
+      return !x || !D ? p : x(p, D);
     },
     [u, x, N]
   );
   return /* @__PURE__ */ m(ie, { children: [
     /* @__PURE__ */ n(
-      ls,
+      cs,
       {
         overrides: {
           Message: k,
-          MessageActions: Fa
+          MessageActions: Oa
         },
-        children: /* @__PURE__ */ m(cs, { children: [
+        children: /* @__PURE__ */ m(ds, { children: [
           /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
-            nr,
+            sr,
             {
               onBack: e,
               showBackButton: t,
@@ -2497,13 +2497,13 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               getParticipantDisplayName: w
             }
           ) }, "lt-channel-header"),
-          f ? /* @__PURE__ */ n(P.Fragment, { children: f() }, "lt-channel-banner") : null,
+          f ? /* @__PURE__ */ n(B.Fragment, { children: f() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
               className: "flex-1 overflow-hidden relative",
               children: /* @__PURE__ */ n(
-                ds,
+                us,
                 {
                   hideDeletedMessages: !0,
                   hideNewMessageSeparator: !1
@@ -2512,9 +2512,9 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             },
             "lt-channel-message-list"
           ),
-          a ? /* @__PURE__ */ n(P.Fragment, { children: a(E) }, "lt-channel-conversation-footer") : null,
+          a ? /* @__PURE__ */ n(B.Fragment, { children: a(E) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
-            ja,
+            Ua,
             {
               renderActions: () => s == null ? void 0 : s(E)
             },
@@ -2524,14 +2524,14 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     ),
     /* @__PURE__ */ n(
-      Js,
+      Qs,
       {
         dialogRef: I,
-        onClose: G,
+        onClose: H,
         participant: S,
         participantDisplayName: w(S),
         channel: E,
-        followerStatusLabel: R,
+        followerStatusLabel: L,
         onLeaveConversation: r,
         onBlockParticipant: i,
         showDeleteConversation: l,
@@ -2543,7 +2543,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     )
   ] });
-}, mn = P.memo(
+}, hn = B.memo(
   ({
     channel: e,
     onBack: t,
@@ -2553,7 +2553,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: i,
     onBlockParticipant: l,
     className: o,
-    CustomChannelEmptyState: d = er,
+    CustomChannelEmptyState: d = tr,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: g,
     onBlockParticipantClick: u,
@@ -2567,65 +2567,66 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     customProfileContent: E,
     customChannelActions: I,
     renderMessage: S,
-    onMessageLinkClick: D,
+    onMessageLinkClick: R,
     sendButton: T,
-    viewerLanguage: F,
+    viewerLanguage: O,
     getParticipantDisplayName: M
   }) => {
-    const R = U(
+    const L = U(
       (k) => (M == null ? void 0 : M(k)) ?? tt(k == null ? void 0 : k.user),
       [M]
     ), A = U(
       async (k, j, W) => {
-        var O;
-        const V = ((O = e.data) == null ? void 0 : O.chatbot_paused) === !0, $ = c && !V, L = {
+        var D;
+        const V = ((D = e.data) == null ? void 0 : D.chatbot_paused) === !0, P = c && !V, F = {
           ...j,
-          ...$ && { silent: !0 },
+          ...P && { silent: !0 },
           ...b && {
             metadata: {
               ...j.metadata ?? {},
               ...b
             }
           }
-        }, Y = {
+        }, G = {
           ...W,
-          ...$ && { skip_push: !0 }
-        }, _ = await e.sendMessage(L, Y);
+          ...P && { skip_push: !0 }
+        }, _ = await e.sendMessage(F, G);
         return x == null || x(_), _;
       },
       [e, c, b, x]
-    ), G = Z(null);
+    ), H = Z(null);
     return X(() => {
-      if (!D) return;
-      const k = G.current;
+      if (!R) return;
+      const k = H.current;
       if (!k) return;
       const j = (W) => {
-        var L;
-        const V = (L = W.target) == null ? void 0 : L.closest("a[href]"), $ = V == null ? void 0 : V.getAttribute("href");
-        $ && D($);
+        const V = W.target, P = V == null ? void 0 : V.closest("a[href]"), F = P == null ? void 0 : P.getAttribute("href");
+        if (!F) return;
+        const G = P == null ? void 0 : P.closest("[data-message-id]"), _ = G == null ? void 0 : G.getAttribute("data-message-id"), D = _ ? e.state.messages.find((p) => p.id === _) : void 0;
+        R(F, D);
       };
       return k.addEventListener("click", j), () => k.removeEventListener("click", j);
-    }, [D]), /* @__PURE__ */ n(
+    }, [R, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: G,
+        ref: H,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           o
         ),
-        children: /* @__PURE__ */ n(un.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
-          os,
+        children: /* @__PURE__ */ n(mn.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
+          ls,
           {
             channel: e,
-            MessageSystem: Za,
+            MessageSystem: Ka,
             EmptyStateIndicator: d,
             LoadingIndicator: Ae,
-            DateSeparator: Qs,
-            TypingIndicator: Ja,
+            DateSeparator: ea,
+            TypingIndicator: Qa,
             doSendMessageRequest: A,
             ...T ? { SendButton: T } : {},
             children: /* @__PURE__ */ n(
-              sr,
+              ar,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2645,8 +2646,8 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 customProfileContent: E,
                 customChannelActions: I,
                 renderMessage: S,
-                viewerLanguage: F,
-                getParticipantDisplayName: R
+                viewerLanguage: O,
+                getParticipantDisplayName: L
               }
             )
           }
@@ -2655,8 +2656,8 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-mn.displayName = "ChannelView";
-const ar = ({ className: e }) => /* @__PURE__ */ m(
+hn.displayName = "ChannelView";
+const rr = ({ className: e }) => /* @__PURE__ */ m(
   "svg",
   {
     width: "140",
@@ -2790,17 +2791,17 @@ const ar = ({ className: e }) => /* @__PURE__ */ m(
       ] })
     ]
   }
-), hn = P.memo(
+), fn = B.memo(
   ({ hasChannels: e, channelsLoaded: t }) => /* @__PURE__ */ n("div", { className: "messaging-empty-state flex items-center justify-center h-full p-8 text-balance", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center max-w-sm text-center", children: [
-    /* @__PURE__ */ n(ar, {}),
+    /* @__PURE__ */ n(rr, {}),
     t && !e && /* @__PURE__ */ m("div", { className: "mt-8", children: [
       /* @__PURE__ */ n("h2", { className: "font-medium text-black text-[18px] mb-2", children: "Your inbox is empty" }),
       /* @__PURE__ */ n("p", { className: "text-[#676B5F] text-sm mb-6", children: "Share with your followers to start receiving messages" })
     ] })
   ] }) })
 );
-hn.displayName = "EmptyState";
-const Te = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+fn.displayName = "EmptyState";
+const Te = B.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2838,29 +2839,29 @@ const ki = ({
   chatbotVotingEnabled: E = !1,
   viewerLanguage: I,
   renderMessagePreview: S,
-  renderChannelBanner: D,
+  renderChannelBanner: R,
   customProfileContent: T,
-  customChannelActions: F,
+  customChannelActions: O,
   renderMessage: M,
-  onMessageLinkClick: R,
+  onMessageLinkClick: L,
   sendButton: A
 }) => {
   const {
-    service: G,
+    service: H,
     client: k,
     isConnected: j,
     isLoading: W,
     error: V,
-    refreshConnection: $,
-    debug: L
-  } = Rs(), [Y, _] = z(null), [O, p] = z(!1), [C, H] = z(!1), [q, he] = z(!1), [J, ee] = z(null), { showDeleteConversation: Ce = !0 } = e, ke = P.useMemo(() => {
-    const B = k == null ? void 0 : k.userID;
+    refreshConnection: P,
+    debug: F
+  } = Ls(), [G, _] = z(null), [D, p] = z(!1), [C, Y] = z(!1), [q, he] = z(!1), [J, ee] = z(null), { showDeleteConversation: Ce = !0 } = e, ke = B.useMemo(() => {
+    const $ = k == null ? void 0 : k.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...B && {
-          members: { $in: [B] },
+        ...$ && {
+          members: { $in: [$] },
           hidden: !1
         }
       },
@@ -2868,36 +2869,36 @@ const ki = ({
     };
   }, [h, k == null ? void 0 : k.userID]), ce = Z(null), te = U(async () => {
     if (!k || !j) return;
-    const B = k.userID;
-    if (B)
+    const $ = k.userID;
+    if ($)
       try {
-        L && console.log("[MessagingShell] Syncing channels for user:", B);
+        F && console.log("[MessagingShell] Syncing channels for user:", $);
         const K = await k.queryChannels(
           {
             type: "messaging",
-            members: { $in: [B] }
+            members: { $in: [$] }
           },
           {},
           { limit: 100 }
         );
-        p(K.length > 0), H(!0), ce.current = B, L && console.log("[MessagingShell] Channels synced successfully:", {
+        p(K.length > 0), Y(!0), ce.current = $, F && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: K.length
         });
       } catch (K) {
         console.error("[MessagingShell] Failed to sync channels:", K);
       }
-  }, [k, j, L]);
+  }, [k, j, F]);
   X(() => {
     if (!k || !j) return;
-    const B = k.userID;
-    B && ce.current !== B && te();
+    const $ = k.userID;
+    $ && ce.current !== $ && te();
   }, [k, j, te]), X(() => {
     if (!i || !k || !j) return;
     (async () => {
       const K = k.userID;
       if (K)
         try {
-          L && console.log(
+          F && console.log(
             "[MessagingShell] Loading initial conversation with:",
             i
           );
@@ -2910,22 +2911,22 @@ const ki = ({
             { limit: 1 }
           );
           if (Q.length > 0)
-            _(Q[0]), he(!0), ee(null), r && r(Q[0]), L && console.log(
+            _(Q[0]), he(!0), ee(null), r && r(Q[0]), F && console.log(
               "[MessagingShell] Initial conversation loaded:",
               Q[0].id
             );
-          else if (l && G) {
-            L && console.log(
+          else if (l && H) {
+            F && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               l
             );
             try {
-              const ae = await G.startChannelWithParticipant({
+              const ae = await H.startChannelWithParticipant({
                 id: l.id,
                 name: l.name,
                 phone: l.phone
               });
-              _(ae), he(!0), ee(null), r && r(ae), L && console.log(
+              _(ae), he(!0), ee(null), r && r(ae), F && console.log(
                 "[MessagingShell] Channel created and loaded:",
                 ae.id
               );
@@ -2938,7 +2939,7 @@ const ki = ({
           } else
             ee(
               "No conversation found with this account"
-            ), L && console.log(
+            ), F && console.log(
               "[MessagingShell] No conversation found for:",
               i
             );
@@ -2954,33 +2955,33 @@ const ki = ({
     l,
     k,
     j,
-    G,
-    L,
+    H,
+    F,
     r
   ]);
   const se = U(
-    (B) => {
-      _(B), r == null || r(B);
+    ($) => {
+      _($), r == null || r($);
     },
     [r]
   ), de = U(() => {
     q || _(null);
   }, [q]), Oe = U(
-    async (B) => {
-      L && console.log("[MessagingShell] Leaving conversation:", B.id), _(null), he(!1), ce.current = null, await te();
+    async ($) => {
+      F && console.log("[MessagingShell] Leaving conversation:", $.id), _(null), he(!1), ce.current = null, await te();
     },
-    [te, L]
+    [te, F]
   ), Ee = U(
-    async (B) => {
-      L && console.log("[MessagingShell] Blocking participant:", B), _(null), he(!1), ce.current = null, await te();
+    async ($) => {
+      F && console.log("[MessagingShell] Blocking participant:", $), _(null), he(!1), ce.current = null, await te();
     },
-    [te, L]
-  ), ue = !!Y;
-  return W ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, {}) }) : V ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: V, onBack: $ }) }) : !j || !k ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
+    [te, F]
+  ), ue = !!G;
+  return W ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, {}) }) : V ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: V, onBack: P }) }) : !j || !k ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
     Te,
     {
       message: "Not connected to messaging service",
-      onBack: $
+      onBack: P
     }
   ) }) : J ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: J }) }) : /* @__PURE__ */ n(
     "div",
@@ -3004,10 +3005,10 @@ const ki = ({
               }
             ),
             children: /* @__PURE__ */ n(
-              Qt,
+              en,
               {
                 onChannelSelect: se,
-                selectedChannel: Y || void 0,
+                selectedChannel: G || void 0,
                 filters: ke,
                 channelRenderFilterFn: g,
                 customEmptyStateIndicator: u,
@@ -3029,15 +3030,15 @@ const ki = ({
                 "hidden lg:flex": !q && !ue && !i
               }
             ),
-            children: Y ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
-              mn,
+            children: G ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
+              hn,
               {
-                channel: Y,
+                channel: G,
                 onBack: de,
                 showBackButton: !q,
                 renderMessageInputActions: s,
                 renderConversationFooter: a,
-                renderChannelBanner: D,
+                renderChannelBanner: R,
                 onLeaveConversation: Oe,
                 onBlockParticipant: Ee,
                 CustomChannelEmptyState: o,
@@ -3052,19 +3053,19 @@ const ki = ({
                 chatbotVotingEnabled: E,
                 viewerLanguage: I,
                 customProfileContent: T,
-                customChannelActions: F,
+                customChannelActions: O,
                 renderMessage: M,
-                onMessageLinkClick: R,
+                onMessageLinkClick: L,
                 sendButton: A
               },
-              Y.id
+              G.id
             ) }) : i ? (
               // Show loading while creating/loading direct conversation channel
               /* @__PURE__ */ n(Ae, {})
             ) : /* @__PURE__ */ n(
-              hn,
+              fn,
               {
-                hasChannels: O,
+                hasChannels: D,
                 channelsLoaded: C
               }
             )
@@ -3073,26 +3074,26 @@ const ki = ({
       ] })
     }
   );
-}, rr = /^([a-z][a-z0-9+.-]*):/i, ir = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function fn(e) {
+}, ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function ot(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = rr.exec(t);
+  const s = ir.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return ir.has(a) ? t : void 0;
+    return or.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const or = {
+const lr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, lr = ({ variant: e, cta: t }) => {
+}, cr = ({ variant: e, cta: t }) => {
   const s = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    or[e]
-  ), a = fn(t.href);
+    lr[e]
+  ), a = ot(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
     {
@@ -3118,13 +3119,13 @@ const or = {
       children: t.label
     }
   );
-}, cr = {
+}, dr = {
   dark: "text-white",
   light: "text-black/90"
-}, dr = "text-white/30", ur = {
+}, ur = "text-white/30", mr = {
   dark: "text-white/55",
   light: "text-black/55"
-}, ot = ({
+}, lt = ({
   variant: e,
   title: t,
   placeholderTitle: s,
@@ -3138,10 +3139,10 @@ const or = {
   if (!g && !u && !c && !b) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? dr : cr[e]
+    d && !t ? ur : dr[e]
   ), N = y(
     "truncate text-xs leading-4",
-    ur[e]
+    mr[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
@@ -3157,9 +3158,9 @@ const or = {
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ n(lr, { variant: e, cta: l })
+    l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
   ] });
-}, mr = y(
+}, hr = y(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -3178,7 +3179,7 @@ const or = {
   "data-testid": d
 }) => {
   const h = s != null || a != null, g = y(
-    mr,
+    hr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -3226,17 +3227,17 @@ const or = {
       ]
     }
   );
-}, hr = {
+}, fr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, fr = {
+}, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Fe = (e, t) => !!t && !!e && le(e) === "audio", gr = (e, t) => {
+}, Fe = (e, t) => !!t && !!e && le(e) === "audio", gn = (e, t) => {
   if (!t || !e) return !1;
   const s = le(e);
   return s === "video" || s === "audio";
-}, lt = "bg-[#F2F3F4]", Re = ({
+}, ct = "bg-[#F2F3F4]", Re = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3287,10 +3288,10 @@ const or = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              hr[e]
+              fr[e]
             ),
             children: ge(r, {
-              className: fr[e],
+              className: gr[e],
               weight: "regular"
             })
           }
@@ -3330,10 +3331,10 @@ const or = {
       onClick: u,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Ms, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(As, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: lt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: ct, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Re,
       {
@@ -3362,7 +3363,7 @@ const or = {
           }
         ),
         /* @__PURE__ */ n(
-          ot,
+          lt,
           {
             variant: "dark",
             title: e,
@@ -3389,7 +3390,7 @@ const or = {
   cta: d,
   onClick: h
 }) => {
-  const g = gr(a, i), u = fn(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? h : void 0, b = Fe(a, i) ? lt : void 0, x = d && h ? {
+  const g = gn(a, i), u = ot(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? h : void 0, b = Fe(a, i) ? ct : void 0, x = d && h ? {
     ...d,
     onClick: () => {
       var v;
@@ -3417,7 +3418,7 @@ const or = {
           }
         ),
         /* @__PURE__ */ n(
-          ot,
+          lt,
           {
             variant: "light",
             title: e,
@@ -3440,38 +3441,44 @@ const or = {
   sourceUrl: l,
   layout: o = "featured",
   appIcon: d,
-  cta: h
-}) => /* @__PURE__ */ m(
-  De,
-  {
-    variant: "dark",
-    bgClassName: Fe(r, l) ? lt : void 0,
-    children: [
-      o === "featured" && /* @__PURE__ */ n(
-        Re,
-        {
-          variant: "dark",
-          thumbnailUrl: i,
-          sourceUrl: l,
-          title: e,
-          mimeType: r
-        }
-      ),
-      /* @__PURE__ */ n(
-        ot,
-        {
-          variant: "dark",
-          title: e,
-          placeholderTitle: t,
-          description: s,
-          url: a,
-          appIcon: d,
-          cta: h
-        }
-      )
-    ]
-  }
-), Ei = {
+  cta: h,
+  onClick: g
+}) => {
+  const u = gn(r, l), f = ot(a), c = h == null && f != null && !u ? f : void 0, b = h == null && !u && c != null ? g : void 0;
+  return /* @__PURE__ */ m(
+    De,
+    {
+      variant: "dark",
+      href: c,
+      onClick: b,
+      bgClassName: Fe(r, l) ? ct : void 0,
+      children: [
+        o === "featured" && /* @__PURE__ */ n(
+          Re,
+          {
+            variant: "dark",
+            thumbnailUrl: i,
+            sourceUrl: l,
+            title: e,
+            mimeType: r
+          }
+        ),
+        /* @__PURE__ */ n(
+          lt,
+          {
+            variant: "dark",
+            title: e,
+            placeholderTitle: t,
+            description: s,
+            url: a,
+            appIcon: d,
+            cta: h
+          }
+        )
+      ]
+    }
+  );
+}, Ei = {
   Composer: br,
   Sent: vr,
   Received: pr
@@ -3588,7 +3595,7 @@ const or = {
     }
   ),
   s ?? null
-] }), ct = ({
+] }), dt = ({
   state: e,
   src: t,
   mimeType: s,
@@ -3625,7 +3632,7 @@ const or = {
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), Tr = {
+}, Er = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), Tr = {
   Composer: Er,
   Sent: Ir,
   Received: Sr
@@ -3653,7 +3660,7 @@ function Dr(e, t) {
   }
   if (!e) return;
   if (le(e) === "document") {
-    const r = nn(e), i = Ar[r];
+    const r = sn(e), i = Ar[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3682,7 +3689,7 @@ const Lr = {
 }, Or = {
   dark: "text-white/85",
   light: "text-black/85"
-}, gn = ({
+}, bn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3741,7 +3748,7 @@ const Lr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function bn(e, t) {
+async function pn(e, t) {
   const s = t ?? ne(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3771,7 +3778,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
-    gn,
+    bn,
     {
       variant: e,
       filename: i,
@@ -3783,7 +3790,7 @@ const zr = ({
       trailingAction: r
     }
   );
-}, dt = ({
+}, ut = ({
   state: e,
   src: t,
   filename: s,
@@ -3808,7 +3815,7 @@ const zr = ({
     const N = c[v];
     if (!N) return;
     const w = N.filename ?? ne(N.src);
-    bn(N.src, w);
+    pn(N.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3843,11 +3850,11 @@ const zr = ({
       )) })
     }
   );
-}, Br = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), Ur = {
+}, Br = (e) => /* @__PURE__ */ n(ut, { ...e, state: "composer" }), $r = (e) => /* @__PURE__ */ n(ut, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(ut, { ...e, state: "received" }), Ur = {
   Composer: Br,
   Sent: $r,
   Received: jr
-}, ut = ({
+}, mt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -3860,7 +3867,7 @@ const zr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(As, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Ds, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3873,7 +3880,7 @@ const zr = ({
       children: /* @__PURE__ */ n(We, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), pn = ({
+] }), vn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3884,7 +3891,7 @@ const zr = ({
 }) => {
   const [o, d] = z(!1), h = U(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -3958,7 +3965,7 @@ const zr = ({
       ]
     }
   );
-}, Ve = (e, t, s) => Math.min(Math.max(e, t), s), mt = ({
+}, Ve = (e, t, s) => Math.min(Math.max(e, t), s), ht = ({
   length: e,
   initialIndex: t,
   open: s
@@ -3983,7 +3990,7 @@ const zr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, l, o]), { index: r, prev: l, next: o };
-}, ht = ({
+}, ft = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -4073,13 +4080,13 @@ const zr = ({
       ]
     }
   );
-}, vn = ({
+}, xn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = mt({
+  const { index: r, prev: i, next: l } = ht({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4088,14 +4095,14 @@ const zr = ({
     [o]
   );
   return o ? /* @__PURE__ */ m(
-    ht,
+    ft,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        pn,
+        vn,
         {
           url: o.src,
           filename: d,
@@ -4118,7 +4125,7 @@ const zr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          ut,
+          mt,
           {
             onPrev: i,
             onNext: l,
@@ -4129,7 +4136,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, Vr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", xn = ({
+}, Vr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", wn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4226,7 +4233,7 @@ const zr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], wn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Nn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
@@ -4257,16 +4264,16 @@ const zr = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ne, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      vn,
+      xn,
       {
         open: l,
-        items: wn([{ src: e, alt: t }], s),
+        items: Nn([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: h
       }
     )
   ] });
-}, Nn = ({
+}, yn = ({
   state: e,
   src: t,
   alt: s,
@@ -4293,12 +4300,12 @@ const zr = ({
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(xn, { tiles: x, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          vn,
+          xn,
           {
             open: u,
-            items: wn(h, a),
+            items: Nn(h, a),
             initialIndex: f,
             onClose: b
           }
@@ -4306,7 +4313,7 @@ const zr = ({
       ]
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(Yr, { ...e }), qr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "received" }), Zr = {
+}, Wr = (e) => /* @__PURE__ */ n(Yr, { ...e }), qr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(yn, { ...e, state: "received" }), Zr = {
   Composer: Wr,
   Sent: qr,
   Received: Xr
@@ -4316,7 +4323,7 @@ const zr = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = mt({
+  const { index: r, prev: i, next: l } = ht({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4328,7 +4335,7 @@ const zr = ({
     [o]
   );
   return !o || !h ? null : /* @__PURE__ */ m(
-    ht,
+    ft,
     {
       open: e,
       onClose: a,
@@ -4347,7 +4354,7 @@ const zr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          ut,
+          mt,
           {
             onPrev: i,
             onNext: l,
@@ -4376,7 +4383,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
-    gn,
+    bn,
     {
       variant: e,
       filename: i,
@@ -4388,7 +4395,7 @@ const zr = ({
       trailingAction: r
     }
   );
-}, ft = ({
+}, gt = ({
   state: e,
   src: t,
   filename: s,
@@ -4419,7 +4426,7 @@ const zr = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, E) => {
           const I = w.filename ?? ne(w.src), S = v && E === 0 ? /* @__PURE__ */ n(Ne, { onClick: h, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            pn,
+            vn,
             {
               url: w.src,
               filename: I,
@@ -4452,17 +4459,17 @@ const zr = ({
       ]
     }
   );
-}, ti = (e) => /* @__PURE__ */ n(ft, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(ft, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(ft, { ...e, state: "received" }), ai = {
+}, ti = (e) => /* @__PURE__ */ n(gt, { ...e, state: "composer" }), ni = (e) => /* @__PURE__ */ n(gt, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ n(gt, { ...e, state: "received" }), ai = {
   Composer: ti,
   Sent: ni,
   Received: si
-}, yn = ({
+}, _n = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = mt({
+  const { index: r, prev: i, next: l } = ht({
     length: t.length,
     initialIndex: s,
     open: e
@@ -4471,7 +4478,7 @@ const zr = ({
     [o]
   );
   return o ? /* @__PURE__ */ m(
-    ht,
+    ft,
     {
       open: e,
       onClose: a,
@@ -4495,7 +4502,7 @@ const zr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          ut,
+          mt,
           {
             onPrev: i,
             onNext: l,
@@ -4506,7 +4513,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4521,7 +4528,7 @@ const zr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    Ht,
+    Yt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
@@ -4531,14 +4538,14 @@ const zr = ({
   /* @__PURE__ */ n(ri, {})
 ] }), ii = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(_n, { item: e, index: t })
+  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
 }), oi = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Cn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], kn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
@@ -4556,15 +4563,15 @@ const zr = ({
         onClick: () => h(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ne, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
-      yn,
+      _n,
       {
         open: o,
-        items: Cn(
+        items: kn(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4573,7 +4580,7 @@ const zr = ({
       }
     )
   ] });
-}, kn = ({
+}, En = ({
   state: e,
   src: t,
   poster: s,
@@ -4602,7 +4609,7 @@ const zr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          xn,
+          wn,
           {
             tiles: v,
             onTileActivate: b,
@@ -4610,10 +4617,10 @@ const zr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          yn,
+          _n,
           {
             open: f,
-            items: Cn(g, r),
+            items: kn(g, r),
             initialIndex: c,
             onClose: x
           }
@@ -4621,7 +4628,7 @@ const zr = ({
       ]
     }
   );
-}, ci = (e) => /* @__PURE__ */ n(li, { ...e }), di = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), mi = {
+}, ci = (e) => /* @__PURE__ */ n(li, { ...e }), di = (e) => /* @__PURE__ */ n(En, { ...e, state: "sent" }), ui = (e) => /* @__PURE__ */ n(En, { ...e, state: "received" }), mi = {
   Composer: ci,
   Sent: di,
   Received: ui
@@ -4696,38 +4703,38 @@ const zr = ({
   ] }) });
 };
 export {
-  sn as A,
-  ta as B,
-  er as C,
-  Rs as D,
+  an as A,
+  na as B,
+  tr as C,
+  Ls as D,
   Ti as F,
   Ei as L,
   _i as M,
   Se as a,
   oe as b,
-  Qt as c,
-  mn as d,
+  en as c,
+  hn as d,
   Ci as e,
   hi as f,
   le as g,
-  Pt as h,
+  Bt as h,
   Si as i,
-  Sa as j,
+  Ta as j,
   yi as k,
   ki as l,
   Rr as m,
   Mr as n,
-  Ps as o,
+  Bs as o,
   Dr as p,
-  Zt as q,
+  Kt as q,
   ge as r,
-  on as s,
-  js as t,
+  ln as s,
+  Us as t,
   Ii as u,
-  Bs as v,
+  $s as v,
   rt as w,
   it as x,
   tt as y,
-  Ia as z
+  Sa as z
 };
-//# sourceMappingURL=index-CeHWbIiy.js.map
+//# sourceMappingURL=index-C541s_4h.js.map