@linktr.ee/messaging-react 2.5.1 → 2.5.3

package/dist/{index-CxKVYxq6.js → index-CPa6Qru7.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as m, Fragment as ie } from "react/jsx-runtime";
 import y from "classnames";
-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 $, { createContext as Ze, useContext as Ke, useCallback as V, useState as z, useRef as Z, useEffect as X, useMemo as re, Suspense as Je } from "react";
+import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
+import { Chat as Tn, ChannelList as An, DateSeparator as Mn, useChannelStateContext as me, useChatContext as Qe, areMessageUIPropsEqual as Dn, useMessageReminder as Rn, useComponentContext as Gt, Attachment as Ln, EditMessageModal as Fn, MessageBlocked as On, MessageBouncePrompt as zn, MessageDeleted as Pn, MessageIsThreadReplyInChannelButtonIndicator as Bn, MessageRepliesCountButton as $n, ReminderNotification as jn, StreamedMessageText as Un, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Zn, useMessageContext as xe, 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 we, SpinnerGapIcon as Be, SignOutIcon as hs, ProhibitInsetIcon as Rt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as fs, SpeakerHighIcon as gs, VideoCameraIcon as qt, 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, TrashSimpleIcon as Ss, ArrowUpIcon as Ts, SparkleIcon as Ye, ProhibitIcon as As, ArrowLeftIcon as Lt, CaretRightIcon as qe, DotsThreeIcon as Ft, PencilSimpleIcon as Ms, 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({
+const Xt = Ze({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const qt = Ze({
   refreshConnection: async () => {
   },
   debug: !1
-}), et = () => Ke(qt), yi = ({
+}), et = () => Ke(Xt), Ni = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,9 +24,9 @@ const qt = Ze({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const l = U(
-    (T, ...O) => {
-      i && console.log(`🔥 [MessagingProvider] ${T}`, ...O);
+  const l = V(
+    (A, ...O) => {
+      i && console.log(`🔥 [MessagingProvider] ${A}`, ...O);
     },
     [i]
   );
@@ -41,9 +41,9 @@ const qt = Ze({
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = Z(0);
-  E.current++, l("📊 RENDER INFO", {
-    renderCount: E.current,
+  }), I = Z(0);
+  I.current++, l("📊 RENDER INFO", {
+    renderCount: I.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
       userChanged: w.current.userId !== (t == null ? void 0 : t.id),
@@ -57,9 +57,9 @@ const qt = Ze({
     serviceConfig: s,
     capabilities: r
   }, X(() => {
-    const T = E.current;
+    const A = I.current;
     if (l("🔧 SERVICE INIT EFFECT TRIGGERED", {
-      renderCount: T,
+      renderCount: A,
       apiKey: !!a,
       serviceConfig: !!s,
       dependencies: {
@@ -70,34 +70,34 @@ const qt = Ze({
       }
     }), !a || !s) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: T,
+        renderCount: A,
         reason: "Missing apiKey or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING NEW SERVICE", {
-      renderCount: T,
+      renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: w.current.serviceConfig !== s
     });
-    const O = new In({
+    const O = new Sn({
       ...s,
       apiKey: a,
       debug: i
     });
     return d(O), l("✅ SERVICE SET", {
-      renderCount: T,
+      renderCount: A,
       serviceInstance: !!O
     }), () => {
       l("🧹 SERVICE CLEANUP", {
-        renderCount: T,
+        renderCount: A,
         reason: "Effect cleanup"
       }), O.disconnectUser().catch(console.error);
     };
   }, [a, s, i, l]);
-  const I = Z(null);
+  const S = Z(null);
   X(() => {
-    var O, M;
+    var O, E;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
@@ -113,7 +113,7 @@ const qt = Ze({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((O = I.current) == null ? void 0 : O.serviceId) === o && ((M = I.current) == null ? void 0 : M.userId) === t.id) {
+    if (((O = S.current) == null ? void 0 : O.serviceId) === o && ((E = S.current) == null ? void 0 : E.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -124,16 +124,16 @@ const qt = Ze({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, b(!0), v(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const L = await o.connectUser(t);
-        g(L), f(!0), I.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const R = await o.connectUser(t);
+        g(R), f(!0), S.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: L.userID
+          clientId: R.userID
         });
-      } catch (L) {
-        const A = L instanceof Error ? L.message : "Connection failed";
-        v(A), l("❌ USER CONNECTION ERROR", {
+      } catch (R) {
+        const P = R instanceof Error ? R.message : "Connection failed";
+        v(P), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: A
+          error: P
         });
       } finally {
         b(!1), N.current = !1, l("🔄 USER CONNECTION FINISHED", {
@@ -149,12 +149,12 @@ const qt = Ze({
     o && u ? (l(
       "🧹 CLEANUP EFFECT TRIGGERED",
       "Cleaning up connection on unmount"
-    ), I.current = null, o.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
+    ), S.current = null, o.disconnectUser().catch(console.error)) : l("🔇 CLEANUP EFFECT SKIPPED", {
       hasService: !!o,
       isConnected: u
     });
   }), [o, u, l]);
-  const S = U(async () => {
+  const T = V(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
       hasUser: !!t
@@ -165,10 +165,10 @@ const qt = Ze({
     l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-      const T = await o.connectUser(t);
-      g(T), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-    } catch (T) {
-      const O = T instanceof Error ? T.message : "Refresh failed";
+      const A = await o.connectUser(t);
+      g(A), f(!0), v(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+    } catch (A) {
+      const O = A instanceof Error ? A.message : "Refresh failed";
       v(O), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: O
@@ -176,7 +176,7 @@ const qt = Ze({
     } finally {
       b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), R = B.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), D = $.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!h,
     isConnected: u,
@@ -190,7 +190,7 @@ const qt = Ze({
     isLoading: c,
     error: x,
     capabilities: r,
-    refreshConnection: S,
+    refreshConnection: T,
     debug: i
   }), [
     o,
@@ -199,16 +199,16 @@ const qt = Ze({
     c,
     x,
     r,
-    S,
+    T,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: E.current,
+    renderCount: I.current,
     willRenderChat: !!(h && u),
-    contextValueReady: !!R
-  }), /* @__PURE__ */ n(qt.Provider, { value: R, children: h && u ? /* @__PURE__ */ n(
-    Sn,
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(Xt.Provider, { value: D, children: h && u ? /* @__PURE__ */ n(
+    Tn,
     {
       client: h,
       customClasses: {
@@ -224,14 +224,14 @@ function Fs(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Xt = B.createContext({
+const Zt = $.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Os = Xt.Provider, zs = () => B.useContext(Xt), Zt = (e) => {
+}), Os = Zt.Provider, zs = () => $.useContext(Zt), Kt = (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)
@@ -278,7 +278,7 @@ const Xt = B.createContext({
 function $s(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Kt({
+function Jt({
   message: e,
   viewerLanguage: t
 }) {
@@ -431,18 +431,18 @@ const oe = ({
 ), Ys = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Ws = (e) => {
+}, qs = (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";
-}, qs = (e) => {
+}, Ws = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Jt = (e) => Ys(e) || Ws(e), Xs = (e) => {
+}, Qt = (e) => Ys(e) || qs(e), Xs = (e) => {
   var t;
-  return Jt(e) && !((t = e.text) != null && t.trim());
+  return Qt(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 = Jt(e), i = Me(e);
+  const r = Qt(e), i = Me(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -474,9 +474,9 @@ const oe = ({
     g,
     h
   ] }) });
-}, Qt = B.memo(
+}, en = $.memo(
   ({ channel: e, unread: t }) => {
-    var R, T, O;
+    var D, A, O;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -485,37 +485,39 @@ const oe = ({
       viewerLanguage: l
     } = zs(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, h = (M) => {
-      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 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);
+    }, h = (E) => {
+      const R = E.key === "Enter" || E.key === " ", P = E.repeat;
+      !R || P || (E.preventDefault(), d());
+    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
+      (E) => {
+        var R, P;
+        return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((P = e == null ? void 0 : e._client) == null ? void 0 : P.userID);
       }
-    ), f = tt(u == null ? void 0 : u.user), c = (T = u == null ? void 0 : u.user) == null ? void 0 : T.image, b = (() => {
-      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];
+    ), f = tt(u == null ? void 0 : u.user), c = (A = u == null ? void 0 : u.user) == null ? void 0 : A.image, b = (() => {
+      var R;
+      const E = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
+      if (E != null && E.length) {
+        for (let P = E.length - 1; P >= 0; P--)
+          if (E[P].type !== "system") return E[P];
       }
     })(), v = (() => {
-      var H, k;
-      const M = Kt({
+      var B, G, U, L;
+      const E = Jt({
         message: b,
         viewerLanguage: l
       });
-      if (M) return M;
-      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 ? Bs(new Date(b.created_at)) : "", w = b ? Me(b) : !1, E = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, I = Zt(e), S = t ?? 0;
+      if (((B = b == null ? void 0 : b.metadata) == null ? void 0 : B.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
+      if (((G = b == null ? void 0 : b.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
+      if (((U = b == null ? void 0 : b.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
+      if (E) return E;
+      const C = (L = b == null ? void 0 : b.attachments) == null ? void 0 : L[0];
+      return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
+    })(), N = b != null && b.created_at ? Bs(new Date(b.created_at)) : "", w = b ? Me(b) : !1, I = i ? i(b, v) : `${w ? "✨ " : ""}${v}`, S = Kt(e), T = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
       participantName: f,
-      unreadCount: S,
+      unreadCount: T,
       hasTimestamp: !!N
     }), /* @__PURE__ */ n(
       "div",
@@ -539,7 +541,7 @@ const oe = ({
               name: f,
               image: c,
               size: 44,
-              starred: I,
+              starred: S,
               className: "[&_.avatar-fallback]:group-hover:bg-[#eeeeee]"
             }
           ),
@@ -553,7 +555,7 @@ const oe = ({
                     o ? "text-primary" : "text-charcoal"
                   ),
                   children: [
-                    I && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    S && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
@@ -561,8 +563,8 @@ const oe = ({
               N && /* @__PURE__ */ n("span", { className: "text-xs text-stone flex-shrink-0", children: N })
             ] }),
             /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: E }),
-              S > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: S > 99 ? "99+" : S })
+              /* @__PURE__ */ n("p", { className: "text-xs text-stone flex-1 line-clamp-1", children: I }),
+              T > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-xs px-2 py-0.5 rounded-full min-w-[20px] text-center flex-shrink-0", children: T > 99 ? "99+" : T })
             ] })
           ] })
         ] })
@@ -570,8 +572,8 @@ const oe = ({
     );
   }
 );
-Qt.displayName = "CustomChannelPreview";
-const Zs = { last_message_at: -1 }, en = B.memo(
+en.displayName = "CustomChannelPreview";
+const Zs = { last_message_at: -1 }, tn = $.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
@@ -586,9 +588,9 @@ const Zs = { last_message_at: -1 }, en = B.memo(
     renderMessagePreview: g,
     viewerLanguage: u
   }) => {
-    const f = B.useRef(0);
+    const f = $.useRef(0);
     f.current++;
-    const { debug: c = !1 } = et(), b = B.useCallback(
+    const { debug: c = !1 } = et(), b = $.useCallback(
       (v) => {
         for (const N of v)
           Fs(N);
@@ -601,7 +603,7 @@ const Zs = { last_message_at: -1 }, en = B.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const x = B.useMemo(
+    const x = $.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -625,7 +627,7 @@ const Zs = { last_message_at: -1 }, en = B.memo(
           d
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Os, { value: x, children: /* @__PURE__ */ n(
-          Tn,
+          An,
           {
             filters: s,
             sort: o,
@@ -634,7 +636,7 @@ const Zs = { last_message_at: -1 }, en = B.memo(
             onMessageNew: r,
             onAddedToChannel: i,
             channelRenderFilterFn: b,
-            Preview: Qt,
+            Preview: en,
             EmptyStateIndicator: h
           },
           `${JSON.stringify(s)}:${JSON.stringify(o)}`
@@ -643,8 +645,8 @@ const Zs = { last_message_at: -1 }, en = B.memo(
     );
   }
 );
-en.displayName = "ChannelList";
-const Se = ({
+tn.displayName = "ChannelList";
+const Te = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -684,7 +686,7 @@ function Ks({ label: e, className: t, children: s, ...a }) {
   );
 }
 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" }) });
+  return /* @__PURE__ */ n(Ks, { label: "Close", onClick: e, className: "p-1", children: /* @__PURE__ */ n(we, { className: "h-5 w-5 text-stone", weight: "bold" }) });
 }
 const Qs = ({
   dialogRef: e,
@@ -702,66 +704,66 @@ const Qs = ({
   customProfileContent: f,
   customChannelActions: c
 }) => {
-  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 U, L, F, H;
+  const { service: b, debug: x } = et(), [v, N] = z(!1), [w, I] = z(!1), [S, T] = z(!1), D = V(async () => {
     var _;
     if (!(!b || !((_ = s == null ? void 0 : s.user) != null && _.id)))
       try {
         const p = (await b.getBlockedUsers()).some(
-          (C) => {
+          (k) => {
             var Y;
-            return C.blocked_user_id === ((Y = s == null ? void 0 : s.user) == null ? void 0 : Y.id);
+            return k.blocked_user_id === ((Y = s == null ? void 0 : s.user) == null ? void 0 : Y.id);
           }
         );
         N(p);
-      } catch (D) {
+      } catch (M) {
         console.error(
           "[ChannelInfoDialog] Failed to check blocked status:",
-          D
+          M
         );
       }
-  }, [b, (V = s == null ? void 0 : s.user) == null ? void 0 : V.id]);
+  }, [b, (U = s == null ? void 0 : s.user) == null ? void 0 : U.id]);
   X(() => {
-    R();
-  }, [R]);
-  const T = async () => {
+    D();
+  }, [D]);
+  const A = async () => {
     var _;
     if (!w) {
-      h == null || h(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), E(!0);
+      h == null || h(), x && console.log("[ChannelInfoDialog] Leave conversation", r.cid), I(!0);
       try {
-        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);
+        const M = ((_ = r._client) == null ? void 0 : _.userID) ?? null;
+        await r.hide(M, !1), l && await l(r), t();
+      } catch (M) {
+        console.error("[ChannelInfoDialog] Failed to leave conversation", M);
       } finally {
-        E(!1);
+        I(!1);
       }
     }
   }, 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);
+    var _, M, p;
+    if (!(S || !b)) {
+      g == null || g(), x && console.log("[ChannelInfoDialog] Block member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), T(!0);
       try {
-        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);
+        await b.blockUser((M = s == null ? void 0 : s.user) == null ? void 0 : M.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
+      } catch (k) {
+        console.error("[ChannelInfoDialog] Failed to block member", k);
       } finally {
-        S(!1);
+        T(!1);
       }
     }
-  }, M = async () => {
-    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);
+  }, E = async () => {
+    var _, M, p;
+    if (!(S || !b)) {
+      g == null || g(), x && console.log("[ChannelInfoDialog] Unblock member", (_ = s == null ? void 0 : s.user) == null ? void 0 : _.id), T(!0);
       try {
-        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);
+        await b.unBlockUser((M = s == null ? void 0 : s.user) == null ? void 0 : M.id), o && await o((p = s == null ? void 0 : s.user) == null ? void 0 : p.id), t();
+      } catch (k) {
+        console.error("[ChannelInfoDialog] Failed to unblock member", k);
       } finally {
-        S(!1);
+        T(!1);
       }
     }
-  }, L = () => {
+  }, R = () => {
     u == null || u(), t(), window.open(
       "https://linktr.ee/s/about/trust-center/report",
       "_blank",
@@ -769,7 +771,7 @@ const Qs = ({
     );
   };
   if (!s) return null;
-  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";
+  const P = a ?? tt(s.user), q = (L = s.user) == null ? void 0 : L.image, C = (F = s.user) == null ? void 0 : F.username, B = C ? `linktr.ee/${C}` : void 0, G = ((H = s.user) == null ? void 0 : H.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ n(
@@ -797,16 +799,16 @@ const Qs = ({
                     /* @__PURE__ */ n(
                       oe,
                       {
-                        id: W,
-                        name: A,
-                        image: H,
+                        id: G,
+                        name: P,
+                        image: q,
                         size: 88,
                         shape: "circle"
                       }
                     ),
                     /* @__PURE__ */ m("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: A }),
-                      j && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: j }),
+                      /* @__PURE__ */ n("p", { className: "truncate text-base font-semibold text-charcoal", children: P }),
+                      B && /* @__PURE__ */ n("p", { className: "truncate text-sm text-[#00000055]", children: B }),
                       i && !f && /* @__PURE__ */ n(
                         "span",
                         {
@@ -829,9 +831,9 @@ const Qs = ({
             ),
             /* @__PURE__ */ m("ul", { className: "flex flex-col gap-2 mt-2", children: [
               d && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(
-                Se,
+                Te,
                 {
-                  onClick: T,
+                  onClick: A,
                   disabled: w,
                   "aria-busy": w,
                   children: [
@@ -841,30 +843,30 @@ const Qs = ({
                 }
               ) }),
               /* @__PURE__ */ n("li", { children: v ? /* @__PURE__ */ m(
-                Se,
+                Te,
                 {
-                  onClick: M,
-                  disabled: I,
-                  "aria-busy": I,
+                  onClick: E,
+                  disabled: S,
+                  "aria-busy": S,
                   children: [
-                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                    S ? /* @__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,
+                Te,
                 {
                   onClick: O,
-                  disabled: I,
-                  "aria-busy": I,
+                  disabled: S,
+                  "aria-busy": S,
                   children: [
-                    I ? /* @__PURE__ */ n(Be, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Rt, { className: "h-5 w-5" }),
+                    S ? /* @__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: L, children: [
-                /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+              /* @__PURE__ */ n("li", { children: /* @__PURE__ */ m(Te, { variant: "danger", onClick: R, children: [
+                /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Report" })
               ] }) }),
               c
@@ -874,25 +876,25 @@ const Qs = ({
       }
     )
   );
-}, ea = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), qe = "vote_up", Xe = "vote_down";
+}, ea = (e) => /* @__PURE__ */ n(Mn, { ...e, position: "center" }), We = "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;
+  return e != null && e.length ? e.some((t) => t.type === Xe) ? "down" : e.some((t) => t.type === We) ? "up" : null : null;
 }
 function na(e) {
   const { channel: t } = me(), { client: s } = Qe("useMessageVote"), a = re(
     () => ta(e.own_reactions),
     [e.own_reactions]
-  ), r = U(async () => {
+  ), r = V(async () => {
     if (s != null && s.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, qe) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, We) : await t.sendReaction(
           e.id,
-          { type: qe },
+          { type: We },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = U(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = V(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Xe) : await t.sendReaction(
@@ -905,13 +907,13 @@ function na(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-const sa = B.lazy(() => import("./Card-BpVephnj.js")), aa = B.lazy(() => import("./Card-CYLat33l.js")), ra = B.lazy(() => import("./Card-bUYvpOEI.js")), nt = () => /* @__PURE__ */ n(
+const sa = $.lazy(() => import("./Card-BwygcpzI.js")), aa = $.lazy(() => import("./Card-Dy66r68A.js")), ra = $.lazy(() => import("./Card-CJDGgG0O.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
   }
-), 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 = [
+), ia = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(sa, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(aa, { ...e }) }), sn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(nt, {}), children: /* @__PURE__ */ n(ra, { ...e }) }), oa = nn, la = sn, Bt = { Composer: ia, Sent: nn, Received: sn, Creator: oa, Visitor: la }, ca = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -924,34 +926,34 @@ const sa = B.lazy(() => import("./Card-BpVephnj.js")), aa = B.lazy(() => import(
 function le(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function sn(e) {
+function an(e) {
   const t = ca.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
 const da = {
-  video: Yt,
-  audio: bs,
-  image: gs,
-  document: Ht
+  video: qt,
+  audio: gs,
+  image: fs,
+  document: Yt
 }, ua = {
-  pdf: Cs,
-  doc: _s,
-  xls: ys,
-  csv: Ns,
-  ppt: ws,
-  zip: xs,
-  text: vs,
-  markdown: ps,
-  generic: Ht
+  pdf: _s,
+  doc: ys,
+  xls: Ns,
+  csv: ws,
+  ppt: xs,
+  zip: vs,
+  text: ps,
+  markdown: bs,
+  generic: Yt
 };
 function ma(e) {
   const t = le(e);
-  return t !== "document" ? da[t] : ua[sn(e)];
+  return t !== "document" ? da[t] : ua[an(e)];
 }
 function ge(e, t) {
-  return B.createElement(ma(e), t);
+  return $.createElement(ma(e), t);
 }
 const ha = (e) => {
   var t, s;
@@ -968,23 +970,23 @@ const ha = (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, R] = z(!1), [T, O] = z(!1), [M, L] = z(!1), [A, H] = z(!0), [k, j] = z(null), W = U(() => {
+  const g = le(t), u = Z(null), f = Z(null), c = Z(null), b = Z(r), [x, v] = z(a), [N, w] = z(0), [I, S] = z(!1), [T, D] = z(!1), [A, O] = z(!1), [E, R] = z(!1), [P, q] = z(!0), [C, B] = z(null), G = V(() => {
     O(!1), v(!0);
-  }, []), V = U((p) => {
-    const C = f.current;
-    if (!C) return 0;
-    const Y = C.getBoundingClientRect();
+  }, []), U = V((p) => {
+    const k = f.current;
+    if (!k) return 0;
+    const Y = k.getBoundingClientRect();
     return Math.max(
       0,
       Math.min(1, (ha(p) - Y.left) / Y.width)
     );
-  }, []), P = U((p) => {
-    const C = u.current;
-    C && C.duration && (C.currentTime = p * C.duration);
+  }, []), L = V((p) => {
+    const k = u.current;
+    k && k.duration && (k.currentTime = p * k.duration);
   }, []), F = (p) => {
-    p.stopPropagation(), I(!0);
-    const C = V(p);
-    w(C), P(C);
+    p.stopPropagation(), S(!0);
+    const k = U(p);
+    w(k), L(k);
   };
   X(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
@@ -994,40 +996,40 @@ const ha = (e) => {
       return;
     }
     const p = () => {
-      const C = u.current;
-      C && C.duration && !E && w(C.currentTime / C.duration), c.current = requestAnimationFrame(p);
+      const k = u.current;
+      k && k.duration && !I && w(k.currentTime / k.duration), c.current = requestAnimationFrame(p);
     };
     return c.current = requestAnimationFrame(p), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [x, E]), X(() => {
+  }, [x, I]), X(() => {
     const p = u.current;
-    p && (x ? p.play().catch((C) => {
+    p && (x ? p.play().catch((k) => {
       v(!1), O(!0);
     }) : p.pause());
   }, [x]), X(() => {
-    if (!E) return;
-    const p = (Y) => w(V(Y)), C = (Y) => {
-      I(!1), P(V(Y));
+    if (!I) return;
+    const p = (Y) => w(U(Y)), k = (Y) => {
+      S(!1), L(U(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);
+    return window.addEventListener("mousemove", p), window.addEventListener("mouseup", k), window.addEventListener("touchmove", p, { passive: !0 }), window.addEventListener("touchend", k), () => {
+      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", k), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", k);
     };
-  }, [E, V, P]);
-  const G = k ? { aspectRatio: String(k) } : void 0, _ = k ? "" : " aspect-video", D = Math.round(N * 100);
+  }, [I, U, L]);
+  const H = C ? { aspectRatio: String(C) } : void 0, _ = C ? "" : " aspect-video", M = Math.round(N * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${_}`,
-      style: G,
+      style: H,
       onClick: (p) => {
         if (h) {
           h(p);
           return;
         }
-        T || l && v((C) => !C);
+        A || l && v((k) => !k);
       },
       onKeyDown: (p) => {
         if (!(p.key !== "Enter" && p.key !== " ")) {
@@ -1035,11 +1037,11 @@ const ha = (e) => {
             h(p);
             return;
           }
-          T || l && v((C) => !C);
+          A || l && v((k) => !k);
         }
       },
       children: [
-        s && (g === "audio" || A) && /* @__PURE__ */ n(
+        s && (g === "audio" || P) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -1047,7 +1049,7 @@ const ha = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || A) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
+        !s && (g === "audio" || P) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1059,11 +1061,11 @@ const ha = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), H(!1);
+              R(!1), q(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => O(!1),
             onEnded: () => {
               i || (v(!1), w(0));
@@ -1079,15 +1081,15 @@ const ha = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              L(!1), H(!1);
+              R(!1), q(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => R(!0),
             onPlay: () => O(!1),
             onLoadedMetadata: () => {
               const p = u.current;
-              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && j(p.videoWidth / p.videoHeight);
+              p instanceof HTMLVideoElement && p.videoWidth && p.videoHeight && B(p.videoWidth / p.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), w(0));
@@ -1095,14 +1097,14 @@ const ha = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        M && !T && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        E && !A && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           pe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        T && !l && /* @__PURE__ */ n(
+        A && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1110,10 +1112,10 @@ const ha = (e) => {
             tabIndex: 0,
             "aria-label": "Play preview",
             onClick: (p) => {
-              p.stopPropagation(), W();
+              p.stopPropagation(), G();
             },
             onKeyDown: (p) => {
-              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), W());
+              p.key !== "Enter" && p.key !== " " || (p.preventDefault(), p.stopPropagation(), G());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(He, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1123,7 +1125,7 @@ const ha = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": D,
+            "aria-valuenow": M,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -1133,13 +1135,13 @@ const ha = (e) => {
             onTouchStart: F,
             onClick: (p) => p.stopPropagation(),
             onKeyDown: (p) => {
-              p.key === "ArrowRight" && P(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, N - 0.05));
+              p.key === "ArrowRight" && L(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && L(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: `${D}%` }
+                style: { width: `${M}%` }
               }
             ) })
           }
@@ -1150,11 +1152,11 @@ const ha = (e) => {
             {
               type: "button",
               onClick: (p) => {
-                p.stopPropagation(), v((C) => !C);
+                p.stopPropagation(), v((k) => !k);
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ n(Cs, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1162,7 +1164,7 @@ const ha = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": D,
+              "aria-valuenow": M,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -1171,21 +1173,21 @@ const ha = (e) => {
               onMouseDown: F,
               onTouchStart: F,
               onClick: (p) => p.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
+              onMouseEnter: () => D(!0),
+              onMouseLeave: () => D(!1),
               onKeyDown: (p) => {
-                p.key === "ArrowRight" && P(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && P(Math.max(0, N - 0.05));
+                p.key === "ArrowRight" && L(Math.min(1, N + 0.05)), p.key === "ArrowLeft" && L(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${S || E ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || I ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${D}%` }
+                        style: { width: `${M}%` }
                       }
                     )
                   }
@@ -1193,8 +1195,8 @@ const ha = (e) => {
                 /* @__PURE__ */ n(
                   "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: `${D}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || I ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${M}%` }
                   }
                 )
               ]
@@ -1204,7 +1206,7 @@ const ha = (e) => {
       ]
     }
   );
-}, $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 = ({
+}, $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", rn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1284,7 +1286,7 @@ const ha = (e) => {
       })
     }
   );
-}, rn = ({
+}, on = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1350,7 +1352,7 @@ const ha = (e) => {
     }
   );
 };
-function on(e) {
+function ln(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function st(e) {
@@ -1372,7 +1374,7 @@ 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(B.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($.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1384,7 +1386,7 @@ const at = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${ba(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Es, { className: `size-12 ${wa(t)}` })
+        children: /* @__PURE__ */ n(ks, { className: `size-12 ${wa(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
@@ -1395,12 +1397,12 @@ const at = ({ attachment: e, isMyMessage: t }) => {
   ] });
   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 ln(e) {
+function cn(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(ln);
+  return (t = e.attachments) == null ? void 0 : t.find(cn);
 }
 async function Na(e, t) {
   let s;
@@ -1434,7 +1436,7 @@ const ya = ({
       },
       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(B.Fragment, { children: [
+      children: s ? /* @__PURE__ */ n(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m($.Fragment, { children: [
         /* @__PURE__ */ n(ve, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1462,16 +1464,16 @@ function it(e) {
     thumbnailUrl: g
   };
 }
-const cn = ({
+const dn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? on(a) : void 0;
+  const i = a !== void 0 ? ln(a) : void 0;
   return /* @__PURE__ */ n(
-    rn,
+    on,
     {
       variant: "dark",
       title: s,
@@ -1479,7 +1481,7 @@ const cn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        an,
+        rn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1490,23 +1492,23 @@ const cn = ({
       )
     }
   );
-}, dn = ({
+}, un = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? on(a) : void 0;
+  const i = le(t), l = a !== void 0 ? ln(a) : void 0;
   return /* @__PURE__ */ n(
-    rn,
+    on,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ n(
-        an,
+        rn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1544,7 +1546,7 @@ const cn = ({
           {
             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(cn, { ...a }) : /* @__PURE__ */ n(dn, { ...a })
+            children: s ? /* @__PURE__ */ n("div", { className: st(t), children: /* @__PURE__ */ n(at, { attachment: s, isMyMessage: t }) }) : t ? /* @__PURE__ */ n(dn, { ...a }) : /* @__PURE__ */ n(un, { ...a })
           }
         ) })
       }
@@ -1557,7 +1559,7 @@ const cn = ({
   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(cn, { ...s }) : null;
+  return s ? /* @__PURE__ */ n(dn, { ...s }) : null;
 }, ka = ({
   message: e
 }) => {
@@ -1565,17 +1567,17 @@ const cn = ({
   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(dn, { ...s }) : null;
-}, _i = Object.assign(_a, {
+  return s ? /* @__PURE__ */ n(un, { ...s }) : null;
+}, yi = Object.assign(_a, {
   Creator: Ca,
   Visitor: ka
 }), Ea = {
   isUnlocking: () => !1
 }, Ia = {
   LockedAttachment: Ea
-}, un = Ze({}), Ci = un.Provider;
+}, mn = Ze({}), _i = mn.Provider;
 function Sa(e) {
-  return Ke(un)[e] ?? Ia[e];
+  return Ke(mn)[e] ?? Ia[e];
 }
 const Ta = ({
   selected: e,
@@ -1593,7 +1595,7 @@ const Ta = ({
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Es, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
@@ -1607,10 +1609,10 @@ const Ta = ({
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ma = (e) => {
+] }), Aa = (e) => {
   var bt, pt, vt, xt, wt, Nt, yt, _t, Ct, kt, Et, It, St, Tt;
   const {
     additionalMessageInputProps: t,
@@ -1629,37 +1631,37 @@ const Ta = ({
     renderText: b,
     threadList: x,
     viewerLanguage: v
-  } = 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 = Fn,
-    MessageBouncePrompt: P = On,
-    MessageDeleted: F = zn,
-    MessageIsThreadReplyInChannelButtonIndicator: G = Pn,
-    MessageRepliesCountButton: _ = Bn,
-    ReminderNotification: D = $n,
-    StreamedMessageText: p = jn,
-    PinIndicator: C
-  } = Gt("CustomMessage"), Y = Un(c), q = Vn(c), he = re(
+  } = e, { client: N } = Qe("CustomMessage"), { channel: w } = me("CustomMessage"), { isUnlocking: I, onUnlockClick: S, onFetchSource: T, onDownloadClick: D } = Sa("LockedAttachment"), [A, O] = z(!1), E = Rn(c.id), { selected: R, voteUp: P, voteDown: q } = na(c), {
+    Attachment: C = Ln,
+    EditMessageModal: B = Fn,
+    MessageActions: G,
+    MessageBlocked: U = On,
+    MessageBouncePrompt: L = zn,
+    MessageDeleted: F = Pn,
+    MessageIsThreadReplyInChannelButtonIndicator: H = Bn,
+    MessageRepliesCountButton: _ = $n,
+    ReminderNotification: M = jn,
+    StreamedMessageText: p = Un,
+    PinIndicator: k
+  } = Gt("CustomMessage"), Y = Vn(c), W = Gn(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 Mt = Ie.filter((At) => !("type" in At) || !ln(At));
-    return Mt.length === Ie.length ? Ie : Mt;
+    const be = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...be] : be;
+    if (!Me(c)) return Se;
+    const At = Se.filter((Mt) => !("type" in Mt) || !cn(Mt));
+    return At.length === Se.length ? Se : At;
   }, [c]), ee = re(() => {
-    const be = Kt({ message: c, viewerLanguage: v });
+    const be = Jt({ message: c, viewerLanguage: v });
     return be === c.text ? c : { ...c, text: be };
   }, [c, v]);
-  if (Gn(c))
+  if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     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" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, te = Yn(c);
+  if (Yn(c))
+    return /* @__PURE__ */ n(U, {});
+  const ke = !x && !!c.reply_count, Ee = !x && c.show_in_channel && c.parent_id, ce = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, te = qn(c);
   let se;
   ce ? se = () => h(c) : te && (se = () => O(!0));
   const de = f(), Oe = y(
@@ -1672,184 +1674,223 @@ const Ta = ({
       "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--with-reactions": W,
       "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__message-with-thread-link": ke || Ee,
       "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 = Xs(c), $ = Me(c), K = qs(c), Q = !!(J != null && J.length && !c.quoted_message), ae = $ && de && Q;
+  ), Ie = c.poll_id && N.polls.fromState(c.poll_id), ue = Xs(c), j = Me(c), K = Ws(c), Q = !!(J != null && J.length && !c.quoted_message), ae = j && de && Q;
   return /* @__PURE__ */ m(ie, { children: [
     a && /* @__PURE__ */ n(
-      j,
+      B,
       {
         additionalMessageInputProps: t
       }
     ),
-    T && /* @__PURE__ */ n(
+    A && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: P,
+        MessageBouncePrompt: L,
         onClose: () => O(!1),
-        open: T
+        open: A
       }
     ),
-    /* @__PURE__ */ m("div", { className: Oe, "data-message-id": c.id, children: [
-      C && /* @__PURE__ */ n(C, {}),
-      !!M && /* @__PURE__ */ n(D, { reminder: M }),
-      c.user && /* @__PURE__ */ n(
-        oe,
-        {
-          className: "str-chat__avatar str-chat__message-sender-avatar",
-          id: c.user.id,
-          image: c.user.image,
-          name: c.user.name || c.user.id,
-          size: $ ? 24 : 28,
-          shape: "circle",
-          dmAgentEnabled: $
-        }
-      ),
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: y("str-chat__message-inner", {
-            "str-chat__simple-message--error-failed": ce || te
-          }),
-          "data-testid": "message-inner",
-          onClick: se,
-          onKeyDown: se,
-          role: se ? "button" : void 0,
-          tabIndex: se ? 0 : void 0,
-          style: {
-            // Force margins to 0 to prevent hover layout shift
-            // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
-            marginInlineEnd: 0,
-            marginInlineStart: 0
-          },
-          children: [
-            K ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
-              de ? /* @__PURE__ */ n(
-                Bt.Sent,
-                {
-                  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(
-                Bt.Received,
-                {
-                  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: () => R == null ? void 0 : R(c, w)
-                }
-              ),
-              c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                Dt,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ) })
-            ] }) : ue ? (
-              /* 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: [
-              $ && !ae && /* @__PURE__ */ n(
-                $e,
-                {
-                  message: c,
-                  hasAttachment: Q,
-                  isMyMessage: de
-                }
-              ),
-              Ee && /* @__PURE__ */ n(qn, { poll: Ee }),
-              J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
-                k,
-                {
-                  actionHandler: o,
-                  attachments: J
-                }
-              ) : null,
-              he ? /* @__PURE__ */ n(
-                p,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ) : /* @__PURE__ */ n(
-                Dt,
-                {
-                  message: ee,
-                  renderText: b
-                }
-              ),
-              /* @__PURE__ */ n(Xn, {})
-            ] }) }),
-            W && /* @__PURE__ */ n(W, {})
-          ]
-        }
-      ),
-      !K && !ue && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-        (!$ || ae) && /* @__PURE__ */ n(
-          $e,
-          {
-            message: c,
-            hasAttachment: Q,
-            isMyMessage: de
-          }
-        ),
-        s && $ && /* @__PURE__ */ n(
-          Ta,
-          {
-            selected: L,
-            onVoteUp: A,
-            onVoteDown: H
-          }
-        )
-      ] }),
-      Ce && /* @__PURE__ */ n(
-        _,
-        {
-          onClick: d,
-          reply_count: c.reply_count
-        }
-      ),
-      ke && /* @__PURE__ */ n(G, {})
-    ] }, c.id)
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: Oe,
+        "data-message-id": c.id,
+        children: [
+          k && /* @__PURE__ */ n(k, {}),
+          !!E && /* @__PURE__ */ n(M, { reminder: E }),
+          c.user && /* @__PURE__ */ n(
+            oe,
+            {
+              className: "str-chat__avatar str-chat__message-sender-avatar",
+              id: c.user.id,
+              image: c.user.image,
+              name: c.user.name || c.user.id,
+              size: j ? 24 : 28,
+              shape: "circle",
+              dmAgentEnabled: j
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: y("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": ce || te
+              }),
+              "data-testid": "message-inner",
+              onClick: se,
+              onKeyDown: se,
+              role: se ? "button" : void 0,
+              tabIndex: se ? 0 : void 0,
+              style: {
+                // Force margins to 0 to prevent hover layout shift
+                // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
+                marginInlineEnd: 0,
+                marginInlineStart: 0
+              },
+              children: K ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+                de ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                  G && /* @__PURE__ */ n(G, {}),
+                  /* @__PURE__ */ n(
+                    Bt.Sent,
+                    {
+                      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: () => S == null ? void 0 : S(c, w),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, w))
+                    }
+                  )
+                ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ n(
+                    Bt.Received,
+                    {
+                      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: I(c.id),
+                      onUnlockClick: () => S == null ? void 0 : S(c, w),
+                      onFetchSource: async () => await (T == null ? void 0 : T(c, w)),
+                      onDownloadClick: () => D == null ? void 0 : D(c, w)
+                    }
+                  ),
+                  G && /* @__PURE__ */ n(G, {})
+                ] }),
+                c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
+                  Dt,
+                  {
+                    message: ee,
+                    renderText: b
+                  }
+                ) })
+              ] }) : ue ? (
+                /* 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: [
+                j && !ae && /* @__PURE__ */ n(
+                  $e,
+                  {
+                    message: c,
+                    hasAttachment: Q,
+                    isMyMessage: de
+                  }
+                ),
+                Ie && /* @__PURE__ */ n(Xn, { poll: Ie }),
+                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
+                  C,
+                  {
+                    actionHandler: o,
+                    attachments: J
+                  }
+                ) : null,
+                he ? /* @__PURE__ */ n(
+                  p,
+                  {
+                    message: ee,
+                    renderText: b
+                  }
+                ) : /* @__PURE__ */ n(
+                  Dt,
+                  {
+                    message: ee,
+                    renderText: b
+                  }
+                ),
+                /* @__PURE__ */ n(Zn, {})
+              ] }) })
+            }
+          ),
+          !K && !ue && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
+            (!j || ae) && /* @__PURE__ */ n(
+              $e,
+              {
+                message: c,
+                hasAttachment: Q,
+                isMyMessage: de
+              }
+            ),
+            s && j && /* @__PURE__ */ n(
+              Ta,
+              {
+                selected: R,
+                onVoteUp: P,
+                onVoteDown: q
+              }
+            )
+          ] }),
+          ke && /* @__PURE__ */ n(
+            _,
+            {
+              onClick: d,
+              reply_count: c.reply_count
+            }
+          ),
+          Ee && /* @__PURE__ */ n(H, {})
+        ]
+      },
+      c.id
+    )
   ] });
-}, Aa = B.memo(
-  Ma,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+}, Ma = $.memo(
+  Aa,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Dn(e, t)
 ), Da = (e) => {
-  const t = Le("CustomMessage");
-  return /* @__PURE__ */ n(Aa, { ...t, ...e });
+  const t = xe("CustomMessage");
+  return /* @__PURE__ */ n(Ma, { ...t, ...e });
 }, Ra = () => {
-  const { handleDelete: e } = Le("CustomMessageActions"), { t } = Zn("CustomMessageActions");
-  return /* @__PURE__ */ n(Wt, { onClick: e, children: t("Delete") });
+  var s;
+  const { handleDelete: e, message: t } = xe("CustomMessageActions");
+  return ((s = t.metadata) == null ? void 0 : s.payment_status) !== "paid" ? null : /* @__PURE__ */ n(
+    Wt,
+    {
+      onClick: e,
+      "aria-label": "Delete",
+      title: "Delete",
+      className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: "light", "aria-hidden": !0 })
+    }
+  );
 }, La = () => {
-  const { handleFlag: e } = Le("CustomMessageActions");
-  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) => ({
+  const { handleFlag: e } = xe("CustomMessageActions");
+  return /* @__PURE__ */ n(
+    Wt,
+    {
+      onClick: e,
+      "aria-label": "Report",
+      title: "Report",
+      className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
+      children: /* @__PURE__ */ n(Ht, { size: 16, weight: "light", "aria-hidden": !0 })
+    }
+  );
+}, Fa = () => {
+  var t;
+  const { message: e } = xe("CustomMessageActions");
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
+    Rs,
+    {
+      messageActionSet: [
+        { Component: Ra, placement: "quick", type: "delete" },
+        { Component: La, placement: "quick", type: "flag" }
+      ]
+    }
+  );
+}, Oa = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Ot.previewIsLoaded(t) || Ot.previewIsLoading(t)
   )
-}), Pa = ({
+}), za = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1879,7 +1920,7 @@ const Ta = ({
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(xe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(we, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ m("div", { className: "p-2", children: [
@@ -1889,22 +1930,22 @@ const Ta = ({
       ]
     }
   );
-}, Ba = () => {
+}, Pa = () => {
   const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
     e.state,
-    za
+    Oa
   ), 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(
-    Pa,
+    za,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Ba = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1914,14 +1955,14 @@ const Ta = ({
     onClick: e,
     children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
   }
-), ja = () => {
+), $a = () => {
   var o;
-  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();
+  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 ?? Ba, i = ts();
   return /* @__PURE__ */ m(ie, { children: [
     /* @__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(ss, {}),
-      /* @__PURE__ */ n(Ba, {}),
+      /* @__PURE__ */ n(Pa, {}),
       /* @__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(
@@ -1949,7 +1990,7 @@ const Ta = ({
       ] })
     ] })
   ] });
-}, Ua = ({
+}, ja = ({
   renderActions: e
 }) => {
   var a;
@@ -1962,21 +2003,21 @@ const Ta = ({
       className: "message-input flex items-center gap-2 p-4 aria-disabled:opacity-40",
       children: [
         e == null ? void 0 : e(),
-        /* @__PURE__ */ n(Qn, { Input: ja })
+        /* @__PURE__ */ n(Qn, { Input: $a })
       ]
     }
   );
-}, Va = [
+}, Ua = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ga = {
+], Va = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ha = [
+}, Ga = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ya = {
+], Ha = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, je = "age safety guidelines.", Wa = "https://linktr.ee/s/about/contact", jt = (e) => Va.includes(e), qa = (e) => Ha.includes(e), Xa = (e) => {
+}, je = "age safety guidelines.", Ya = "https://linktr.ee/s/about/contact", jt = (e) => Ua.includes(e), qa = (e) => Ga.includes(e), Wa = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (jt(t))
@@ -1995,7 +2036,7 @@ const Ta = ({
       kind: "dm-agent",
       type: s
     };
-}, Za = (e) => {
+}, Xa = (e) => {
   const t = e.indexOf(je);
   if (t === -1)
     return e;
@@ -2005,7 +2046,7 @@ const Ta = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: Wa,
+        href: Ya,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -2014,13 +2055,13 @@ const Ta = ({
     ),
     e.slice(s)
   ] });
-}, Ka = (e) => {
+}, Za = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Xa(
+  const t = e.message.hide_date === !0, s = Wa(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ga[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Va[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2046,7 +2087,7 @@ const Ta = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ya[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ha[s.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -2056,7 +2097,7 @@ const Ta = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              Ms,
+              As,
               {
                 size: 24,
                 weight: "duotone",
@@ -2065,7 +2106,7 @@ const Ta = ({
                 "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: Za(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: Xa(i) }) })
           ]
         }
       ),
@@ -2080,7 +2121,7 @@ const Ta = ({
     ] }),
     !t && /* @__PURE__ */ n(ze, { message: e.message })
   ] });
-}, mn = Ze(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, hn = 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,15 +2131,15 @@ const Ta = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ja = /* @__PURE__ */ new Set([
+) }), Ka = /* @__PURE__ */ new Set([
   Pe.Thinking,
   Pe.Generating,
   Pe.ExternalSources
-]), Qa = ({ threadList: e }) => {
+]), Ja = ({ threadList: e }) => {
   var b, x;
-  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);
+  const { channel: t, channelConfig: s, thread: a } = me(), { client: r } = Qe(), { typing: i = {} } = is(), { aiState: l } = os(t), o = Ke(hn);
+  if (!e && o && Ka.has(l)) {
+    const v = Qa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Ut,
       {
@@ -2175,7 +2216,7 @@ const Ta = ({
     ]
   }
 );
-function er(e, t) {
+function Qa(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 +2225,7 @@ function er(e, t) {
       return i;
   }
 }
-const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const er = () => null, tr = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -2227,12 +2268,12 @@ const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ m(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), 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" }),
+), De = $.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" }),
   /* @__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", Vt = "Replies instantly with AI assistant", sr = ({
+De.displayName = "LoadingState";
+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", nr = ({
   onBack: e,
   showBackButton: t,
   onShowInfo: s,
@@ -2242,16 +2283,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 = 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(
-      (R) => {
-        var T;
-        return ((T = R.user) == null ? void 0 : T.id) && R.user.id !== w;
+  const { channel: o } = me(), d = $.useMemo(() => {
+    var S, T;
+    const w = (S = o._client) == null ? void 0 : S.userID;
+    return w ? Object.values(((T = o.state) == null ? void 0 : T.members) || {}).find(
+      (D) => {
+        var A;
+        return ((A = D.user) == null ? void 0 : A.id) && D.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 = Zt(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 = Kt(o), f = async () => {
     try {
       u ? await o.unpin() : await o.pin();
     } catch (w) {
@@ -2298,7 +2339,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             "aria-label": `View info for ${h}`,
             children: [
               h,
-              /* @__PURE__ */ n(We, { className: "size-3 shrink-0" })
+              /* @__PURE__ */ n(qe, { className: "size-3 shrink-0" })
             ]
           }
         ),
@@ -2375,7 +2416,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
               "aria-label": `View info for ${h}`,
               children: [
                 /* @__PURE__ */ n("span", { className: "truncate", children: h }),
-                /* @__PURE__ */ n(We, { className: "size-4 shrink-0" })
+                /* @__PURE__ */ n(qe, { className: "size-4 shrink-0" })
               ]
             }
           ) : /* @__PURE__ */ n("h1", { className: "font-medium text-black/90 truncate", children: h }),
@@ -2418,7 +2459,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       ] })
     ] })
   ] });
-}, ar = ({
+}, sr = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2439,38 +2480,38 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
   viewerLanguage: N,
   getParticipantDisplayName: w
 }) => {
-  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(
+  var B, G, U, L, F, H;
+  const { channel: I } = me(), S = Z(null), T = $.useMemo(() => {
+    var p, k;
+    const _ = (p = I._client) == null ? void 0 : p.userID;
+    return _ ? Object.values(((k = I.state) == null ? void 0 : k.members) || {}).find(
       (Y) => {
-        var q;
-        return ((q = Y.user) == null ? void 0 : q.id) && Y.user.id !== _;
+        var W;
+        return ((W = Y.user) == null ? void 0 : W.id) && Y.user.id !== _;
       }
     ) : void 0;
-  }, [(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((Y) => {
-      var q;
-      return ((q = Y.user) == null ? void 0 : q.id) === _;
+  }, [(B = I._client) == null ? void 0 : B.userID, (G = I.state) == null ? void 0 : G.members]), D = $.useMemo(() => {
+    var p, k;
+    const _ = (p = I._client) == null ? void 0 : p.userID;
+    return _ ? Object.values(((k = I.state) == null ? void 0 : k.members) || {}).find((Y) => {
+      var W;
+      return ((W = Y.user) == null ? void 0 : W.id) === _;
     }) : void 0;
-  }, [(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 ?? {};
+  }, [(U = I._client) == null ? void 0 : U.userID, (L = I.state) == null ? void 0 : L.members]), A = ((F = D == null ? void 0 : D.user) == null ? void 0 : F.is_account) ?? (D == null ? void 0 : D.is_account), O = ((H = T == null ? void 0 : T.user) == null ? void 0 : H.is_account) ?? (T == null ? void 0 : T.is_account), E = v && A === !1 && O === !0, R = $.useMemo(() => {
+    const _ = I.data ?? {};
     if (_.followerStatus)
       return String(_.followerStatus);
     if (_.isFollower !== void 0)
       return _.isFollower ? "Subscribed to you" : "Not subscribed";
-  }, [E.data]), A = U(() => {
+  }, [I.data]), P = V(() => {
     var _;
-    (_ = I.current) == null || _.showModal();
-  }, []), H = U(() => {
+    (_ = S.current) == null || _.showModal();
+  }, []), q = V(() => {
     var _;
-    (_ = I.current) == null || _.close();
-  }, []), k = U(
+    (_ = S.current) == null || _.close();
+  }, []), C = V(
     (_) => {
-      const { message: D } = Le("ChannelView"), p = /* @__PURE__ */ n(
+      const { message: M } = xe("ChannelView"), p = /* @__PURE__ */ n(
         Da,
         {
           ..._,
@@ -2478,7 +2519,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
           viewerLanguage: N
         }
       );
-      return !x || !D ? p : x(p, D);
+      return !x || !M ? p : x(p, M);
     },
     [u, x, N]
   );
@@ -2487,23 +2528,23 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       cs,
       {
         overrides: {
-          Message: k,
-          MessageActions: Oa
+          Message: C,
+          MessageActions: Fa
         },
         children: /* @__PURE__ */ m(ds, { children: [
           /* @__PURE__ */ n("div", { className: "p-4", children: /* @__PURE__ */ n(
-            sr,
+            nr,
             {
               onBack: e,
               showBackButton: t,
-              onShowInfo: A,
-              canShowInfo: !!S,
+              onShowInfo: P,
+              canShowInfo: !!T,
               showStarButton: g,
-              dmAgentEnabled: M,
+              dmAgentEnabled: E,
               getParticipantDisplayName: w
             }
           ) }, "lt-channel-header"),
-          f ? /* @__PURE__ */ n(B.Fragment, { children: f() }, "lt-channel-banner") : null,
+          f ? /* @__PURE__ */ n($.Fragment, { children: f() }, "lt-channel-banner") : null,
           /* @__PURE__ */ n(
             "div",
             {
@@ -2518,11 +2559,11 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
             },
             "lt-channel-message-list"
           ),
-          a ? /* @__PURE__ */ n(B.Fragment, { children: a(E) }, "lt-channel-conversation-footer") : null,
+          a ? /* @__PURE__ */ n($.Fragment, { children: a(I) }, "lt-channel-conversation-footer") : null,
           /* @__PURE__ */ n(
-            Ua,
+            ja,
             {
-              renderActions: () => s == null ? void 0 : s(E)
+              renderActions: () => s == null ? void 0 : s(I)
             },
             "lt-channel-message-input"
           )
@@ -2532,12 +2573,12 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     /* @__PURE__ */ n(
       Qs,
       {
-        dialogRef: I,
-        onClose: H,
-        participant: S,
-        participantDisplayName: w(S),
-        channel: E,
-        followerStatusLabel: L,
+        dialogRef: S,
+        onClose: q,
+        participant: T,
+        participantDisplayName: w(T),
+        channel: I,
+        followerStatusLabel: R,
         onLeaveConversation: r,
         onBlockParticipant: i,
         showDeleteConversation: l,
@@ -2549,7 +2590,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
       }
     )
   ] });
-}, hn = B.memo(
+}, fn = $.memo(
   ({
     channel: e,
     onBack: t,
@@ -2559,7 +2600,7 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     onLeaveConversation: i,
     onBlockParticipant: l,
     className: o,
-    CustomChannelEmptyState: d = tr,
+    CustomChannelEmptyState: d = er,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: g,
     onBlockParticipantClick: u,
@@ -2570,69 +2611,69 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     showStarButton: v = !1,
     chatbotVotingEnabled: N = !1,
     renderChannelBanner: w,
-    customProfileContent: E,
-    customChannelActions: I,
-    renderMessage: S,
-    onMessageLinkClick: R,
-    sendButton: T,
+    customProfileContent: I,
+    customChannelActions: S,
+    renderMessage: T,
+    onMessageLinkClick: D,
+    sendButton: A,
     viewerLanguage: O,
-    getParticipantDisplayName: M
+    getParticipantDisplayName: E
   }) => {
-    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 D;
-        const V = ((D = e.data) == null ? void 0 : D.chatbot_paused) === !0, P = c && !V, F = {
-          ...j,
-          ...P && { silent: !0 },
+    const R = V(
+      (C) => (E == null ? void 0 : E(C)) ?? tt(C == null ? void 0 : C.user),
+      [E]
+    ), P = V(
+      async (C, B, G) => {
+        var M;
+        const U = ((M = e.data) == null ? void 0 : M.chatbot_paused) === !0, L = c && !U, F = {
+          ...B,
+          ...L && { silent: !0 },
           ...b && {
             metadata: {
-              ...j.metadata ?? {},
+              ...B.metadata ?? {},
               ...b
             }
           }
-        }, G = {
-          ...W,
-          ...P && { skip_push: !0 }
-        }, _ = await e.sendMessage(F, G);
+        }, H = {
+          ...G,
+          ...L && { skip_push: !0 }
+        }, _ = await e.sendMessage(F, H);
         return x == null || x(_), _;
       },
       [e, c, b, x]
-    ), H = Z(null);
+    ), q = Z(null);
     return X(() => {
-      if (!R) return;
-      const k = H.current;
-      if (!k) return;
-      const j = (W) => {
-        const V = W.target, P = V == null ? void 0 : V.closest("a[href]"), F = P == null ? void 0 : P.getAttribute("href");
+      if (!D) return;
+      const C = q.current;
+      if (!C) return;
+      const B = (G) => {
+        const U = G.target, L = U == null ? void 0 : U.closest("a[href]"), F = L == null ? void 0 : L.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);
+        const H = L == null ? void 0 : L.closest("[data-message-id]"), _ = H == null ? void 0 : H.getAttribute("data-message-id"), M = _ ? e.state.messages.find((p) => p.id === _) : void 0;
+        D(F, M);
       };
-      return k.addEventListener("click", j), () => k.removeEventListener("click", j);
-    }, [R, e]), /* @__PURE__ */ n(
+      return C.addEventListener("click", B), () => C.removeEventListener("click", B);
+    }, [D, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: H,
+        ref: q,
         className: y(
           "messaging-channel-view h-full flex flex-col",
           o
         ),
-        children: /* @__PURE__ */ n(mn.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(hn.Provider, { value: c ?? !1, children: /* @__PURE__ */ n(
           ls,
           {
             channel: e,
-            MessageSystem: Ka,
+            MessageSystem: Za,
             EmptyStateIndicator: d,
-            LoadingIndicator: Ae,
+            LoadingIndicator: De,
             DateSeparator: ea,
-            TypingIndicator: Qa,
-            doSendMessageRequest: A,
-            ...T ? { SendButton: T } : {},
+            TypingIndicator: Ja,
+            doSendMessageRequest: P,
+            ...A ? { SendButton: A } : {},
             children: /* @__PURE__ */ n(
-              ar,
+              sr,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2649,11 +2690,11 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
                 dmAgentEnabled: c,
                 chatbotVotingEnabled: N,
                 renderChannelBanner: w,
-                customProfileContent: E,
-                customChannelActions: I,
-                renderMessage: S,
+                customProfileContent: I,
+                customChannelActions: S,
+                renderMessage: T,
                 viewerLanguage: O,
-                getParticipantDisplayName: L
+                getParticipantDisplayName: R
               }
             )
           }
@@ -2662,8 +2703,8 @@ const fe = "size-10 rounded-full bg-[#F1F0EE] hover:bg-[#E5E4E1] flex items-cent
     );
   }
 );
-hn.displayName = "ChannelView";
-const rr = ({ className: e }) => /* @__PURE__ */ m(
+fn.displayName = "ChannelView";
+const ar = ({ className: e }) => /* @__PURE__ */ m(
   "svg",
   {
     width: "140",
@@ -2797,17 +2838,17 @@ const rr = ({ className: e }) => /* @__PURE__ */ m(
       ] })
     ]
   }
-), fn = B.memo(
+), gn = $.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(rr, {}),
+    /* @__PURE__ */ n(ar, {}),
     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" })
     ] })
   ] }) })
 );
-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: [
+gn.displayName = "EmptyState";
+const Ae = $.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 }),
@@ -2821,8 +2862,8 @@ const Te = B.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-Te.displayName = "ErrorState";
-const ki = ({
+Ae.displayName = "ErrorState";
+const Ci = ({
   capabilities: e = {},
   className: t,
   renderMessageInputActions: s,
@@ -2842,73 +2883,73 @@ const ki = ({
   messageMetadata: v,
   onMessageSent: N,
   showStarButton: w = !1,
-  chatbotVotingEnabled: E = !1,
-  viewerLanguage: I,
-  renderMessagePreview: S,
-  renderChannelBanner: R,
-  customProfileContent: T,
+  chatbotVotingEnabled: I = !1,
+  viewerLanguage: S,
+  renderMessagePreview: T,
+  renderChannelBanner: D,
+  customProfileContent: A,
   customChannelActions: O,
-  renderMessage: M,
-  onMessageLinkClick: L,
-  sendButton: A
+  renderMessage: E,
+  onMessageLinkClick: R,
+  sendButton: P
 }) => {
   const {
-    service: H,
-    client: k,
-    isConnected: j,
-    isLoading: W,
-    error: V,
-    refreshConnection: P,
+    service: q,
+    client: C,
+    isConnected: B,
+    isLoading: G,
+    error: U,
+    refreshConnection: L,
     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;
+  } = Ls(), [H, _] = z(null), [M, p] = z(!1), [k, Y] = z(!1), [W, he] = z(!1), [J, ee] = z(null), { showDeleteConversation: ke = !0 } = e, Ee = $.useMemo(() => {
+    const j = C == null ? void 0 : C.userID;
     return {
       ...{
         type: "messaging",
         last_message_at: { $exists: !0 },
-        ...$ && {
-          members: { $in: [$] },
+        ...j && {
+          members: { $in: [j] },
           hidden: !1
         }
       },
       ...h
     };
-  }, [h, k == null ? void 0 : k.userID]), ce = Z(null), te = U(async () => {
-    if (!k || !j) return;
-    const $ = k.userID;
-    if ($)
+  }, [h, C == null ? void 0 : C.userID]), ce = Z(null), te = V(async () => {
+    if (!C || !B) return;
+    const j = C.userID;
+    if (j)
       try {
-        F && console.log("[MessagingShell] Syncing channels for user:", $);
-        const K = await k.queryChannels(
+        F && console.log("[MessagingShell] Syncing channels for user:", j);
+        const K = await C.queryChannels(
           {
             type: "messaging",
-            members: { $in: [$] }
+            members: { $in: [j] }
           },
           {},
           { limit: 100 }
         );
-        p(K.length > 0), Y(!0), ce.current = $, F && console.log("[MessagingShell] Channels synced successfully:", {
+        p(K.length > 0), Y(!0), ce.current = j, F && console.log("[MessagingShell] Channels synced successfully:", {
           channelCount: K.length
         });
       } catch (K) {
         console.error("[MessagingShell] Failed to sync channels:", K);
       }
-  }, [k, j, F]);
+  }, [C, B, F]);
   X(() => {
-    if (!k || !j) return;
-    const $ = k.userID;
-    $ && ce.current !== $ && te();
-  }, [k, j, te]), X(() => {
-    if (!i || !k || !j) return;
+    if (!C || !B) return;
+    const j = C.userID;
+    j && ce.current !== j && te();
+  }, [C, B, te]), X(() => {
+    if (!i || !C || !B) return;
     (async () => {
-      const K = k.userID;
+      const K = C.userID;
       if (K)
         try {
           F && console.log(
             "[MessagingShell] Loading initial conversation with:",
             i
           );
-          const Q = await k.queryChannels(
+          const Q = await C.queryChannels(
             {
               type: "messaging",
               members: { $eq: [K, i] }
@@ -2921,13 +2962,13 @@ const ki = ({
               "[MessagingShell] Initial conversation loaded:",
               Q[0].id
             );
-          else if (l && H) {
+          else if (l && q) {
             F && console.log(
               "[MessagingShell] No conversation found, creating one for:",
               l
             );
             try {
-              const ae = await H.startChannelWithParticipant({
+              const ae = await q.startChannelWithParticipant({
                 id: l.id,
                 name: l.name,
                 phone: l.phone
@@ -2959,37 +3000,37 @@ const ki = ({
   }, [
     i,
     l,
-    k,
-    j,
-    H,
+    C,
+    B,
+    q,
     F,
     r
   ]);
-  const se = U(
-    ($) => {
-      _($), r == null || r($);
+  const se = V(
+    (j) => {
+      _(j), r == null || r(j);
     },
     [r]
-  ), de = U(() => {
-    q || _(null);
-  }, [q]), Oe = U(
-    async ($) => {
-      F && console.log("[MessagingShell] Leaving conversation:", $.id), _(null), he(!1), ce.current = null, await te();
+  ), de = V(() => {
+    W || _(null);
+  }, [W]), Oe = V(
+    async (j) => {
+      F && console.log("[MessagingShell] Leaving conversation:", j.id), _(null), he(!1), ce.current = null, await te();
     },
     [te, F]
-  ), Ee = U(
-    async ($) => {
-      F && console.log("[MessagingShell] Blocking participant:", $), _(null), he(!1), ce.current = null, await te();
+  ), Ie = V(
+    async (j) => {
+      F && console.log("[MessagingShell] Blocking participant:", j), _(null), he(!1), ce.current = null, await te();
     },
     [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,
+  ), ue = !!H;
+  return G ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(De, {}) }) : U ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, { message: U, onBack: L }) }) : !B || !C ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(
+    Ae,
     {
       message: "Not connected to messaging service",
-      onBack: P
+      onBack: L
     }
-  ) }) : J ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Te, { message: J }) }) : /* @__PURE__ */ n(
+  ) }) : J ? /* @__PURE__ */ n("div", { className: y("h-full", t), children: /* @__PURE__ */ n(Ae, { message: J }) }) : /* @__PURE__ */ n(
     "div",
     {
       className: y(
@@ -3003,23 +3044,23 @@ const ki = ({
             className: y(
               "messaging-channel-list-sidebar min-h-0 min-w-0 lg:flex lg:flex-col",
               {
-                "!hidden": d === !1 || q,
+                "!hidden": d === !1 || W,
                 // Hide on mobile when channel selected, show on desktop with consistent wide width
-                "hidden lg:flex lg:flex-1 lg:max-w-2xl": d !== !1 && !q && ue,
+                "hidden lg:flex lg:flex-1 lg:max-w-2xl": d !== !1 && !W && ue,
                 // Show on mobile when no channel selected, use same wide width on desktop
-                "flex flex-col w-full lg:flex-1 lg:max-w-2xl": d !== !1 && !q && !ue
+                "flex flex-col w-full lg:flex-1 lg:max-w-2xl": d !== !1 && !W && !ue
               }
             ),
             children: /* @__PURE__ */ n(
-              en,
+              tn,
               {
                 onChannelSelect: se,
-                selectedChannel: G || void 0,
-                filters: ke,
+                selectedChannel: H || void 0,
+                filters: Ee,
                 channelRenderFilterFn: g,
                 customEmptyStateIndicator: u,
-                renderMessagePreview: S,
-                viewerLanguage: I
+                renderMessagePreview: T,
+                viewerLanguage: S
               }
             )
           }
@@ -3031,24 +3072,24 @@ const ki = ({
               "messaging-conversation-view flex-1 flex-col min-w-0 min-h-0",
               {
                 // In direct conversation mode (or waiting for it), always show (full width)
-                flex: q || ue || i,
+                flex: W || ue || i,
                 // Normal mode: hide on mobile when no channel selected
-                "hidden lg:flex": !q && !ue && !i
+                "hidden lg:flex": !W && !ue && !i
               }
             ),
-            children: G ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
-              hn,
+            children: H ? /* @__PURE__ */ n("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ n(
+              fn,
               {
-                channel: G,
+                channel: H,
                 onBack: de,
-                showBackButton: !q,
+                showBackButton: !W,
                 renderMessageInputActions: s,
                 renderConversationFooter: a,
-                renderChannelBanner: R,
+                renderChannelBanner: D,
                 onLeaveConversation: Oe,
-                onBlockParticipant: Ee,
+                onBlockParticipant: Ie,
                 CustomChannelEmptyState: o,
-                showDeleteConversation: Ce,
+                showDeleteConversation: ke,
                 onDeleteConversationClick: f,
                 onBlockParticipantClick: c,
                 onReportParticipantClick: b,
@@ -3056,23 +3097,23 @@ const ki = ({
                 messageMetadata: v,
                 onMessageSent: N,
                 showStarButton: w,
-                chatbotVotingEnabled: E,
-                viewerLanguage: I,
-                customProfileContent: T,
+                chatbotVotingEnabled: I,
+                viewerLanguage: S,
+                customProfileContent: A,
                 customChannelActions: O,
-                renderMessage: M,
-                onMessageLinkClick: L,
-                sendButton: A
+                renderMessage: E,
+                onMessageLinkClick: R,
+                sendButton: P
               },
-              G.id
+              H.id
             ) }) : i ? (
               // Show loading while creating/loading direct conversation channel
-              /* @__PURE__ */ n(Ae, {})
+              /* @__PURE__ */ n(De, {})
             ) : /* @__PURE__ */ n(
-              fn,
+              gn,
               {
-                hasChannels: D,
-                channelsLoaded: C
+                hasChannels: M,
+                channelsLoaded: k
               }
             )
           }
@@ -3080,25 +3121,25 @@ const ki = ({
       ] })
     }
   );
-}, ir = /^([a-z][a-z0-9+.-]*):/i, or = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+}, rr = /^([a-z][a-z0-9+.-]*):/i, ir = /* @__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 = ir.exec(t);
+  const s = rr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return or.has(a) ? t : void 0;
+    return ir.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const lr = {
+const or = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, cr = ({ variant: e, cta: t }) => {
+}, lr = ({ 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",
-    lr[e]
+    or[e]
   ), a = ot(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -3125,10 +3166,10 @@ const lr = {
       children: t.label
     }
   );
-}, dr = {
+}, cr = {
   dark: "text-white",
   light: "text-black/90"
-}, ur = "text-white/30", mr = {
+}, dr = "text-white/30", ur = {
   dark: "text-white/55",
   light: "text-black/55"
 }, lt = ({
@@ -3145,10 +3186,10 @@ const lr = {
   if (!g && !u && !c && !b) return null;
   const v = y(
     "truncate text-base font-medium leading-6",
-    d && !t ? ur : dr[e]
+    d && !t ? dr : cr[e]
   ), N = y(
     "truncate text-xs leading-4",
-    mr[e]
+    ur[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
@@ -3164,16 +3205,16 @@ const lr = {
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
+    l && /* @__PURE__ */ n(lr, { variant: e, cta: l })
   ] });
-}, hr = y(
+}, mr = 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"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), De = ({
+), Re = ({
   variant: e,
   children: t,
   href: s,
@@ -3185,7 +3226,7 @@ const lr = {
   "data-testid": d
 }) => {
   const h = s != null || a != null, g = y(
-    hr,
+    mr,
     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
@@ -3233,17 +3274,17 @@ const lr = {
       ]
     }
   );
-}, fr = {
+}, hr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, gr = {
+}, fr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Fe = (e, t) => !!t && !!e && le(e) === "audio", gn = (e, t) => {
+}, Fe = (e, t) => !!t && !!e && le(e) === "audio", bn = (e, t) => {
   if (!t || !e) return !1;
   const s = le(e);
   return s === "video" || s === "audio";
-}, ct = "bg-[#F2F3F4]", Re = ({
+}, ct = "bg-[#F2F3F4]", Le = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3294,10 +3335,10 @@ const lr = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              fr[e]
+              hr[e]
             ),
             children: ge(r, {
-              className: gr[e],
+              className: fr[e],
               weight: "regular"
             })
           }
@@ -3307,7 +3348,7 @@ const lr = {
       ]
     }
   );
-}, br = ({
+}, gr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3328,7 +3369,7 @@ const lr = {
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(xe, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(we, { className: "size-3", weight: "bold" })
     }
   ) : void 0, x = u ? /* @__PURE__ */ n(
     "button",
@@ -3337,12 +3378,12 @@ const lr = {
       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(As, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ms, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: ct, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Re, { 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,
+      Le,
       {
         variant: "dark",
         sourceUrl: l,
@@ -3352,13 +3393,13 @@ const lr = {
     ) }),
     b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ m(
-    De,
+    Re,
     {
       variant: "dark",
       topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Re,
+          Le,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3384,7 +3425,7 @@ const lr = {
       ]
     }
   );
-}, pr = ({
+}, br = ({
   title: e,
   description: t,
   url: s,
@@ -3396,7 +3437,7 @@ const lr = {
   cta: d,
   onClick: 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 ? {
+  const g = bn(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;
@@ -3404,7 +3445,7 @@ const lr = {
     }
   } : d;
   return /* @__PURE__ */ m(
-    De,
+    Re,
     {
       variant: "light",
       href: f,
@@ -3414,7 +3455,7 @@ const lr = {
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Re,
+          Le,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3437,7 +3478,7 @@ const lr = {
       ]
     }
   );
-}, vr = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3450,9 +3491,9 @@ const lr = {
   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;
+  const u = bn(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,
+    Re,
     {
       variant: "dark",
       href: c,
@@ -3460,7 +3501,7 @@ const lr = {
       bgClassName: Fe(r, l) ? ct : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Re,
+          Le,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3484,20 +3525,20 @@ const lr = {
       ]
     }
   );
-}, Ei = {
-  Composer: br,
-  Sent: vr,
-  Received: pr
-}, xr = {
+}, ki = {
+  Composer: gr,
+  Sent: pr,
+  Received: br
+}, vr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, wr = {
+}, xr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Nr = {
+}, wr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, yr = (e) => e === "dark" ? "sender" : "receiver", _r = {
+}, Nr = (e) => e === "dark" ? "sender" : "receiver", yr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3510,7 +3551,7 @@ const lr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, we = ({
+}, Ne = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3519,7 +3560,7 @@ const lr = {
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = _r[yr(e)][a];
+  const o = t != null && t !== "", d = yr[Nr(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -3534,10 +3575,10 @@ const lr = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
+        vr[e],
         xr[e],
-        wr[e],
         s && "border",
-        s && Nr[e],
+        s && wr[e],
         r
       ),
       children: [
@@ -3562,7 +3603,7 @@ const lr = {
       ]
     }
   );
-}, Ne = ({
+}, ye = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3578,18 +3619,18 @@ const lr = {
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(xe, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(we, { className: "size-3", weight: "bold" })
   }
-), ye = (e) => e === "received" ? "light" : "dark", Ii = ({
+), _e = (e) => e === "received" ? "light" : "dark", Ei = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Cr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", _r = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], kr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3612,38 +3653,38 @@ const lr = {
   preload: o,
   onDismiss: d
 }) => {
-  const h = ye(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const h = _e(e), g = e === "composer" && !!d, u = _r({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    we,
+    Ne,
     {
       variant: h,
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
-        kr,
+        Cr,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && b === 0 ? /* @__PURE__ */ n(Ne, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(ye, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${b}`
       )) })
     }
   );
-}, 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
+}, kr = (e) => /* @__PURE__ */ n(dt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ n(dt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(dt, { ...e, state: "received" }), Sr = {
+  Composer: kr,
+  Sent: Er,
+  Received: Ir
 };
-function Mr(e) {
+function Tr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
 const Ar = {
@@ -3656,7 +3697,7 @@ const Ar = {
   text: "TXT",
   markdown: "MD"
 };
-function Dr(e, t) {
+function Mr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3666,7 +3707,7 @@ function Dr(e, t) {
   }
   if (!e) return;
   if (le(e) === "document") {
-    const r = sn(e), i = Ar[r];
+    const r = an(e), i = Ar[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3674,8 +3715,8 @@ function Dr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Rr(e, t, s) {
-  const a = Dr(e, t), r = typeof s == "number" && s > 0 ? Mr(s) : void 0;
+function Dr(e, t, s) {
+  const a = Mr(e, t), r = typeof s == "number" && s > 0 ? Tr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ne(e) {
@@ -3686,16 +3727,16 @@ function ne(e) {
     return "download";
   }
 }
-const Lr = {
+const Rr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Fr = {
+}, Lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Or = {
+}, Fr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, bn = ({
+}, pn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3705,16 +3746,16 @@ const Lr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = s ?? t ?? "File", h = Rr(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", h = Dr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Fr[e]
+        Lr[e]
       ),
       "aria-hidden": !0,
       children: ge(a, {
-        className: y("size-6", Or[e]),
+        className: y("size-6", Fr[e]),
         weight: "regular"
       })
     }
@@ -3725,7 +3766,7 @@ const Lr = {
       {
         className: y(
           "truncate text-xs leading-4",
-          Lr[e]
+          Rr[e]
         ),
         children: h
       }
@@ -3754,7 +3795,7 @@ const Lr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function pn(e, t) {
+async function vn(e, t) {
   const s = t ?? ne(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3768,14 +3809,14 @@ async function pn(e, t) {
     }
   }
 }
-const zr = ({
+const Or = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Pr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], zr = ({
   variant: e,
   item: t,
   index: s,
@@ -3784,7 +3825,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -3809,7 +3850,7 @@ const zr = ({
   onClick: h,
   onDismiss: g
 }) => {
-  const u = ye(e), f = e === "composer" && !!g, c = zr({
+  const u = _e(e), f = e === "composer" && !!g, c = Or({
     src: t,
     filename: s,
     fileSize: a,
@@ -3821,7 +3862,7 @@ const zr = ({
     const N = c[v];
     if (!N) return;
     const w = N.filename ?? ne(N.src);
-    pn(N.src, w);
+    vn(N.src, w);
   };
   if (c.length === 0)
     return null;
@@ -3837,29 +3878,29 @@ const zr = ({
     }
   );
   return /* @__PURE__ */ n(
-    we,
+    Ne,
     {
       variant: u,
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
-        Pr,
+        zr,
         {
           variant: u,
           item: v,
           index: N,
           onActivate: b,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(Ne, { onClick: g, variant: "inline" }) : x
+          trailingAction: f && N === 0 ? /* @__PURE__ */ n(ye, { onClick: g, variant: "inline" }) : x
         },
         `${v.src}-${N}`
       )) })
     }
   );
-}, 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
+}, Pr = (e) => /* @__PURE__ */ n(ut, { ...e, state: "composer" }), Br = (e) => /* @__PURE__ */ n(ut, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ n(ut, { ...e, state: "received" }), jr = {
+  Composer: Pr,
+  Sent: Br,
+  Received: $r
 }, mt = ({
   onPrev: e,
   onNext: t,
@@ -3883,10 +3924,10 @@ const zr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(We, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(qe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), vn = ({
+] }), xn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -3895,9 +3936,9 @@ const zr = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = z(!1), h = U(
+  const [o, d] = z(!1), h = V(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), vn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -3982,9 +4023,9 @@ const zr = ({
   }, [s, t, e]), X(() => {
     i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = U(() => {
+  const l = V(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = U(() => {
+  }, [e]), o = V(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return X(() => {
@@ -4077,7 +4118,7 @@ const zr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -4086,7 +4127,7 @@ const zr = ({
       ]
     }
   );
-}, xn = ({
+}, wn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4108,7 +4149,7 @@ const zr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        vn,
+        xn,
         {
           url: o.src,
           filename: d,
@@ -4142,7 +4183,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", wn = ({
+}, Ur = "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", Nn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4151,7 +4192,7 @@ const zr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, h, g) => {
-    const u = y(Vr, "h-full w-full");
+    const u = y(Ur, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -4212,15 +4253,15 @@ const zr = ({
       })
     }
   );
-}, _e = (e) => {
-  const [t, s] = z(!1), [a, r] = z(0), i = U(
+}, Ce = (e) => {
+  const [t, s] = z(!1), [a, r] = z(0), i = V(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
     },
     [e]
-  ), l = U(() => s(!1), []);
+  ), l = V(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Gr = (e, t, s, a) => ({
+}, Vr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4235,16 +4276,16 @@ const zr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Hr = ({
+}), Gr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Nn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], yn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: h } = _e(
+})), Hr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: h } = Ce(
     r
   );
   return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
@@ -4268,18 +4309,18 @@ const zr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ne, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ye, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      xn,
+      wn,
       {
         open: l,
-        items: Nn([{ src: e, alt: t }], s),
+        items: yn([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: h
       }
     )
   ] });
-}, yn = ({
+}, _n = ({
   state: e,
   src: t,
   alt: s,
@@ -4290,28 +4331,28 @@ const zr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const h = Hr({ src: t, alt: s, items: r }), g = ye(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = _e(
+  const h = Gr({ src: t, alt: s, items: r }), g = _e(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ce(
     d
   );
   if (h.length === 0)
     return null;
   const x = h.map(
-    (v, N) => Gr(v, N, h.length, o)
+    (v, N) => Vr(v, N, h.length, o)
   );
   return /* @__PURE__ */ m(
-    we,
+    Ne,
     {
       variant: g,
       text: i,
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: x, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Nn, { tiles: x, onTileActivate: c }) }),
         /* @__PURE__ */ n(
-          xn,
+          wn,
           {
             open: u,
-            items: Nn(h, a),
+            items: yn(h, a),
             initialIndex: f,
             onClose: b
           }
@@ -4319,11 +4360,11 @@ const 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,
+}, Yr = (e) => /* @__PURE__ */ n(Hr, { ...e }), qr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), Wr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), Xr = {
+  Composer: Yr,
   Sent: qr,
-  Received: Xr
-}, Kr = ({
+  Received: Wr
+}, Zr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4337,7 +4378,7 @@ const zr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
     [o]
   ), h = re(
-    () => o ? Jr(o.src) : void 0,
+    () => o ? Kr(o.src) : void 0,
     [o]
   );
   return !o || !h ? null : /* @__PURE__ */ m(
@@ -4371,16 +4412,16 @@ const zr = ({
       ]
     }
   );
-}, Jr = (e) => {
+}, Kr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Qr = ({
+}, Jr = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ei = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Qr = ({
   variant: e,
   item: t,
   index: s,
@@ -4389,7 +4430,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ne(t.src);
   return /* @__PURE__ */ n(
-    bn,
+    pn,
     {
       variant: e,
       filename: i,
@@ -4413,7 +4454,7 @@ const zr = ({
   onClick: d,
   onDismiss: h
 }) => {
-  const g = ye(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = _e(
+  const g = _e(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Ce(
     d
   ), v = e === "composer" && !!h;
   if (u.length === 0)
@@ -4423,38 +4464,38 @@ const zr = ({
     filename: w.filename ?? ne(w.src)
   }));
   return /* @__PURE__ */ m(
-    we,
+    Ne,
     {
       variant: g,
       text: l,
       groupPosition: o,
       "data-testid": "pdf-attachment",
       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(
-            vn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((w, I) => {
+          const S = w.filename ?? ne(w.src), T = v && I === 0 ? /* @__PURE__ */ n(ye, { onClick: h, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            xn,
             {
               url: w.src,
-              filename: I,
+              filename: S,
               variant: "inline",
-              label: `Download ${I}`,
+              label: `Download ${S}`,
               tone: g
             }
           );
           return /* @__PURE__ */ n(
-            ei,
+            Qr,
             {
               variant: g,
               item: w,
-              index: E,
+              index: I,
               onActivate: b,
-              trailingAction: S
+              trailingAction: T
             },
-            `${w.src}-${E}`
+            `${w.src}-${I}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Kr,
+          Zr,
           {
             open: f,
             items: N,
@@ -4465,11 +4506,11 @@ const zr = ({
       ]
     }
   );
-}, 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
-}, _n = ({
+}, ei = (e) => /* @__PURE__ */ n(gt, { ...e, state: "composer" }), ti = (e) => /* @__PURE__ */ n(gt, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ n(gt, { ...e, state: "received" }), si = {
+  Composer: ei,
+  Sent: ti,
+  Received: ni
+}, Cn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4519,7 +4560,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 }) }) }), Cn = ({
+}, ai = () => /* @__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 }) }) }), kn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4534,31 +4575,31 @@ 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(
-    Yt,
+    qt,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ri, {})
-] }), ii = (e, t, s) => ({
+  /* @__PURE__ */ n(ai, {})
+] }), ri = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Cn, { item: e, index: t })
-}), oi = ({
+  content: /* @__PURE__ */ n(kn, { item: e, index: t })
+}), ii = ({
   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 }] : [], kn = (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 }] : [], En = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: h, closeViewer: g } = _e(
+})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+  const { viewerOpen: o, viewerIndex: d, handleActivate: h, closeViewer: g } = Ce(
     i
   );
   return /* @__PURE__ */ m("div", { className: "relative w-fit", children: [
@@ -4569,15 +4610,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(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(kn, { 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,
+    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ye, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
-      _n,
+      Cn,
       {
         open: o,
-        items: kn(
+        items: En(
           [{ src: e, poster: t, mimeType: s, preload: r }],
           a
         ),
@@ -4586,7 +4627,7 @@ const zr = ({
       }
     )
   ] });
-}, En = ({
+}, In = ({
   state: e,
   src: t,
   poster: s,
@@ -4598,16 +4639,16 @@ const zr = ({
   preload: d,
   onClick: h
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ye(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = _e(
+  const g = ii({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = _e(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: x } = Ce(
     h
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (N, w) => ii(N, w, g.length)
+    (N, w) => ri(N, w, g.length)
   );
   return /* @__PURE__ */ m(
-    we,
+    Ne,
     {
       variant: u,
       text: l,
@@ -4615,7 +4656,7 @@ const zr = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          wn,
+          Nn,
           {
             tiles: v,
             onTileActivate: b,
@@ -4623,10 +4664,10 @@ const zr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          _n,
+          Cn,
           {
             open: f,
-            items: kn(g, r),
+            items: En(g, r),
             initialIndex: c,
             onClose: x
           }
@@ -4634,17 +4675,17 @@ const zr = ({
       ]
     }
   );
-}, 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
-}, Si = {
-  Image: Zr,
-  Video: mi,
-  Audio: Tr,
-  Pdf: ai,
-  File: Ur
-}, hi = ({
+}, li = (e) => /* @__PURE__ */ n(oi, { ...e }), ci = (e) => /* @__PURE__ */ n(In, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(In, { ...e, state: "received" }), ui = {
+  Composer: li,
+  Sent: ci,
+  Received: di
+}, Ii = {
+  Image: Xr,
+  Video: ui,
+  Audio: Sr,
+  Pdf: si,
+  File: jr
+}, mi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4666,7 +4707,7 @@ const zr = ({
     ),
     children: e
   }
-), Ti = ({
+), Si = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4695,7 +4736,7 @@ const zr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ n(
-            hi,
+            mi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4709,38 +4750,38 @@ const zr = ({
   ] }) });
 };
 export {
-  an as A,
+  rn as A,
   na as B,
-  tr as C,
+  er as C,
   Ls as D,
-  Ti as F,
-  Ei as L,
-  _i as M,
-  Se as a,
+  Si as F,
+  ki as L,
+  yi as M,
+  Te as a,
   oe as b,
-  en as c,
-  hn as d,
-  Ci as e,
-  hi as f,
+  tn as c,
+  fn as d,
+  _i as e,
+  mi as f,
   le as g,
   Bt as h,
-  Si as i,
+  Ii as i,
   Ta as j,
-  yi as k,
-  ki as l,
-  Rr as m,
-  Mr as n,
+  Ni as k,
+  Ci as l,
+  Dr as m,
+  Tr as n,
   Bs as o,
-  Dr as p,
-  Kt as q,
+  Mr as p,
+  Jt as q,
   ge as r,
-  ln as s,
+  cn as s,
   Us as t,
-  Ii as u,
+  Ei as u,
   $s as v,
   rt as w,
   it as x,
   tt as y,
   Sa as z
 };
-//# sourceMappingURL=index-CxKVYxq6.js.map
+//# sourceMappingURL=index-CPa6Qru7.js.map