@linktr.ee/messaging-react 3.34.0 → 3.35.0-rc-1786104411

package/dist/{index-Czf2XyYL.js → index-BaeffiED.js}

@@ -1,13 +1,13 @@
 import { jsx as s, jsxs as f, Fragment as J } from "react/jsx-runtime";
-import F, { createContext as Ve, useContext as _e, useCallback as q, useState as U, useRef as H, useEffect as Y, useId as Qs, useMemo as ae, Suspense as en } from "react";
-import { StreamChatService as tn } from "@linktr.ee/messaging-core";
-import { StreamChat as sn, LinkPreviewsManager as et } from "stream-chat";
-import { Chat as nn, useChannelStateContext as fe, useChatContext as Ee, DateSeparator as an, useMessageContext as ge, MessageStatus as rn, MessageErrorIcon as tt, MessageText as ze, areMessageUIPropsEqual as on, useMessageReminder as ln, useComponentContext as os, Attachment as cn, EditMessageModal as dn, MessageBlocked as un, MessageBouncePrompt as mn, MessageDeleted as hn, MessageIsThreadReplyInChannelButtonIndicator as fn, MessageRepliesCountButton as gn, ReminderNotification as pn, StreamedMessageText as bn, messageHasAttachments as vn, messageHasReactions as xn, isDateSeparatorMessage as wn, isMessageBlocked as _n, isMessageBounced as yn, MessageBounceModal as Nn, Poll as kn, useMessageComposer as Cn, useStateStore as Sn, MessageInput as Ht, useMessageInputContext as En, useMessageComposerHasSendableData as In, AttachmentPreviewList as Tn, QuotedMessagePreview as An, TextareaComposer as Ln, MessageTimestamp as Ye, AIStates as We, useTypingContext as Mn, useAIState as Rn, Channel as Dn, WithComponents as Pn, Window as On, MessageList as Gt, ChannelList as zn, InfiniteScroll as Bn } from "stream-chat-react";
+import F, { createContext as Ve, useContext as _e, useCallback as q, useState as U, useRef as H, useEffect as Y, useId as tn, useMemo as ae, Suspense as sn } from "react";
+import { StreamChatService as nn } from "@linktr.ee/messaging-core";
+import { StreamChat as an, LinkPreviewsManager as tt } from "stream-chat";
+import { Chat as rn, useChannelStateContext as fe, useChatContext as Te, DateSeparator as on, useMessageContext as ge, MessageStatus as ln, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as cn, useMessageReminder as dn, useComponentContext as ls, Attachment as un, EditMessageModal as mn, MessageBlocked as hn, MessageBouncePrompt as fn, MessageDeleted as gn, MessageIsThreadReplyInChannelButtonIndicator as pn, MessageRepliesCountButton as bn, ReminderNotification as vn, StreamedMessageText as xn, messageHasAttachments as wn, messageHasReactions as _n, isDateSeparatorMessage as yn, isMessageBlocked as Nn, isMessageBounced as kn, MessageBounceModal as Cn, Poll as Sn, useMessageComposer as En, useStateStore as In, MessageInput as Gt, useMessageInputContext as Tn, useMessageComposerHasSendableData as An, AttachmentPreviewList as Rn, QuotedMessagePreview as Ln, TextareaComposer as Mn, MessageTimestamp as We, AIStates as qe, useTypingContext as Dn, useAIState as On, Channel as Pn, WithComponents as zn, Window as Bn, MessageList as Yt, ChannelList as Fn, InfiniteScroll as $n } from "stream-chat-react";
 import k from "classnames";
-import { StarIcon as st, DotsThreeIcon as Fn, SpinnerGapIcon as Pe, SignOutIcon as $n, ProhibitInsetIcon as Yt, FlagIcon as ls, CurrencyDollarIcon as Un, CaretRightIcon as cs, ArrowLeftIcon as jn, FileIcon as ds, ImageIcon as Vn, SpeakerHighIcon as Hn, VideoCameraIcon as us, FileMdIcon as Gn, FileTextIcon as Yn, FileZipIcon as Wn, FilePptIcon as qn, FileCsvIcon as Xn, FileXlsIcon as Kn, FileDocIcon as Zn, FilePdfIcon as Jn, CircleNotchIcon as xe, PlayIcon as nt, PauseIcon as Qn, LinkIcon as ea, DownloadSimpleIcon as Se, XIcon as ot, CaretLeftIcon as ta, GiftIcon as sa, ThumbsUpIcon as na, ThumbsDownIcon as aa, WarningCircleIcon as ra, MegaphoneIcon as ia, ChecksIcon as oa, PencilSimpleIcon as la, TrashSimpleIcon as ca, ArrowUpIcon as da, SparkleIcon as ua, ProhibitIcon as ma } from "@phosphor-icons/react";
-import { isOfficialChannel as ha, OFFICIAL_SENDER_USER_ID as fa, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Wt, isAgeSafetySystemType as ga, selectEnabledFaqs as pa } from "@linktr.ee/messaging-taxonomy";
-import { MessageActions as ba, DefaultDropdownActionButton as ms } from "stream-chat-react/experimental";
-const hs = Ve({
+import { StarIcon as nt, DotsThreeIcon as Un, SpinnerGapIcon as ze, SignOutIcon as jn, ProhibitInsetIcon as Wt, FlagIcon as cs, CurrencyDollarIcon as Vn, CaretRightIcon as ds, ArrowLeftIcon as Hn, FileIcon as us, ImageIcon as Gn, SpeakerHighIcon as Yn, VideoCameraIcon as ms, FileMdIcon as Wn, FileTextIcon as qn, FileZipIcon as Xn, FilePptIcon as Kn, FileCsvIcon as Zn, FileXlsIcon as Jn, FileDocIcon as Qn, FilePdfIcon as ea, CircleNotchIcon as xe, PlayIcon as at, PauseIcon as ta, LinkIcon as sa, DownloadSimpleIcon as Se, XIcon as lt, CaretLeftIcon as na, GiftIcon as aa, ThumbsUpIcon as ra, ThumbsDownIcon as ia, WarningCircleIcon as oa, MegaphoneIcon as la, ChecksIcon as ca, PencilSimpleIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
+import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as qt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
+import { MessageActions as wa, DefaultDropdownActionButton as hs } from "stream-chat-react/experimental";
+const fs = Ve({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const hs = Ve({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => _e(hs), Vo = ({
+}), ct = () => _e(fs), sl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -43,32 +43,32 @@ const hs = Ve({
   _.current = n;
   const A = H(i);
   A.current = i;
-  const L = H({
+  const R = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
-  }), M = H(0);
-  M.current++, o("📊 RENDER INFO", {
-    renderCount: M.current,
+  }), L = H(0);
+  L.current++, o("📊 RENDER INFO", {
+    renderCount: L.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: L.current.apiKey !== a,
-      serviceConfigChanged: L.current.serviceConfig !== n,
-      capabilitiesChanged: L.current.capabilities !== r
+      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: R.current.apiKey !== a,
+      serviceConfigChanged: R.current.serviceConfig !== n,
+      capabilitiesChanged: R.current.capabilities !== r
     }
-  }), L.current = {
+  }), R.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: n,
     capabilities: r
   };
   const D = H(null);
-  !l && a && ((S = D.current) == null ? void 0 : S.apiKey) !== a && (D.current = { apiKey: a, client: new sn(a) });
+  !l && a && ((S = D.current) == null ? void 0 : S.apiKey) !== a && (D.current = { apiKey: a, client: new an(a) });
   const $ = l || (a ? ((T = D.current) == null ? void 0 : T.client) ?? null : null);
   Y(() => {
-    const E = M.current, B = _.current;
+    const E = L.current, B = _.current;
     if (l) {
       N.current = null, m(null), u(null), c(!1), v(null), w(!1);
       return;
@@ -84,7 +84,7 @@ const hs = Ve({
       renderCount: E,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const z = new tn({
+    const z = new nn({
       ...B,
       apiKey: a,
       debug: A.current,
@@ -95,7 +95,7 @@ const hs = Ve({
       serviceInstance: !!z
     });
   }, [a, $, l]);
-  const P = H(null);
+  const O = H(null);
   Y(() => {
     var B, z;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -115,7 +115,7 @@ const hs = Ve({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((B = P.current) == null ? void 0 : B.serviceId) === d && ((z = P.current) == null ? void 0 : z.userId) === t.id) {
+    if (((B = O.current) == null ? void 0 : B.serviceId) === d && ((z = O.current) == null ? void 0 : z.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -127,7 +127,7 @@ const hs = Ve({
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
-        u(j), c(!0), P.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        u(j), c(!0), O.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: j.userID
         });
@@ -148,7 +148,7 @@ const hs = Ve({
     const E = $;
     return () => {
       var B;
-      E && (P.current = null, (B = N.current) == null || B.disconnectUser().catch(console.error));
+      E && (O.current = null, (B = N.current) == null || B.disconnectUser().catch(console.error));
     };
   }, [$]);
   const C = q(async () => {
@@ -175,7 +175,7 @@ const hs = Ve({
         w(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, o, l]), O = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, o, l]), P = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -212,11 +212,11 @@ const hs = Ve({
     o
   ]);
   return o("🔄 RENDER END", {
-    renderCount: M.current,
+    renderCount: L.current,
     willRenderChat: !!$,
-    contextValueReady: !!O
-  }), /* @__PURE__ */ s(hs.Provider, { value: O, children: $ ? /* @__PURE__ */ s(
-    nn,
+    contextValueReady: !!P
+  }), /* @__PURE__ */ s(fs.Provider, { value: P, children: $ ? /* @__PURE__ */ s(
+    rn,
     {
       client: $,
       customClasses: {
@@ -225,7 +225,7 @@ const hs = Ve({
       children: e
     }
   ) : e });
-}, va = () => lt(), fs = (e) => {
+}, _a = () => ct(), gs = (e) => {
   var a, r;
   const [t, n] = U(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -248,13 +248,13 @@ const hs = Ve({
     };
   }, [e]), t;
 };
-function gs(e, t, n) {
+function ps(e, t, n) {
   const a = Object.values(e || {});
-  if (ha(n)) {
+  if (ga(n)) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === fa;
+        return ((l = i.user) == null ? void 0 : l.id) === pa;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function gs(e, t, n) {
     }
   );
 }
-const xa = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function wa(e) {
-  return xa.test(e.trim());
+const ya = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Na(e) {
+  return ya.test(e.trim());
 }
-function qt(e, t) {
+function Xt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !wa(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !Na(n);
 }
-function ps(e) {
-  return qt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : qt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function bs(e) {
+  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Xt = [
+const Kt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -305,7 +305,7 @@ const Xt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function _a(e) {
+function ka(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -313,14 +313,14 @@ function _a(e) {
   }
   return Math.abs(t);
 }
-function bs(e) {
-  return Xt[_a(e) % Xt.length];
+function vs(e) {
+  return Kt[ka(e) % Kt.length];
 }
-function ya(e) {
-  return bs(e).emoji;
+function Ca(e) {
+  return vs(e).emoji;
 }
-function Na(e) {
-  return bs(e).bgColor;
+function Sa(e) {
+  return vs(e).bgColor;
 }
 const ye = ({
   id: e,
@@ -331,7 +331,7 @@ const ye = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = ya(e), d = Na(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = Ca(e), d = Sa(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -369,7 +369,7 @@ const ye = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ s(st, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ s(nt, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ s(
@@ -395,7 +395,7 @@ const ye = ({
       ]
     }
   );
-}, ka = "https://linktr.ee/s/about/trust-center/report", Ca = ({
+}, Ea = "https://linktr.ee/s/about/trust-center/report", Ia = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -408,8 +408,8 @@ const ye = ({
   onActionComplete: m,
   logLabel: h = "useChannelModerationActions"
 }) => {
-  var O;
-  const { service: u, debug: g } = lt(), c = (O = t == null ? void 0 : t.user) == null ? void 0 : O.id, x = !!(a && n && u && c), [w, p] = U(!1), [v, b] = U(null), [N, _] = U(!1), [A, L] = U(!1), M = x && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
+  var P;
+  const { service: u, debug: g } = ct(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, x = !!(a && n && u && c), [w, p] = U(!1), [v, b] = U(null), [N, _] = U(!1), [A, R] = U(!1), L = x && ((v == null ? void 0 : v.participantId) !== c || (v == null ? void 0 : v.service) !== u);
   return Y(() => {
     if (!x || !u || !c) {
       p(!1), b(null);
@@ -435,7 +435,7 @@ const ye = ({
     };
   }, [x, u, c, h]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: M,
+    isCheckingBlockedStatus: L,
     isLeaving: N,
     isUpdatingBlockStatus: A,
     handleLeaveConversation: async () => {
@@ -455,31 +455,31 @@ const ye = ({
     handleBlockUser: async () => {
       var S, T, E;
       if (!(A || !u)) {
-        o == null || o(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+        o == null || o(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!0);
         try {
           await u.blockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), m == null || m();
         } catch (B) {
           console.error(`[${h}] Failed to block member`, B);
         } finally {
-          L(!1);
+          R(!1);
         }
       }
     },
     handleUnblockUser: async () => {
       var S, T, E;
       if (!(A || !u)) {
-        o == null || o(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
+        o == null || o(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!0);
         try {
           await u.unBlockUser((T = t == null ? void 0 : t.user) == null ? void 0 : T.id), i && await i((E = t == null ? void 0 : t.user) == null ? void 0 : E.id), m == null || m();
         } catch (B) {
           console.error(`[${h}] Failed to unblock member`, B);
         } finally {
-          L(!1);
+          R(!1);
         }
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(ka, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
 }, Ne = ({
@@ -499,7 +499,7 @@ const ye = ({
     ...a,
     children: n
   }
-), Sa = ({
+), Ta = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -513,16 +513,16 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: u
 }) => {
-  const [g, c] = U(!1), x = H(null), w = Qs(), p = q(() => c(!1), []), {
+  const [g, c] = U(!1), x = H(null), w = tn(), p = q(() => c(!1), []), {
     isParticipantBlocked: v,
     isCheckingBlockedStatus: b,
     isLeaving: N,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: A,
-    handleBlockUser: L,
-    handleUnblockUser: M,
+    handleBlockUser: R,
+    handleUnblockUser: L,
     handleReportUser: D
-  } = Ca({
+  } = Ia({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -537,13 +537,13 @@ const ye = ({
   });
   return Y(() => {
     if (!g) return;
-    const P = (O) => {
-      x.current && !x.current.contains(O.target) && c(!1);
-    }, C = (O) => {
-      O.key === "Escape" && c(!1);
+    const O = (P) => {
+      x.current && !x.current.contains(P.target) && c(!1);
+    }, C = (P) => {
+      P.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", P), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", O), document.addEventListener("keydown", C), () => {
+      document.removeEventListener("mousedown", O), document.removeEventListener("keydown", C);
     };
   }, [g]), !t || !(n || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: x, className: "relative", children: [
     /* @__PURE__ */ f(
@@ -554,9 +554,9 @@ const ye = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? w : void 0,
-        onClick: () => c((P) => !P),
+        onClick: () => c((O) => !O),
         children: [
-          /* @__PURE__ */ s(Fn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Un, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -578,7 +578,7 @@ const ye = ({
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s($n, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(jn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -587,34 +587,34 @@ const ye = ({
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
             /* @__PURE__ */ f(Ne, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }),
+              /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : v ? /* @__PURE__ */ f(
             Ne,
             {
-              onClick: M,
+              onClick: L,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ f(
             Ne,
             {
-              onClick: L,
+              onClick: R,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ s(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: D, children: [
-            /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
+            /* @__PURE__ */ s(cs, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           h
@@ -622,7 +622,7 @@ const ye = ({
       }
     )
   ] });
-}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ea = "CUSTOMER_PAID", Ia = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ea, Ta = ({
+}, Xe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -640,18 +640,18 @@ const ye = ({
   showChannelInfo: x = !0,
   onParticipantNameClick: w
 }) => {
-  var C, O, S, T;
-  const { channel: p } = fe(), { client: v } = Ee(), b = F.useMemo(
+  var C, P, S, T;
+  const { channel: p } = fe(), { client: v } = Te(), b = F.useMemo(
     () => {
       var E;
-      return gs(
+      return ps(
         (E = p.state) == null ? void 0 : E.members,
         v == null ? void 0 : v.userID,
         p.type
       );
     },
     [(C = p.state) == null ? void 0 : C.members, v == null ? void 0 : v.userID, p.type]
-  ), N = ps(b == null ? void 0 : b.user), _ = (O = b == null ? void 0 : b.user) == null ? void 0 : O.image, A = fs(p), L = Ia((S = p.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, M = a && A, D = L || M || !!w, $ = async () => {
+  ), N = bs(b == null ? void 0 : b.user), _ = (P = b == null ? void 0 : b.user) == null ? void 0 : P.image, A = gs(p), R = Ra((S = p.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, L = a && A, D = R || L || !!w, $ = async () => {
     try {
       A ? await p.unpin() : await p.pin();
     } catch (E) {
@@ -660,7 +660,7 @@ const ye = ({
         E
       );
     }
-  }, P = /* @__PURE__ */ f(J, { children: [
+  }, O = /* @__PURE__ */ f(J, { children: [
     /* @__PURE__ */ s(
       ye,
       {
@@ -682,24 +682,24 @@ const ye = ({
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
           /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
           D && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
-            L && /* @__PURE__ */ s(
+            R && /* @__PURE__ */ s(
               "span",
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ s(Un, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ s(Vn, { className: "size-2.5", weight: "bold" })
               }
             ),
-            M && /* @__PURE__ */ s(
+            L && /* @__PURE__ */ s(
               "span",
               {
                 "aria-label": "Starred conversation",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                children: /* @__PURE__ */ s(st, { className: "size-2.5", weight: "fill" })
+                children: /* @__PURE__ */ s(nt, { className: "size-2.5", weight: "fill" })
               }
             ),
             w && /* @__PURE__ */ s(
-              cs,
+              ds,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -723,14 +723,14 @@ const ye = ({
           "button",
           {
             className: k(
-              qe,
+              Xe,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(jn, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Hn, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ s(
@@ -740,20 +740,20 @@ const ye = ({
             onClick: w,
             "aria-label": `View details for ${N}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-            children: P
+            children: O
           }
-        ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: P }) }),
+        ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: O }) }),
         /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ s(
             "button",
             {
-              className: qe,
+              className: Xe,
               onClick: $,
               type: "button",
               "aria-pressed": A,
               "aria-label": A ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
-                st,
+                nt,
                 {
                   className: k("size-5", {
                     "text-[#FFD60A]": A,
@@ -765,7 +765,7 @@ const ye = ({
             }
           ),
           x && (c !== void 0 ? c : /* @__PURE__ */ s(
-            Sa,
+            Ta,
             {
               channel: p,
               participant: b,
@@ -778,27 +778,27 @@ const ye = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: u,
               customChannelActions: g,
-              triggerClassName: qe
+              triggerClassName: Xe
             }
           ))
         ] })
       ] })
     }
   );
-}, Aa = (e) => /* @__PURE__ */ s(an, { ...e, position: "center" }), at = "vote_up", rt = "vote_down";
-function La(e) {
-  return e != null && e.length ? e.some((t) => t.type === rt) ? "down" : e.some((t) => t.type === at) ? "up" : null : null;
+}, Ma = (e) => /* @__PURE__ */ s(on, { ...e, position: "center" }), rt = "vote_up", it = "vote_down";
+function Da(e) {
+  return e != null && e.length ? e.some((t) => t.type === it) ? "down" : e.some((t) => t.type === rt) ? "up" : null : null;
 }
-function Ma(e) {
-  const { channel: t } = fe(), { client: n } = Ee("useMessageVote"), a = ae(
-    () => La(e.own_reactions),
+function Oa(e) {
+  const { channel: t } = fe(), { client: n } = Te("useMessageVote"), a = ae(
+    () => Da(e.own_reactions),
     [e.own_reactions]
   ), r = q(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, rt) : await t.sendReaction(
           e.id,
-          { type: at },
+          { type: rt },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -806,9 +806,9 @@ function Ma(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = q(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, rt) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, it) : await t.sendReaction(
           e.id,
-          { type: rt },
+          { type: it },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -816,39 +816,39 @@ function Ma(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Ra(e) {
+function Pa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function vs({
+function xs({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = Ra(t);
+  const n = e == null ? void 0 : e.text, a = Pa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const Da = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
-function Pa(e) {
+const za = ["linktr.ee"], Zt = "messaging-attachment-v1_0";
+function Ba(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function Oa(e) {
-  return Da.some(
+function Fa(e) {
+  return za.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
-function he(e) {
+function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = Pa(t);
-  if (!n || !Oa(n)) return t;
+  const n = Ba(t);
+  if (!n || !Fa(n)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Zt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Zt), a.toString());
 }
-const za = [
+const $a = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -858,42 +858,42 @@ const za = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function de(e) {
+function ue(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function xs(e) {
-  const t = za.find(
+function ws(e) {
+  const t = $a.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ba = {
-  video: us,
-  audio: Hn,
-  image: Vn,
-  document: ds
-}, Fa = {
-  pdf: Jn,
-  doc: Zn,
-  xls: Kn,
-  csv: Xn,
-  ppt: qn,
-  zip: Wn,
-  text: Yn,
-  markdown: Gn,
-  generic: ds
+const Ua = {
+  video: ms,
+  audio: Yn,
+  image: Gn,
+  document: us
+}, ja = {
+  pdf: ea,
+  doc: Qn,
+  xls: Jn,
+  csv: Zn,
+  ppt: Kn,
+  zip: Xn,
+  text: qn,
+  markdown: Wn,
+  generic: us
 };
-function $a(e) {
-  const t = de(e);
-  return t !== "document" ? Ba[t] : Fa[xs(e)];
+function Va(e) {
+  const t = ue(e);
+  return t !== "document" ? Ua[t] : ja[ws(e)];
 }
 function we(e, t) {
-  return F.createElement($a(e), t);
+  return F.createElement(Va(e), t);
 }
-const Ua = (e) => {
+const Ha = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, ja = ({
+}, Ga = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -905,7 +905,7 @@ const Ua = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const h = de(t), u = H(null), g = H(null), c = H(null), x = H(r), [w, p] = U(a), [v, b] = U(0), [N, _] = U(!1), [A, L] = U(!1), [M, D] = U(!1), [$, P] = U(!1), [C, O] = U(!0), [S, T] = U(null), E = q(() => {
+  const h = ue(t), u = H(null), g = H(null), c = H(null), x = H(r), [w, p] = U(a), [v, b] = U(0), [N, _] = U(!1), [A, R] = U(!1), [L, D] = U(!1), [$, O] = U(!1), [C, P] = U(!0), [S, T] = U(null), E = q(() => {
     D(!1), p(!0);
   }, []), B = q((y) => {
     const I = g.current;
@@ -913,7 +913,7 @@ const Ua = (e) => {
     const W = I.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ua(y) - W.left) / W.width)
+      Math.min(1, (Ha(y) - W.left) / W.width)
     );
   }, []), z = q((y) => {
     const I = u.current;
@@ -964,7 +964,7 @@ const Ua = (e) => {
           m(y);
           return;
         }
-        M || l && p((I) => !I);
+        L || l && p((I) => !I);
       },
       onKeyDown: (y) => {
         if (!(y.key !== "Enter" && y.key !== " ")) {
@@ -972,7 +972,7 @@ const Ua = (e) => {
             m(y);
             return;
           }
-          M || l && p((I) => !I);
+          L || l && p((I) => !I);
         }
       },
       children: [
@@ -996,11 +996,11 @@ const Ua = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => P(!0),
+            onLoadStart: () => O(!0),
             onCanPlay: () => {
-              P(!1), O(!1);
+              O(!1), P(!1);
             },
-            onWaiting: () => P(!0),
+            onWaiting: () => O(!0),
             onPlay: () => D(!1),
             onEnded: () => {
               i || (p(!1), b(0));
@@ -1016,11 +1016,11 @@ const Ua = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => P(!0),
+            onLoadStart: () => O(!0),
             onCanPlay: () => {
-              P(!1), O(!1);
+              O(!1), P(!1);
             },
-            onWaiting: () => P(!0),
+            onWaiting: () => O(!0),
             onPlay: () => D(!1),
             onLoadedMetadata: () => {
               const y = u.current;
@@ -1032,14 +1032,14 @@ const Ua = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        $ && !M && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+        $ && !L && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
           xe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        M && !l && /* @__PURE__ */ s(
+        L && !l && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1052,7 +1052,7 @@ const Ua = (e) => {
             onKeyDown: (y) => {
               y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), E());
             },
-            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(nt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(at, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         o && !l && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ s(
@@ -1091,7 +1091,7 @@ const Ua = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(Qn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(nt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ s(ta, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(at, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1108,8 +1108,8 @@ const Ua = (e) => {
               onMouseDown: j,
               onTouchStart: j,
               onClick: (y) => y.stopPropagation(),
-              onMouseEnter: () => L(!0),
-              onMouseLeave: () => L(!1),
+              onMouseEnter: () => R(!0),
+              onMouseLeave: () => R(!1),
               onKeyDown: (y) => {
                 y.key === "ArrowRight" && z(Math.min(1, v + 0.05)), y.key === "ArrowLeft" && z(Math.max(0, v - 0.05));
               },
@@ -1141,7 +1141,7 @@ const Ua = (e) => {
       ]
     }
   );
-}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Va = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ws = ({
+}, Jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ya = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", _s = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1150,9 +1150,9 @@ const Ua = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = de(e), [d, m] = U(!1), h = he(t), u = he(n);
+  const o = ue(e), [d, m] = U(!1), h = de(t), u = de(n);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    ja,
+    Ga,
     {
       source: t,
       mimeType: e,
@@ -1199,11 +1199,11 @@ const Ua = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Jt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Va(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ya(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: u ?? n,
@@ -1216,12 +1216,12 @@ const Ua = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Jt(r),
         weight: "regular"
       })
     }
   );
-}, _s = ({
+}, ys = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1287,59 +1287,59 @@ const Ua = (e) => {
     }
   );
 };
-function ys(e) {
+function Ns(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ct(e) {
+function dt(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Ha(e) {
+function Wa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ga(e) {
+function qa(e) {
   return e ? "text-white" : "text-black";
 }
-function Ya(e) {
+function Xa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Wa(e) {
+function Ka(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function qa(e) {
+function Za(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const dt = ({ attachment: e, isMyMessage: t }) => {
+const ut = ({ attachment: e, isMyMessage: t }) => {
   const { title: n, 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, m = /* @__PURE__ */ f(F.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
-        src: he(r) ?? r,
+        src: de(r) ?? r,
         alt: n ?? "",
         className: "aspect-video w-full rounded-[20px] object-cover"
       }
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ha(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(ea, { className: `size-12 ${qa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Wa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(sa, { className: `size-12 ${Za(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ga(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ya(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Wa(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${qa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Xa(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Ka(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: m }) : /* @__PURE__ */ s("div", { className: "block", children: m });
 };
-function Ns(e) {
+function ks(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function ut(e) {
+function mt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(Ns);
+  return (t = e.attachments) == null ? void 0 : t.find(ks);
 }
-async function Xa(e, t) {
+async function Ja(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1351,7 +1351,7 @@ async function Xa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = n, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const Ka = ({
+const Qa = ({
   url: e,
   filename: t
 }) => {
@@ -1363,7 +1363,7 @@ const Ka = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Xa(e, t).then(() => {
+        a(!0), Ja(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1378,7 +1378,7 @@ const Ka = ({
     }
   );
 };
-function mt(e) {
+function ht(e) {
   var u, g, c, x;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (w) => w.type === "video" && w.asset_url
@@ -1399,16 +1399,16 @@ function mt(e) {
     thumbnailUrl: h
   };
 }
-const ks = ({
+const Cs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? ys(a) : void 0;
+  const i = a !== void 0 ? Ns(a) : void 0;
   return /* @__PURE__ */ s(
-    _s,
+    ys,
     {
       variant: "dark",
       title: n,
@@ -1416,7 +1416,7 @@ const ks = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        ws,
+        _s,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1427,23 +1427,23 @@ const ks = ({
       )
     }
   );
-}, Cs = ({
+}, Ss = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), l = a !== void 0 ? ys(a) : void 0;
+  const i = ue(t), l = a !== void 0 ? Ns(a) : void 0;
   return /* @__PURE__ */ s(
-    _s,
+    ys,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ s(
-        ws,
+        _s,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1453,14 +1453,14 @@ const ks = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Ka, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Qa, { url: e, filename: n })
     }
   );
-}, Za = ({
+}, er = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = ut(e), a = mt(e);
+  const n = mt(e), a = ht(e);
   return !n && !a ? null : /* @__PURE__ */ f("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
       ye,
@@ -1482,41 +1482,41 @@ const ks = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ct(t), children: /* @__PURE__ */ s(dt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ks, { ...a }) : /* @__PURE__ */ s(Cs, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Cs, { ...a }) : /* @__PURE__ */ s(Ss, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Ja = ({
+}, tr = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(dt, { attachment: t, isMyMessage: !0 }) });
-  const n = mt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ks, { ...n }) }) : null;
-}, Qa = ({
+    return /* @__PURE__ */ s("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !0 }) });
+  const n = ht(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Cs, { ...n }) }) : null;
+}, sr = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = mt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(dt, { attachment: t, isMyMessage: !1 }) });
-  const n = mt(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Cs, { ...n }) }) : null;
-}, Ho = Object.assign(Za, {
-  Creator: Ja,
-  Visitor: Qa
-}), er = {
+    return /* @__PURE__ */ s("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !1 }) });
+  const n = ht(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ss, { ...n }) }) : null;
+}, nl = Object.assign(er, {
+  Creator: tr,
+  Visitor: sr
+}), nr = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, tr = {
+}, ar = {
   dark: "text-white",
   light: "text-[#000000]"
-}, sr = {
+}, rr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, nr = (e) => e === "dark" ? "sender" : "receiver", ar = {
+}, ir = (e) => e === "dark" ? "sender" : "receiver", or = {
   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]",
@@ -1529,7 +1529,7 @@ const ks = ({
     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]"
   }
-}, Ie = ({
+}, Ae = ({
   variant: e,
   text: t,
   bordered: n = !0,
@@ -1541,7 +1541,7 @@ const ks = ({
   children: d,
   "data-testid": m
 }) => {
-  const h = t != null && t !== "", u = l ?? ar[nr(e)][a];
+  const h = t != null && t !== "", u = l ?? or[ir(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1570,10 +1570,10 @@ const ks = ({
         // there is no ambiguity to resolve.
         h && "pb-0",
         u,
-        er[e],
-        tr[e],
+        nr[e],
+        ar[e],
         n && "border",
-        n && sr[e],
+        n && rr[e],
         o
       ),
       children: [
@@ -1601,7 +1601,7 @@ const ks = ({
       ]
     }
   );
-}, Te = ({
+}, Re = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: n = "Dismiss attachment"
@@ -1617,18 +1617,18 @@ const ks = ({
       "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__ */ s(ot, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ s(lt, { className: "size-3", weight: "bold" })
   }
-), Ae = (e) => e === "received" ? "light" : "dark", rr = ({
+), Le = (e) => e === "received" ? "light" : "dark", lr = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", ir = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", cr = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], or = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], dr = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1640,7 +1640,7 @@ const ks = ({
     }
   ),
   n ?? null
-] }), ht = ({
+] }), ft = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1651,41 +1651,41 @@ const ks = ({
   preload: o,
   onDismiss: d
 }) => {
-  const m = Ae(e), h = e === "composer" && !!d, u = ir({ src: t, mimeType: n, filename: a, items: r });
+  const m = Le(e), h = e === "composer" && !!d, u = cr({ src: t, mimeType: n, filename: a, items: r });
   if (u.length === 0)
     return null;
   const g = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ s(
-    Ie,
+    Ae,
     {
       variant: m,
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((c, x) => /* @__PURE__ */ s(
-        or,
+        dr,
         {
           item: c,
           preload: g,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && x === 0 ? /* @__PURE__ */ s(Te, { onClick: d, variant: "inline" }) : void 0
+            h && x === 0 ? /* @__PURE__ */ s(Re, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${x}`
       )) })
     }
   );
-}, lr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), cr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), dr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), ur = {
-  Composer: lr,
-  Sent: cr,
-  Received: dr
+}, ur = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), fr = {
+  Composer: ur,
+  Sent: mr,
+  Received: hr
 };
-function mr(e) {
+function gr(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 hr = {
+const pr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1695,7 +1695,7 @@ const hr = {
   text: "TXT",
   markdown: "MD"
 };
-function fr(e, t) {
+function br(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1704,8 +1704,8 @@ function fr(e, t) {
     }
   }
   if (!e) return;
-  if (de(e) === "document") {
-    const r = xs(e), i = hr[r];
+  if (ue(e) === "document") {
+    const r = ws(e), i = pr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1713,8 +1713,8 @@ function fr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function gr(e, t, n) {
-  const a = fr(e, t), r = typeof n == "number" && n > 0 ? mr(n) : void 0;
+function vr(e, t, n) {
+  const a = br(e, t), r = typeof n == "number" && n > 0 ? gr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1725,16 +1725,16 @@ function re(e) {
     return "download";
   }
 }
-const pr = {
+const xr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, br = {
+}, wr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, vr = {
+}, _r = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Ss = ({
+}, Es = ({
   variant: e,
   filename: t,
   title: n,
@@ -1744,16 +1744,16 @@ const pr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", m = gr(a, t, r), h = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = vr(a, t, r), h = /* @__PURE__ */ s(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        br[e]
+        wr[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", vr[e]),
+        className: k("size-6", _r[e]),
         weight: "regular"
       })
     }
@@ -1764,7 +1764,7 @@ const pr = {
       {
         className: k(
           "truncate text-xs leading-4",
-          pr[e]
+          xr[e]
         ),
         children: m
       }
@@ -1793,7 +1793,7 @@ const pr = {
     o ? /* @__PURE__ */ s("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function Es(e, t) {
+async function Is(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1807,14 +1807,14 @@ async function Es(e, t) {
     }
   }
 }
-const xr = ({
+const yr = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], wr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], Nr = ({
   variant: e,
   item: t,
   index: n,
@@ -1823,7 +1823,7 @@ const xr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ss,
+    Es,
     {
       variant: e,
       filename: i,
@@ -1835,7 +1835,7 @@ const xr = ({
       trailingAction: r
     }
   );
-}, ft = ({
+}, gt = ({
   state: e,
   src: t,
   filename: n,
@@ -1848,7 +1848,7 @@ const xr = ({
   onClick: m,
   onDismiss: h
 }) => {
-  const u = Ae(e), g = e === "composer" && !!h, c = xr({
+  const u = Le(e), g = e === "composer" && !!h, c = yr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1860,7 +1860,7 @@ const xr = ({
     const v = c[p];
     if (!v) return;
     const b = v.filename ?? re(v.src);
-    Es(v.src, b);
+    Is(v.src, b);
   };
   if (c.length === 0)
     return null;
@@ -1876,30 +1876,30 @@ const xr = ({
     }
   );
   return /* @__PURE__ */ s(
-    Ie,
+    Ae,
     {
       variant: u,
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, v) => /* @__PURE__ */ s(
-        wr,
+        Nr,
         {
           variant: u,
           item: p,
           index: v,
           onActivate: x,
-          trailingAction: g && v === 0 ? /* @__PURE__ */ s(Te, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && v === 0 ? /* @__PURE__ */ s(Re, { onClick: h, variant: "inline" }) : w
         },
         `${p.src}-${v}`
       )) })
     }
   );
-}, _r = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Nr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), kr = {
-  Composer: _r,
-  Sent: yr,
-  Received: Nr
-}, gt = ({
+}, kr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), Cr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), Er = {
+  Composer: kr,
+  Sent: Cr,
+  Received: Sr
+}, pt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1912,7 +1912,7 @@ const xr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(ta, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(na, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1922,10 +1922,10 @@ const xr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ s(cs, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ds, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Is = ({
+] }), Ts = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1936,7 +1936,7 @@ const xr = ({
 }) => {
   const [o, d] = U(!1), m = q(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), Es(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), Is(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -2010,16 +2010,16 @@ const xr = ({
       ]
     }
   );
-}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), pt = ({
+}, Ke = (e, t, n) => Math.min(Math.max(e, t), n), bt = ({
   length: e,
   initialIndex: t,
   open: n
 }) => {
-  const a = Xe(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
+  const a = Ke(t, 0, Math.max(e - 1, 0)), [r, i] = U(a);
   Y(() => {
-    n && i(Xe(t, 0, Math.max(e - 1, 0)));
+    n && i(Ke(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), Y(() => {
-    i((d) => Xe(d, 0, Math.max(e - 1, 0)));
+    i((d) => Ke(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const l = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -2035,7 +2035,7 @@ const xr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, l, o]), { index: r, prev: l, next: o };
-}, bt = ({
+}, vt = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2116,7 +2116,7 @@ const xr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ s(ot, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ s(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -2125,13 +2125,13 @@ const xr = ({
       ]
     }
   );
-}, Ts = ({
+}, As = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = pt({
+  const { index: r, prev: i, next: l } = bt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2140,14 +2140,14 @@ const xr = ({
     [o]
   );
   return o ? /* @__PURE__ */ f(
-    bt,
+    vt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        Is,
+        Ts,
         {
           url: o.src,
           filename: d,
@@ -2170,7 +2170,7 @@ const xr = ({
           `${r}:${o.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ s(
-          gt,
+          pt,
           {
             onPrev: i,
             onNext: l,
@@ -2181,7 +2181,7 @@ const xr = ({
       ]
     }
   ) : null;
-}, Cr = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", Sr = {
+}, Ir = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", Tr = {
   1: ["rounded-[18px]"],
   2: ["rounded-l-[18px]", "rounded-r-[18px]"],
   3: ["rounded-l-[18px]", "rounded-tr-[18px]", "rounded-br-[18px]"],
@@ -2191,7 +2191,7 @@ const xr = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, Er = "--mes-single-width-cap", Ir = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Tr = 436, As = ({
+}, Ar = "--mes-single-width-cap", Rr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Lr = 436, Rs = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2203,9 +2203,9 @@ const xr = ({
   const l = e.slice(0, Math.min(i, n)), o = i - l.length, d = (h, u, g) => {
     var x;
     const c = k(
-      Cr,
+      Ir,
       "h-full w-full",
-      (x = Sr[l.length]) == null ? void 0 : x[u]
+      (x = Tr[l.length]) == null ? void 0 : x[u]
     );
     return t ? /* @__PURE__ */ f(
       "button",
@@ -2230,14 +2230,14 @@ const xr = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${Er}), ${Math.round(Tr * a * 100) / 100}px)`,
+    width: `min(var(${Ar}), ${Math.round(Lr * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
   }), l.length === 1 ? /* @__PURE__ */ s(
     "div",
     {
       className: k(
-        a ? Ir : "aspect-square w-full",
+        a ? Rr : "aspect-square w-full",
         r
       ),
       style: m,
@@ -2292,7 +2292,7 @@ const xr = ({
       })
     }
   );
-}, Le = (e) => {
+}, Me = (e) => {
   const [t, n] = U(!1), [a, r] = U(0), i = q(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), n(!0));
@@ -2300,7 +2300,7 @@ const xr = ({
     [e]
   ), l = q(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Ar = ({
+}, Mr = ({
   item: e,
   index: t,
   totalCount: n,
@@ -2316,7 +2316,7 @@ const xr = ({
       "img",
       {
         ref: r,
-        src: he(e.src) ?? e.src,
+        src: de(e.src) ?? e.src,
         alt: e.alt ?? "",
         width: e.width,
         height: e.height,
@@ -2328,7 +2328,7 @@ const xr = ({
       }
     )
   )
-}), Lr = ({
+}), Dr = ({
   src: e,
   alt: t,
   items: n
@@ -2336,8 +2336,8 @@ const xr = ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Mr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Le(
+})), Or = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Me(
     r
   );
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
@@ -2351,7 +2351,7 @@ const xr = ({
         children: /* @__PURE__ */ s(
           "img",
           {
-            src: he(e) ?? e,
+            src: de(e) ?? e,
             alt: t ?? "",
             draggable: !1,
             loading: a,
@@ -2361,9 +2361,9 @@ const xr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Te, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Re, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Ts,
+      As,
       {
         open: l,
         items: Ls([{ src: e, alt: t }], n),
@@ -2372,7 +2372,7 @@ const xr = ({
       }
     )
   ] });
-}, Rr = 326 / 246, Dr = (e) => {
+}, Pr = 326 / 246, zr = (e) => {
   const t = e == null ? void 0 : e.src, [n, a] = F.useState(), r = F.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
@@ -2387,7 +2387,7 @@ const xr = ({
     [r]
   ), l = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, o = n && n.src === t ? n.ratio : void 0;
   return {
-    ratio: l ?? o ?? Rr,
+    ratio: l ?? o ?? Pr,
     imgRef: r,
     onLoad: i
   };
@@ -2402,13 +2402,13 @@ const xr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Lr({ src: t, alt: n, items: r }), h = Ae(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: x } = Le(
+  const m = Dr({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: x } = Me(
     d
-  ), w = m.length === 1, p = Dr(w ? m[0] : void 0);
+  ), w = m.length === 1, p = zr(w ? m[0] : void 0);
   if (m.length === 0)
     return null;
   const v = m.map(
-    (b, N) => Ar({
+    (b, N) => Mr({
       item: b,
       index: N,
       totalCount: m.length,
@@ -2418,7 +2418,7 @@ const xr = ({
     })
   );
   return /* @__PURE__ */ f(
-    Ie,
+    Ae,
     {
       variant: h,
       text: i,
@@ -2430,7 +2430,7 @@ const xr = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          As,
+          Rs,
           {
             tiles: v,
             onTileActivate: c,
@@ -2438,7 +2438,7 @@ const xr = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Ts,
+          As,
           {
             open: u,
             items: Ls(m, a),
@@ -2449,17 +2449,17 @@ const xr = ({
       ]
     }
   );
-}, Pr = (e) => /* @__PURE__ */ s(Mr, { ...e }), Or = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), zr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), Br = {
-  Composer: Pr,
-  Sent: Or,
-  Received: zr
-}, Fr = ({
+}, Br = (e) => /* @__PURE__ */ s(Or, { ...e }), Fr = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), Ur = {
+  Composer: Br,
+  Sent: Fr,
+  Received: $r
+}, jr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = pt({
+  const { index: r, prev: i, next: l } = bt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2467,11 +2467,11 @@ const xr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
     [o]
   ), m = ae(
-    () => o ? $r(o.src) : void 0,
+    () => o ? Vr(o.src) : void 0,
     [o]
   );
   return !o || !m ? null : /* @__PURE__ */ f(
-    bt,
+    vt,
     {
       open: e,
       onClose: a,
@@ -2490,7 +2490,7 @@ const xr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          gt,
+          pt,
           {
             onPrev: i,
             onNext: l,
@@ -2501,16 +2501,16 @@ const xr = ({
       ]
     }
   );
-}, $r = (e) => {
+}, Vr = (e) => {
   const t = e.indexOf("#"), n = 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"), `${n}#${r.toString()}`;
-}, Ur = ({
+}, Hr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], jr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Gr = ({
   variant: e,
   item: t,
   index: n,
@@ -2519,7 +2519,7 @@ const xr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ss,
+    Es,
     {
       variant: e,
       filename: i,
@@ -2531,7 +2531,7 @@ const xr = ({
       trailingAction: r
     }
   );
-}, vt = ({
+}, xt = ({
   state: e,
   src: t,
   filename: n,
@@ -2543,7 +2543,7 @@ const xr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const h = Ae(e), u = Ur({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: w } = Le(
+  const h = Le(e), u = Hr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: w } = Me(
     d
   ), p = e === "composer" && !!m;
   if (u.length === 0)
@@ -2553,7 +2553,7 @@ const xr = ({
     filename: b.filename ?? re(b.src)
   }));
   return /* @__PURE__ */ f(
-    Ie,
+    Ae,
     {
       variant: h,
       text: l,
@@ -2561,8 +2561,8 @@ const xr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((b, N) => {
-          const _ = b.filename ?? re(b.src), A = p && N === 0 ? /* @__PURE__ */ s(Te, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            Is,
+          const _ = b.filename ?? re(b.src), A = p && N === 0 ? /* @__PURE__ */ s(Re, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            Ts,
             {
               url: b.src,
               filename: _,
@@ -2572,7 +2572,7 @@ const xr = ({
             }
           );
           return /* @__PURE__ */ s(
-            jr,
+            Gr,
             {
               variant: h,
               item: b,
@@ -2584,7 +2584,7 @@ const xr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          Fr,
+          jr,
           {
             open: g,
             items: v,
@@ -2595,17 +2595,17 @@ const xr = ({
       ]
     }
   );
-}, Vr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "composer" }), Hr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "sent" }), Gr = (e) => /* @__PURE__ */ s(vt, { ...e, state: "received" }), Yr = {
-  Composer: Vr,
-  Sent: Hr,
-  Received: Gr
-}, Rs = ({
+}, Yr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Wr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Xr = {
+  Composer: Yr,
+  Sent: Wr,
+  Received: qr
+}, Ds = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = pt({
+  const { index: r, prev: i, next: l } = bt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2614,7 +2614,7 @@ const xr = ({
     [o]
   );
   return o ? /* @__PURE__ */ f(
-    bt,
+    vt,
     {
       open: e,
       onClose: a,
@@ -2638,7 +2638,7 @@ const xr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          gt,
+          pt,
           {
             onPrev: i,
             onNext: l,
@@ -2649,7 +2649,7 @@ const xr = ({
       ]
     }
   ) : null;
-}, Wr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(nt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ds = ({
+}, Kr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(at, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Os = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2664,18 +2664,18 @@ const xr = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    us,
+    ms,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Wr, {})
-] }), qr = (e, t, n) => ({
+  /* @__PURE__ */ s(Kr, {})
+] }), Zr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Ds, { item: e, index: t })
-}), Xr = ({
+  content: /* @__PURE__ */ s(Os, { item: e, index: t })
+}), Jr = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2687,8 +2687,8 @@ const xr = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Kr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: h } = Le(
+})), Qr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: h } = Me(
     i
   );
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
@@ -2699,12 +2699,12 @@ const xr = ({
         onClick: () => m(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__ */ s(Ds, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Os, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Te, { onClick: l }) }) : null,
+    l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Re, { onClick: l }) }) : null,
     /* @__PURE__ */ s(
-      Rs,
+      Ds,
       {
         open: o,
         items: Ps(
@@ -2716,7 +2716,7 @@ const xr = ({
       }
     )
   ] });
-}, Os = ({
+}, zs = ({
   state: e,
   src: t,
   poster: n,
@@ -2728,25 +2728,25 @@ const xr = ({
   preload: d,
   onClick: m
 }) => {
-  const h = Xr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Ae(e), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: w } = Le(
+  const h = Jr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: w } = Me(
     m
   );
   if (h.length === 0)
     return null;
   const p = h.map(
-    (v, b) => qr(v, b, h.length)
+    (v, b) => Zr(v, b, h.length)
   );
   return /* @__PURE__ */ f(
-    Ie,
+    Ae,
     {
       variant: u,
       text: l,
       groupPosition: o,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(As, { tiles: p, onTileActivate: x }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Rs, { tiles: p, onTileActivate: x }) }),
         /* @__PURE__ */ s(
-          Rs,
+          Ds,
           {
             open: g,
             items: Ps(h, r),
@@ -2757,27 +2757,27 @@ const xr = ({
       ]
     }
   );
-}, Zr = (e) => /* @__PURE__ */ s(Kr, { ...e }), Jr = (e) => /* @__PURE__ */ s(Os, { ...e, state: "sent" }), Qr = (e) => /* @__PURE__ */ s(Os, { ...e, state: "received" }), ei = {
-  Composer: Zr,
-  Sent: Jr,
-  Received: Qr
+}, ei = (e) => /* @__PURE__ */ s(Qr, { ...e }), ti = (e) => /* @__PURE__ */ s(zs, { ...e, state: "sent" }), si = (e) => /* @__PURE__ */ s(zs, { ...e, state: "received" }), ni = {
+  Composer: ei,
+  Sent: ti,
+  Received: si
 }, ke = {
-  Image: Br,
-  Video: ei,
-  Audio: ur,
-  Pdf: Yr,
-  File: kr
-}, zs = Ve(void 0), ti = (e) => {
+  Image: Ur,
+  Video: ni,
+  Audio: fr,
+  Pdf: Xr,
+  File: Er
+}, Bs = Ve(void 0), ai = (e) => {
   var n;
   const t = (n = e.metadata) == null ? void 0 : n.broadcast_id;
   return typeof t == "string" ? t : void 0;
-}, si = (e, t) => {
+}, ri = (e, t) => {
   if (!t || !(e != null && e.length))
     return;
   const n = /* @__PURE__ */ new Set();
   let a;
   for (const r of e) {
-    const i = ti(r);
+    const i = ai(r);
     if (!i || n.has(i))
       continue;
     n.add(i);
@@ -2785,31 +2785,31 @@ const xr = ({
     l && (a ?? (a = {}), a[i] = l);
   }
   return a;
-}, ni = (e, t) => {
+}, ii = (e, t) => {
   if (e === t)
     return !0;
   if (!e || !t)
     return !1;
   const n = Object.keys(e), a = Object.keys(t);
   return n.length !== a.length ? !1 : n.every((r) => e[r] === t[r]);
-}, ai = (e, t) => {
-  const n = si(e, t), [a, r] = U(n);
-  return ni(a, n) ? a : (r(n), n);
-}, ri = {
+}, oi = (e, t) => {
+  const n = ri(e, t), [a, r] = U(n);
+  return ii(a, n) ? a : (r(n), n);
+}, li = {
   isUnlocking: () => !1
-}, ii = {
-  LockedAttachment: ri
-}, Bs = Ve({}), Go = Bs.Provider;
-function oi(e) {
-  return _e(Bs)[e] ?? ii[e];
+}, ci = {
+  LockedAttachment: li
+}, Fs = Ve({}), al = Fs.Provider;
+function di(e) {
+  return _e(Fs)[e] ?? ci[e];
 }
-const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import("./Card-D28R0tmP.js")), di = () => /* @__PURE__ */ s(
+const ui = F.lazy(() => import("./Card-qS17qnN0.js")), mi = F.lazy(() => import("./Card-ByFbaqsR.js")), hi = () => /* @__PURE__ */ s(
   "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
   }
-), Oe = (e) => /* @__PURE__ */ s(en, { fallback: /* @__PURE__ */ s(di, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(li, { ...e }) : /* @__PURE__ */ s(ci, { ...e }) }), ui = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Be = (e) => /* @__PURE__ */ s(sn, { fallback: /* @__PURE__ */ s(hi, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(ui, { ...e }) : /* @__PURE__ */ s(mi, { ...e }) }), fi = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2826,43 +2826,43 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
       }
     )
   }
-), mi = (e) => {
+), gi = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.TIP;
-}, Fs = (e) => {
+}, $s = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.PAID;
-}, Be = (e) => {
+}, $e = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.CHATBOT;
-}, xt = (e) => {
+}, wt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.ATTACHMENT;
-}, hi = (e) => {
+}, pi = (e) => {
   var t;
-  return xt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, fi = (e) => {
+  return wt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+}, bi = (e) => {
   var t;
-  return xt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, $s = (e) => mi(e) || Fs(e), gi = (e) => {
+  return wt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+}, Us = (e) => gi(e) || $s(e), vi = (e) => {
   var t;
-  return $s(e) && !((t = e.text) != null && t.trim());
-}, Ke = ({
+  return Us(e) && !((t = e.text) != null && t.trim());
+}, Ze = ({
   message: e,
   standalone: t = !1,
   isMyMessage: n = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = $s(e), i = Be(e);
+  const r = Us(e), i = $e(e);
   if (!r && !i)
     return null;
   if (r) {
     const g = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!g) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", x = Fs(e) ? "message" : "tip", w = t ? `${g} ${x}` : `Delivered with ${g} ${x}`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", x = $s(e) ? "message" : "tip", w = t ? `${g} ${x}` : `Delivered with ${g} ${x}`;
     return /* @__PURE__ */ f("div", { className: c, children: [
-      /* @__PURE__ */ s(sa, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(aa, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: w })
     ] });
   }
@@ -2870,7 +2870,7 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), h = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(ui, { size: l ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), h = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(fi, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ f(J, { children: [
     m,
     h
@@ -2878,7 +2878,7 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
     h,
     m
   ] }) });
-}, pi = ({
+}, xi = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2894,7 +2894,7 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(na, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(ra, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2908,10 +2908,10 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(aa, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(ia, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), wt = () => {
+] }), _t = () => {
   const { message: e } = ge("SentMessageDeliveryStatus"), { messages: t } = fe("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
@@ -2921,10 +2921,10 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
       }
   })();
   return e.id === n;
-}, Ze = () => wt() ? /* @__PURE__ */ f(J, { children: [
-  /* @__PURE__ */ s(oa, { weight: "bold", "aria-hidden": "true" }),
+}, Je = () => _t() ? /* @__PURE__ */ f(J, { children: [
+  /* @__PURE__ */ s(ca, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, bi = () => wt() ? /* @__PURE__ */ f(J, { children: [
+] }) : null, wi = () => _t() ? /* @__PURE__ */ f(J, { children: [
   /* @__PURE__ */ s(
     xe,
     {
@@ -2934,14 +2934,14 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
     }
   ),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, vi = ({
+] }) : null, _i = ({
   broadcastId: e,
   broadcastName: t,
   resolvedBroadcastName: n,
   onBroadcastClick: a
 }) => {
   const r = n || t, i = r || "Broadcast", l = /* @__PURE__ */ f(J, { children: [
-    /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(ia, { weight: "fill" }) }),
+    /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(la, { weight: "fill" }) }),
     /* @__PURE__ */ s(
       "span",
       {
@@ -2964,25 +2964,25 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
       children: l
     }
   ) : l;
-}, xi = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ s(ra, { weight: "bold", "aria-hidden": "true" }),
+}, yi = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ s(oa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), wi = ({
+] }), Ni = ({
   onBroadcastClick: e,
   resolvedBroadcastName: t
 }) => {
   var u, g;
   const { isMyMessage: n, message: a, threadList: r } = ge(
     "SentMessageDeliveryStatus"
-  ), i = n(), l = wt();
+  ), i = n(), l = _t();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
-    return /* @__PURE__ */ s(xi, {});
+    return /* @__PURE__ */ s(yi, {});
   if (!i)
     return null;
   const o = (u = a.metadata) == null ? void 0 : u.broadcast_id, d = (g = a.metadata) == null ? void 0 : g.broadcast_name, m = a.status !== "sending" && a.status !== "failed" && o ? /* @__PURE__ */ s(
-    vi,
+    _i,
     {
       broadcastId: o,
       broadcastName: d,
@@ -2990,12 +2990,12 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
       onBroadcastClick: e
     }
   ) : null, h = /* @__PURE__ */ s(
-    rn,
+    ln,
     {
-      MessageSentStatus: Ze,
-      MessageDeliveredStatus: Ze,
-      MessageReadStatus: Ze,
-      MessageSendingStatus: bi
+      MessageSentStatus: Je,
+      MessageDeliveredStatus: Je,
+      MessageReadStatus: Je,
+      MessageSendingStatus: wi
     }
   );
   return m ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
@@ -3010,19 +3010,19 @@ const li = F.lazy(() => import("./Card-qS17qnN0.js")), ci = F.lazy(() => import(
     ),
     m
   ] }) : h;
-}, _i = /^([a-z][a-z0-9+.-]*):/i, yi = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function _t(e) {
+}, ki = /^([a-z][a-z0-9+.-]*):/i, Ci = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function yt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = _i.exec(t);
+  const n = ki.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return yi.has(a) ? t : void 0;
+    return Ci.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Ni = {
+const Si = {
   dark: {
     primary: "bg-white text-[#121110] hover:bg-white/90",
     secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -3031,46 +3031,53 @@ const Ni = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, ki = ({ variant: e, cta: t }) => {
-  const n = t.variant ?? "primary", a = k(
-    "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Ni[e][n]
-  ), r = _t(t.href);
-  return r ? /* @__PURE__ */ s(
+}, js = ({
+  variant: e,
+  cta: t,
+  fullWidth: n = !0,
+  standalone: a = !1
+}) => {
+  const r = t.variant ?? "primary", i = k(
+    "inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
+    n && "w-full",
+    !a && "mt-2",
+    Si[e][r]
+  ), l = yt(t.href);
+  return l ? /* @__PURE__ */ s(
     "a",
     {
-      href: r,
+      href: l,
       target: "_blank",
       rel: "noopener noreferrer",
-      onClick: (i) => {
-        var l;
-        i.stopPropagation(), (l = t.onClick) == null || l.call(t);
+      onClick: (o) => {
+        var d;
+        o.stopPropagation(), (d = t.onClick) == null || d.call(t);
       },
-      className: `${a} no-underline`,
+      className: `${i} no-underline`,
       children: t.label
     }
   ) : /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: (i) => {
-        var l;
-        i.stopPropagation(), (l = t.onClick) == null || l.call(t);
+      onClick: (o) => {
+        var d;
+        o.stopPropagation(), (d = t.onClick) == null || d.call(t);
       },
-      className: a,
+      className: i,
       children: t.label
     }
   );
-}, Ci = {
+}, Ei = {
   dark: "text-white",
   light: "text-black/90"
-}, Si = "text-white/30", Jt = {
+}, Ii = "text-white/30", Qt = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Ei = {
+}, Ti = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, yt = ({
+}, Nt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: n,
@@ -3089,32 +3096,32 @@ const Ni = {
     return null;
   const N = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    n == null && (N ? Si : Ci[e])
+    n == null && (N ? Ii : Ei[e])
   ), A = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
-    n == null && Jt[e]
-  ), L = k(
+    n == null && Qt[e]
+  ), R = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     l <= 1 && "truncate",
-    n == null && Jt[e]
+    n == null && Qt[e]
   );
   if (u) {
     const $ = k(
       "animate-pulse rounded",
-      Ei[e]
+      Ti[e]
     );
     return /* @__PURE__ */ s("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
       /* @__PURE__ */ s("div", { className: k("h-5 w-3/4", $), "aria-hidden": !0 }),
       /* @__PURE__ */ s("div", { className: k("h-4 w-1/2", $), "aria-hidden": !0 })
     ] }) });
   }
-  const M = n ? { color: n } : void 0, D = l > 1 ? {
-    ...M,
+  const L = n ? { color: n } : void 0, D = l > 1 ? {
+    ...L,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: l,
     overflow: "hidden"
-  } : M;
+  } : L;
   return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ f("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
@@ -3124,24 +3131,24 @@ const Ni = {
             "p",
             {
               className: k("min-w-0", _),
-              style: M,
+              style: L,
               children: c
             }
           )
         ] }),
-        w && /* @__PURE__ */ s("p", { className: L, style: D, children: i }),
-        !b && v && /* @__PURE__ */ s("p", { className: A, style: M, children: p })
+        w && /* @__PURE__ */ s("p", { className: R, style: D, children: i }),
+        !b && v && /* @__PURE__ */ s("p", { className: A, style: L, children: p })
       ] }),
       h && /* @__PURE__ */ s("div", { className: "shrink-0", children: h })
     ] }),
-    m && /* @__PURE__ */ s(ki, { variant: t ?? e, cta: m })
+    m && /* @__PURE__ */ s(js, { variant: t ?? e, cta: m })
   ] });
-}, Ii = "Loading link preview", Ti = k(
+}, Ai = "Loading link preview", Ri = k(
   "relative w-[290px] select-none overflow-hidden",
   // 20px corners — no token exists for it in the component-library preset,
   // whose radius scale is sm .5rem / md 1rem / lg 1.5rem / xl 4rem.
   "rounded-[20px]"
-), Ai = "flex h-[250px] flex-col", Fe = ({
+), Li = "flex h-[250px] flex-col", Ee = ({
   variant: e,
   children: t,
   href: n,
@@ -3157,8 +3164,8 @@ const Ni = {
 }) => {
   const g = n != null || a != null, c = k(
     "messaging-link-card",
-    Ti,
-    m ? Ai : "block",
+    Ri,
+    m ? Li : "block",
     // The plain fallback fill, kept underneath the `--accent` derivation: the
     // `.messaging-link-card[style*='--accent']` rule in `styles.css` outranks
     // this single class, so a published accent paints over it and an unset one
@@ -3180,7 +3187,7 @@ const Ni = {
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), x = h ? { role: "status", "aria-busy": !0, "aria-label": Ii } : void 0, w = d ? { "--accent": d } : void 0, p = l ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
+  ), x = h ? { role: "status", "aria-busy": !0, "aria-label": Ai } : void 0, w = d ? { "--accent": d } : void 0, p = l ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
   return n ? /* @__PURE__ */ f(
     "a",
     {
@@ -3231,17 +3238,17 @@ const Ni = {
       ]
     }
   );
-}, Qt = {
+}, es = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Li = {
+}, Mi = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && de(e) === "audio", Nt = (e, t) => {
+}, De = (e, t) => !!t && !!e && ue(e) === "audio", kt = (e, t) => {
   if (!t || !e) return !1;
-  const n = de(e);
+  const n = ue(e);
   return n === "video" || n === "audio";
-}, kt = "bg-[#F2F3F4]", $e = ({
+}, Ct = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -3252,8 +3259,8 @@ const Ni = {
   isLoading: o = !1,
   onImageError: d
 }) => {
-  const m = de(r), h = !!n && m === "video", u = he(t);
-  return !o && Me(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
+  const m = ue(r), h = !!n && m === "video", u = de(t);
+  return !o && De(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
       src: n,
@@ -3284,7 +3291,7 @@ const Ni = {
             {
               className: k(
                 "h-full w-full animate-pulse",
-                Qt[e]
+                es[e]
               ),
               "aria-hidden": !0
             }
@@ -3328,10 +3335,10 @@ const Ni = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              Qt[e]
+              es[e]
             ),
             children: we(r, {
-              className: Li[e],
+              className: Mi[e],
               weight: "regular"
             })
           }
@@ -3341,16 +3348,16 @@ const Ni = {
       ]
     }
   );
-}, Mi = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Ri(e) {
+}, Di = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Oi(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Di = "#FFFFFF", Us = "#040403", Pi = {
-  dark: Di,
-  light: Us
+const Pi = "#FFFFFF", Vs = "#040403", zi = {
+  dark: Pi,
+  light: Vs
 };
-function Ct({
+function He({
   variant: e,
   accentColor: t,
   status: n = "ready",
@@ -3365,7 +3372,7 @@ function Ct({
   }, [r]);
   const m = F.useCallback(() => {
     d(!0);
-  }, []), h = Me(i, l), c = a === "featured" && !!r && !h && !o && n === "ready" && t != null && Mi.test(t.trim()) ? Ri(t) : void 0, x = h ? Us : Pi[e];
+  }, []), h = De(i, l), c = a === "featured" && !!r && !h && !o && n === "ready" && t != null && Di.test(t.trim()) ? Oi(t) : void 0, x = h ? Vs : zi[e];
   return {
     thumbnailUrl: o ? void 0 : r,
     accentHex: c,
@@ -3375,7 +3382,7 @@ function Ct({
     onImageError: m
   };
 }
-const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", zi = "relative before:absolute before:-inset-[10px] before:content-['']", Bi = ({
+const Bi = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Fi = "relative before:absolute before:-inset-[10px] before:content-['']", $i = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3393,7 +3400,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onEditClick: x,
   dismissLabel: w = "Dismiss attachment"
 }) => {
-  const p = d === "classic", v = Me(i, o), b = Ct({
+  const p = d === "classic", v = De(i, o), b = He({
     variant: "dark",
     accentColor: u,
     status: g,
@@ -3408,10 +3415,10 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: c,
       "aria-label": w,
       className: k(
-        Oi,
-        !v && zi
+        Bi,
+        !v && Fi
       ),
-      children: /* @__PURE__ */ s(ot, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ s(lt, { className: "size-3", weight: "bold" })
     }
   ) : void 0, _ = x ? /* @__PURE__ */ s(
     "button",
@@ -3420,12 +3427,12 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: x,
       "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__ */ s(la, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(da, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return v && !b.isLoading ? /* @__PURE__ */ s(Fe, { variant: "dark", bgClassName: kt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return v && !b.isLoading ? /* @__PURE__ */ s(Ee, { variant: "dark", bgClassName: Ct, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
-      $e,
+      Ie,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3435,7 +3442,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ) }),
     N && /* @__PURE__ */ s("div", { className: "shrink-0", children: N })
   ] }) }) : /* @__PURE__ */ f(
-    Fe,
+    Ee,
     {
       variant: "dark",
       fixedHeight: !p,
@@ -3444,7 +3451,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       topRight: p ? N : void 0,
       children: [
         !p && /* @__PURE__ */ s(
-          $e,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
@@ -3457,7 +3464,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ s(
-          yt,
+          Nt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -3476,7 +3483,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, js = ({
+}, St = ({
   accentHex: e,
   side: t,
   visible: n,
@@ -3501,7 +3508,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ s(J, { children: a }), Fi = ({
+) : /* @__PURE__ */ s(J, { children: a }), Ui = ({
   title: e,
   description: t,
   descriptionLines: n,
@@ -3517,13 +3524,13 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const x = Nt(r, l), w = _t(a), p = m == null && w != null && !x ? w : void 0, v = m == null && !x ? g : void 0, b = u !== "loading" && Me(r, l) ? kt : void 0, N = m && g ? {
+  const x = kt(r, l), w = yt(a), p = m == null && w != null && !x ? w : void 0, v = m == null && !x ? g : void 0, b = u !== "loading" && De(r, l) ? Ct : void 0, N = m && g ? {
     ...m,
     onClick: () => {
       var A;
       g(), (A = m.onClick) == null || A.call(m);
     }
-  } : m, _ = Ct({
+  } : m, _ = He({
     variant: "light",
     accentColor: h,
     status: u,
@@ -3533,13 +3540,13 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ s(
-    js,
+    St,
     {
       accentHex: _.accentHex,
       side: "receiver",
       visible: b == null && (c === "single" || c === "end"),
       children: /* @__PURE__ */ f(
-        Fe,
+        Ee,
         {
           variant: "light",
           href: p,
@@ -3552,7 +3559,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           "data-testid": "link-attachment",
           children: [
             o === "featured" && /* @__PURE__ */ s(
-              $e,
+              Ie,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
@@ -3564,7 +3571,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ s(
-              yt,
+              Nt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -3583,7 +3590,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, $i = ({
+}, ji = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3600,7 +3607,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: x = "single"
 }) => {
-  const w = Nt(i, o), p = _t(r), v = h == null && p != null && !w ? p : void 0, b = h == null && !w && v != null ? c : void 0, N = g !== "loading" && Me(i, o), _ = Ct({
+  const w = kt(i, o), p = yt(r), v = h == null && p != null && !w ? p : void 0, b = h == null && !w && v != null ? c : void 0, N = g !== "loading" && De(i, o), _ = He({
     variant: "dark",
     accentColor: u,
     status: g,
@@ -3610,13 +3617,13 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: o
   });
   return /* @__PURE__ */ s(
-    js,
+    St,
     {
       accentHex: _.accentHex,
       side: "sender",
       visible: !N && (x === "single" || x === "end"),
       children: /* @__PURE__ */ f(
-        Fe,
+        Ee,
         {
           variant: "dark",
           href: v,
@@ -3624,10 +3631,10 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           fixedHeight: d === "featured" && !N,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: N ? kt : void 0,
+          bgClassName: N ? Ct : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ s(
-              $e,
+              Ie,
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
@@ -3639,7 +3646,7 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ s(
-              yt,
+              Nt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -3659,22 +3666,22 @@ const Oi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, it = {
-  Composer: Bi,
-  Sent: $i,
-  Received: Fi
+}, ot = {
+  Composer: $i,
+  Sent: ji,
+  Received: Ui
 };
-function R(e) {
+function M(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function es(e) {
+function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Ui(e, t) {
+function Vi(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = es(e), a = es(t);
+  const n = ts(e), a = ts(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3682,37 +3689,37 @@ function Ui(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function ts(e) {
-  const t = R(e.og_scrape_url) ?? R(e.title_link), n = R(e.image_url) ?? R(e.thumb_url), a = R(e.asset_url), r = R(e.mime_type);
+function ss(e) {
+  const t = M(e.og_scrape_url) ?? M(e.title_link), n = M(e.image_url) ?? M(e.thumb_url), a = M(e.asset_url), r = M(e.mime_type);
   return {
-    title: R(e.title),
-    description: R(e.text),
+    title: M(e.title),
+    description: M(e.text),
     url: t,
-    thumbnailUrl: he(n),
+    thumbnailUrl: de(n),
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || Nt(r, a) ? "featured" : "classic",
+    layout: n || kt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
     // paints an identical chin without re-extracting — visitors in
     // linktr.ee-profiles cannot call the extraction query at all. Absent on
     // messages sent before MES-1349, which render the fallback chin.
-    accentColor: R(e.accent_color),
+    accentColor: M(e.accent_color),
     // A persisted attachment is by definition fully scraped.
     status: "ready"
   };
 }
-function ji(e) {
+function Hi(e) {
   var t;
-  return Vs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return Hs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function Vs(e) {
-  const t = R(e.og_scrape_url);
+function Hs(e) {
+  const t = M(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Hs(e) {
+function Gs(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3730,25 +3737,25 @@ function Hs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Vs(r)) {
+    if (Hs(r)) {
       a(r);
       continue;
     }
-    const i = ji(r);
+    const i = Hi(r);
     i && n(i, r);
   }
   return t;
 }
-function Vi(e) {
+function Gi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function Hi(e, t, n) {
+function Yi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ss(e) {
-  return R(e.image_url) ?? R(e.asset_url) ?? "";
+function ns(e) {
+  return M(e.image_url) ?? M(e.asset_url) ?? "";
 }
-function Gi(e) {
+function Wi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3762,49 +3769,49 @@ function Gi(e) {
       return ke.File;
   }
 }
-function Yi(e, t) {
+function qi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: ss(a),
-            alt: R(a.title)
+            src: ns(a),
+            alt: M(a.title)
           }))
         };
       case "video":
         return {
           items: t.map((a) => ({
-            src: R(a.asset_url) ?? "",
-            poster: R(
+            src: M(a.asset_url) ?? "",
+            poster: M(
               a.thumb_url
             ),
-            mimeType: R(a.mime_type)
+            mimeType: M(a.mime_type)
           }))
         };
       case "audio":
         return {
           items: t.map((a) => ({
-            src: R(a.asset_url) ?? "",
-            mimeType: R(a.mime_type) ?? "audio/mpeg",
-            filename: R(a.title)
+            src: M(a.asset_url) ?? "",
+            mimeType: M(a.mime_type) ?? "audio/mpeg",
+            filename: M(a.title)
           }))
         };
       case "pdf":
         return {
           items: t.map((a) => ({
-            src: R(a.asset_url) ?? "",
-            filename: R(a.title),
+            src: M(a.asset_url) ?? "",
+            filename: M(a.title),
             fileSize: a.file_size
           }))
         };
       case "file":
         return {
           items: t.map((a) => ({
-            src: R(a.asset_url) ?? "",
-            filename: R(a.title),
+            src: M(a.asset_url) ?? "",
+            filename: M(a.title),
             fileSize: a.file_size,
-            mimeType: R(a.mime_type) ?? "application/octet-stream"
+            mimeType: M(a.mime_type) ?? "application/octet-stream"
           }))
         };
     }
@@ -3813,81 +3820,81 @@ function Yi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: ss(n),
-        alt: R(n.title)
+        src: ns(n),
+        alt: M(n.title)
       };
     case "video":
       return {
-        src: R(n.asset_url) ?? "",
-        poster: R(
+        src: M(n.asset_url) ?? "",
+        poster: M(
           n.thumb_url
         ),
-        mimeType: R(n.mime_type)
+        mimeType: M(n.mime_type)
       };
     case "audio":
       return {
-        src: R(n.asset_url) ?? "",
-        mimeType: R(n.mime_type) ?? "audio/mpeg",
-        filename: R(n.title)
+        src: M(n.asset_url) ?? "",
+        mimeType: M(n.mime_type) ?? "audio/mpeg",
+        filename: M(n.title)
       };
     case "pdf":
       return {
-        src: R(n.asset_url) ?? "",
-        filename: R(n.title),
+        src: M(n.asset_url) ?? "",
+        filename: M(n.title),
         fileSize: n.file_size
       };
     case "file":
       return {
-        src: R(n.asset_url) ?? "",
-        filename: R(n.title),
+        src: M(n.asset_url) ?? "",
+        filename: M(n.title),
         fileSize: n.file_size,
-        mimeType: R(n.mime_type) ?? "application/octet-stream"
+        mimeType: M(n.mime_type) ?? "application/octet-stream"
       };
   }
 }
-function Wi({
+function Xi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = Gi(n.kind), r = {
-    ...Yi(n.kind, n.attachments),
+  const a = Wi(n.kind), r = {
+    ...qi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const qi = ({
+const Ki = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var w;
-  const r = Hs(n.attachments);
+  const r = Gs(n.attachments);
   if (r.length === 0) return null;
-  const i = Vi(r), l = (w = n.text) == null ? void 0 : w.trim(), o = r.find((p) => p.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ts(o.attachments[0] ?? {}).url : void 0, m = l && Ui(l, d) ? void 0 : l;
+  const i = Gi(r), l = (w = n.text) == null ? void 0 : w.trim(), o = r.find((p) => p.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ss(o.attachments[0] ?? {}).url : void 0, m = l && Vi(l, d) ? void 0 : l;
   let h = 0;
   const u = [], g = m ? "middle" : e, c = (p, v, b) => {
-    const N = t ? it.Sent : it.Received;
+    const N = t ? ot.Sent : ot.Received;
     u.push(
       /* @__PURE__ */ s(
         N,
         {
-          ...ts(p),
+          ...ss(p),
           groupPosition: b ? g : "middle"
         },
         v
       )
     );
   }, x = (p, v) => {
-    const b = Hi(
+    const b = Yi(
       h,
       i,
       e
     );
     h += 1, u.push(
       /* @__PURE__ */ s(
-        Wi,
+        Xi,
         {
           groupPosition: b,
           isMyMessage: t,
@@ -3924,17 +3931,17 @@ const qi = ({
         },
         children: [
           u,
-          !m && /* @__PURE__ */ s(tt, {})
+          !m && /* @__PURE__ */ s(st, {})
         ]
       }
     ),
     m ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble", children: [
-      /* @__PURE__ */ s(ze, { message: n, renderText: a }),
-      /* @__PURE__ */ s(tt, {})
+      /* @__PURE__ */ s(Fe, { message: n, renderText: a }),
+      /* @__PURE__ */ s(st, {})
     ] }) : null
   ] });
-}, Xi = (e) => {
-  var Mt, Rt, Dt, Pt, Ot, zt, Bt, Ft, $t, Ut;
+}, Zi = (e) => {
+  var Mt, Dt, Ot, Pt, zt, Bt, Ft, $t, Ut, jt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3954,50 +3961,50 @@ const qi = ({
     viewerLanguage: p,
     onBroadcastClick: v,
     resolvedBroadcastName: b
-  } = e, { client: N } = Ee("CustomMessage"), { channel: _ } = fe("CustomMessage"), { isUnlocking: A, onUnlockClick: L, onFetchSource: M, onDownloadClick: D } = oi("LockedAttachment"), [$, P] = U(!1), C = ln(c.id), { selected: O, voteUp: S, voteDown: T } = Ma(c), {
-    Attachment: E = cn,
-    EditMessageModal: B = dn,
+  } = e, { client: N } = Te("CustomMessage"), { channel: _ } = fe("CustomMessage"), { isUnlocking: A, onUnlockClick: R, onFetchSource: L, onDownloadClick: D } = di("LockedAttachment"), [$, O] = U(!1), C = dn(c.id), { selected: P, voteUp: S, voteDown: T } = Oa(c), {
+    Attachment: E = un,
+    EditMessageModal: B = mn,
     MessageActions: z,
-    MessageBlocked: j = un,
-    MessageBouncePrompt: K = mn,
-    MessageDeleted: se = hn,
-    MessageIsThreadReplyInChannelButtonIndicator: G = fn,
-    MessageRepliesCountButton: y = gn,
-    ReminderNotification: I = pn,
-    StreamedMessageText: W = bn,
+    MessageBlocked: j = hn,
+    MessageBouncePrompt: K = fn,
+    MessageDeleted: se = gn,
+    MessageIsThreadReplyInChannelButtonIndicator: G = pn,
+    MessageRepliesCountButton: y = bn,
+    ReminderNotification: I = vn,
+    StreamedMessageText: W = xn,
     PinIndicator: Q
-  } = os("CustomMessage"), X = vn(c), ne = xn(c), Z = ae(
+  } = ls("CustomMessage"), X = wn(c), ne = _n(c), Z = ae(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), V = ae(() => {
-    const me = c.attachments ?? [], ve = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Be(c)) return ve;
-    const jt = ve.filter((Vt) => !("type" in Vt) || !Ns(Vt));
-    return jt.length === ve.length ? ve : jt;
+    const he = c.attachments ?? [], ve = c.shared_location ? [c.shared_location, ...he] : he;
+    if (!$e(c)) return ve;
+    const Vt = ve.filter((Ht) => !("type" in Ht) || !ks(Ht));
+    return Vt.length === ve.length ? ve : Vt;
   }, [c]), ee = ae(
-    () => Hs(V),
+    () => Gs(V),
     [V]
   ), ie = ae(() => {
-    const me = vs({ message: c, viewerLanguage: p });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, p]), Re = ee.length > 0, De = ee.reduce(
-    (me, ve) => me + ve.attachments.length,
+    const he = xs({ message: c, viewerLanguage: p });
+    return he === c.text ? c : { ...c, text: he };
+  }, [c, p]), Oe = ee.length > 0, Pe = ee.reduce(
+    (he, ve) => he + ve.attachments.length,
     0
-  ) === ((V == null ? void 0 : V.length) ?? 0), oe = rr({
+  ) === ((V == null ? void 0 : V.length) ?? 0), oe = lr({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l
   });
-  if (wn(c))
+  if (yn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(se, { message: c });
-  if (_n(c))
+  if (Nn(c))
     return /* @__PURE__ */ s(j, {});
-  const ue = !w && !!c.reply_count, le = !w && c.show_in_channel && c.parent_id, St = c.status === "failed" && ((Mt = c.error) == null ? void 0 : Mt.status) !== 403, Et = yn(c);
+  const me = !w && !!c.reply_count, le = !w && c.show_in_channel && c.parent_id, Et = c.status === "failed" && ((Mt = c.error) == null ? void 0 : Mt.status) !== 403, It = kn(c);
   let pe;
-  St ? pe = () => m(c) : Et && (pe = () => P(!0));
-  const te = g(), Ks = k(
+  Et ? pe = () => m(c) : It && (pe = () => O(!0));
+  const te = g(), Js = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -4008,26 +4015,26 @@ const qi = ({
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": ne,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Rt = c == null ? void 0 : c.error) == null ? void 0 : Rt.status) !== 403,
-      "str-chat__message-with-thread-link": ue || le,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Dt = c == null ? void 0 : c.error) == null ? void 0 : Dt.status) !== 403,
+      "str-chat__message-with-thread-link": me || le,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), He = c.poll_id && N.polls.fromState(c.poll_id), It = gi(c), be = Be(c), Zs = xt(c), Ge = !!(V != null && V.length && !c.quoted_message), Tt = be && te && Ge, Js = Re && De && !c.quoted_message && !He && !Z && !be, At = {
+  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Tt = vi(c), be = $e(c), Qs = wt(c), Ye = !!(V != null && V.length && !c.quoted_message), At = be && te && Ye, en = Oe && Pe && !c.quoted_message && !Ge && !Z && !be, Rt = {
     contentType: "text",
-    amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
+    amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
     paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
-    renderedText: c.text && /* @__PURE__ */ s(ze, { message: ie, renderText: x })
+    renderedText: c.text && /* @__PURE__ */ s(Fe, { message: ie, renderText: x })
   }, Lt = {
     contentType: "media",
-    title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
-    mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
-    thumbnailUrl: (Bt = c.metadata) == null ? void 0 : Bt.attachment_thumbnail,
-    amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
-    detail: ($t = c.metadata) == null ? void 0 : $t.attachment_detail,
-    paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
-    onFetchSource: M ? () => M(c, _) : void 0
+    title: (zt = c.metadata) == null ? void 0 : zt.attachment_title,
+    mimeType: (Bt = c.metadata) == null ? void 0 : Bt.attachment_mime_type,
+    thumbnailUrl: (Ft = c.metadata) == null ? void 0 : Ft.attachment_thumbnail,
+    amountText: ($t = c.metadata) == null ? void 0 : $t.amount_text,
+    detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+    paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
+    onFetchSource: L ? () => L(c, _) : void 0
   };
   return /* @__PURE__ */ f(J, { children: [
     a && /* @__PURE__ */ s(
@@ -4037,17 +4044,17 @@ const qi = ({
       }
     ),
     $ && /* @__PURE__ */ s(
-      Nn,
+      Cn,
       {
         MessageBouncePrompt: K,
-        onClose: () => P(!1),
+        onClose: () => O(!1),
         open: $
       }
     ),
     /* @__PURE__ */ f(
       "div",
       {
-        className: Ks,
+        className: Js,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4069,7 +4076,7 @@ const qi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": St || Et
+                "str-chat__simple-message--error-failed": Et || It
               }),
               "data-testid": "message-inner",
               onClick: pe,
@@ -4082,55 +4089,55 @@ const qi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: It ? /* @__PURE__ */ s(Ke, { message: c, standalone: !0 }) : hi(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+              children: Tt ? /* @__PURE__ */ s(Ze, { message: c, standalone: !0 }) : pi(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                 te && z && /* @__PURE__ */ s(z, {}),
                 te ? /* @__PURE__ */ s(
-                  Oe,
+                  Be,
                   {
-                    ...At,
+                    ...Rt,
                     isMine: !0
                   }
                 ) : /* @__PURE__ */ s(
-                  Oe,
+                  Be,
                   {
-                    ...At,
+                    ...Rt,
                     isMine: !1,
                     isUnlocking: A(c.id),
-                    onUnlockClick: () => L == null ? void 0 : L(c, _)
+                    onUnlockClick: () => R == null ? void 0 : R(c, _)
                   }
                 ),
                 !te && z && /* @__PURE__ */ s(z, {})
-              ] }) }) : fi(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : bi(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                   te && z && /* @__PURE__ */ s(z, {}),
                   te ? /* @__PURE__ */ s(
-                    Oe,
+                    Be,
                     {
                       ...Lt,
                       isMine: !0,
-                      onPreviewClick: () => L ? L(c, _) : void 0
+                      onPreviewClick: () => R ? R(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ s(
-                    Oe,
+                    Be,
                     {
                       ...Lt,
                       isMine: !1,
                       isUnlocking: A(c.id),
-                      onUnlockClick: () => L ? L(c, _) : void 0,
+                      onUnlockClick: () => R ? R(c, _) : void 0,
                       onDownloadClick: () => D ? D(c, _) : void 0
                     }
                   ),
                   !te && z && /* @__PURE__ */ s(z, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  ze,
+                  Fe,
                   {
                     message: ie,
                     renderText: x
                   }
                 ) })
-              ] }) : Js ? /* @__PURE__ */ s(
-                qi,
+              ] }) : en ? /* @__PURE__ */ s(
+                Ki,
                 {
                   groupPosition: oe,
                   isMyMessage: te,
@@ -4145,15 +4152,15 @@ const qi = ({
                   renderText: x
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "str-chat__message-bubble", children: [
-                be && !Tt && /* @__PURE__ */ s(
-                  Ke,
+                be && !At && /* @__PURE__ */ s(
+                  Ze,
                   {
                     message: c,
-                    hasAttachment: Ge,
+                    hasAttachment: Ye,
                     isMyMessage: te
                   }
                 ),
-                He && /* @__PURE__ */ s(kn, { poll: He }),
+                Ge && /* @__PURE__ */ s(Sn, { poll: Ge }),
                 V != null && V.length && !c.quoted_message ? /* @__PURE__ */ s(
                   E,
                   {
@@ -4168,42 +4175,42 @@ const qi = ({
                     renderText: x
                   }
                 ) : /* @__PURE__ */ s(
-                  ze,
+                  Fe,
                   {
                     message: ie,
                     renderText: x
                   }
                 ),
-                /* @__PURE__ */ s(tt, {})
+                /* @__PURE__ */ s(st, {})
               ] }) })
             }
           ),
-          !Zs && !It && /* @__PURE__ */ f("div", { className: "str-chat__message-footer", children: [
-            (!be || Tt) && /* @__PURE__ */ s(
-              Ke,
+          !Qs && !Tt && /* @__PURE__ */ f("div", { className: "str-chat__message-footer", children: [
+            (!be || At) && /* @__PURE__ */ s(
+              Ze,
               {
                 message: c,
-                hasAttachment: Ge,
+                hasAttachment: Ye,
                 isMyMessage: te
               }
             ),
             n && be && /* @__PURE__ */ s(
-              pi,
+              xi,
               {
-                selected: O,
+                selected: P,
                 onVoteUp: S,
                 onVoteDown: T
               }
             )
           ] }),
           /* @__PURE__ */ s(
-            wi,
+            Ni,
             {
               onBroadcastClick: v,
               resolvedBroadcastName: b
             }
           ),
-          ue && /* @__PURE__ */ s(
+          me && /* @__PURE__ */ s(
             y,
             {
               onClick: d,
@@ -4216,65 +4223,65 @@ const qi = ({
       c.id
     )
   ] });
-}, Ki = F.memo(
-  Xi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick || e.resolvedBroadcastName !== t.resolvedBroadcastName ? !1 : on(e, t)
-), Zi = (e) => {
+}, Ji = F.memo(
+  Zi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick || e.resolvedBroadcastName !== t.resolvedBroadcastName ? !1 : cn(e, t)
+), Qi = (e) => {
   var i;
-  const t = ge("CustomMessage"), n = _e(zs), a = (i = t.message.metadata) == null ? void 0 : i.broadcast_id, r = typeof a == "string" ? n == null ? void 0 : n[a] : void 0;
+  const t = ge("CustomMessage"), n = _e(Bs), a = (i = t.message.metadata) == null ? void 0 : i.broadcast_id, r = typeof a == "string" ? n == null ? void 0 : n[a] : void 0;
   return /* @__PURE__ */ s(
-    Ki,
+    Ji,
     {
       ...t,
       ...e,
       resolvedBroadcastName: r
     }
   );
-}, Ji = () => {
+}, eo = () => {
   var n;
   const { handleDelete: e, message: t } = ge("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    ms,
+    hs,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ca, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ua, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Qi = () => {
+}, to = () => {
   const { handleFlag: e } = ge("CustomMessageActions");
   return /* @__PURE__ */ s(
-    ms,
+    hs,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(cs, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, eo = () => {
+}, so = () => {
   var t;
   const { message: e } = ge("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== ce.ATTACHMENT ? null : /* @__PURE__ */ s(
-    ba,
+    wa,
     {
       messageActionSet: [
-        { Component: Ji, placement: "quick", type: "delete" },
-        { Component: Qi, placement: "quick", type: "flag" }
+        { Component: eo, placement: "quick", type: "delete" },
+        { Component: to, placement: "quick", type: "flag" }
       ]
     }
   );
-}, to = (e) => ({
+}, no = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => et.previewIsLoaded(t) || et.previewIsLoading(t)
+    (t) => tt.previewIsLoaded(t) || tt.previewIsLoading(t)
   )
-}), so = () => {
-  const { linkPreviewsManager: e } = Cn(), { linkPreviews: t } = Sn(
+}), ao = () => {
+  const { linkPreviewsManager: e } = En(), { linkPreviews: t } = In(
     e.state,
-    to
+    no
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -4323,9 +4330,9 @@ const qi = ({
     // edge lands ~6px past the fold, reachable by scrolling. That residue
     // belongs to whoever owns the mobile layout contract, not to this component.
     /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2", children: t.map((r) => {
-      const i = et.previewIsLoading(r);
+      const i = tt.previewIsLoading(r);
       return /* @__PURE__ */ s(
-        it.Composer,
+        ot.Composer,
         {
           title: r.title,
           url: r.og_scrape_url,
@@ -4338,7 +4345,7 @@ const qi = ({
       );
     }) })
   ) : null;
-}, Ue = F.createContext(!1), no = 200, Yo = () => _e(Ue), ao = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ue = F.createContext(!1), ro = 200, rl = () => _e(Ue), io = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -4347,13 +4354,13 @@ const qi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ s(da, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(ma, { weight: "bold", className: "size-4" })
   }
-), ns = () => {
-  const e = _e(Ue), { handleSubmit: t } = En(), n = In(), a = e || !n, {
-    SendButton: r = ao,
-    AttachmentPreviewList: i = Tn
-  } = os("CustomMessageInput"), l = F.useRef(null);
+), as = () => {
+  const e = _e(Ue), { handleSubmit: t } = Tn(), n = An(), a = e || !n, {
+    SendButton: r = io,
+    AttachmentPreviewList: i = Rn
+  } = ls("CustomMessageInput"), l = F.useRef(null);
   return F.useEffect(() => {
     const o = l.current;
     if (!o || typeof ResizeObserver > "u")
@@ -4416,13 +4423,13 @@ const qi = ({
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
-          /* @__PURE__ */ s(An, {}),
-          /* @__PURE__ */ s(so, {}),
+          /* @__PURE__ */ s(Ln, {}),
+          /* @__PURE__ */ s(ao, {}),
           /* @__PURE__ */ s(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ s(
-            Ln,
+            Mn,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4449,7 +4456,7 @@ const qi = ({
       ]
     }
   );
-}, as = ({
+}, rs = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: n,
@@ -4471,7 +4478,7 @@ const qi = ({
       c = p;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < no : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < ro : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${p}px`
@@ -4533,7 +4540,7 @@ const qi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ s(Ue.Provider, { value: o, children: /* @__PURE__ */ s(Ht, { Input: i ?? ns }) })
+                  /* @__PURE__ */ s(Ue.Provider, { value: o, children: /* @__PURE__ */ s(Gt, { Input: i ?? as }) })
                 ]
               }
             ),
@@ -4552,67 +4559,67 @@ const qi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Ue.Provider, { value: o, children: /* @__PURE__ */ s(Ht, { Input: ns }) })
+          /* @__PURE__ */ s(Ue.Provider, { value: o, children: /* @__PURE__ */ s(Gt, { Input: as }) })
         ]
       }
     ),
     n == null ? void 0 : n()
   ] });
-}, ro = {
+}, oo = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, io = ["SYSTEM_AGE_SAFETY_BLOCKED"], oo = {
+}, lo = ["SYSTEM_AGE_SAFETY_BLOCKED"], co = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Je = "age safety guidelines.", lo = "https://linktr.ee/s/about/contact", co = (e) => io.includes(
+}, Qe = "age safety guidelines.", uo = "https://linktr.ee/s/about/contact", mo = (e) => lo.includes(
   e
-), uo = (e) => {
+), ho = (e) => {
   var t;
-  return co((t = e.metadata) == null ? void 0 : t.custom_type);
-}, mo = (e) => {
+  return mo((t = e.metadata) == null ? void 0 : t.custom_type);
+}, fo = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Wt(t))
+  if (qt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (ga(t))
+  if (ba(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (Wt(n))
+  if (qt(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, ho = (e) => {
-  const t = e.indexOf(Je);
+}, go = (e) => {
+  const t = e.indexOf(Qe);
   if (t === -1)
     return e;
-  const n = t + Je.length;
+  const n = t + Qe.length;
   return /* @__PURE__ */ f(J, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: lo,
+        href: uo,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Je
+        children: Qe
       }
     ),
     e.slice(n)
   ] });
-}, fo = (e) => {
+}, po = (e) => {
   var a, r;
-  const t = !uo(e.message), n = mo(
+  const t = !ho(e.message), n = fo(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || ro[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || oo[n.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4622,7 +4629,7 @@ const qi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ua,
+              ha,
               {
                 size: 16,
                 weight: "regular",
@@ -4634,11 +4641,11 @@ const qi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ s(Ye, { message: e.message })
+      !t && /* @__PURE__ */ s(We, { message: e.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || oo[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || co[n.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4648,7 +4655,7 @@ const qi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ma,
+              fa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4657,11 +4664,11 @@ const qi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: ho(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: go(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ s(Ye, { message: e.message })
+      !t && /* @__PURE__ */ s(We, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4670,9 +4677,9 @@ const qi = ({
       /* @__PURE__ */ s("p", { children: e.message.text }),
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ s(Ye, { message: e.message })
+    !t && /* @__PURE__ */ s(We, { message: e.message })
   ] });
-}, Gs = Ve(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Ys = Ve(!1), et = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4682,17 +4689,17 @@ const qi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), go = /* @__PURE__ */ new Set([
-  We.Thinking,
-  We.Generating,
-  We.ExternalSources
-]), po = ({ threadList: e }) => {
+) }), bo = /* @__PURE__ */ new Set([
+  qe.Thinking,
+  qe.Generating,
+  qe.ExternalSources
+]), vo = ({ threadList: e }) => {
   var x, w;
-  const { channel: t, channelConfig: n, thread: a } = fe(), { client: r } = Ee(), { typing: i = {} } = Mn(), { aiState: l } = Rn(t), o = _e(Gs);
-  if (!e && o && go.has(l)) {
-    const p = bo(t, (x = r.user) == null ? void 0 : x.id);
+  const { channel: t, channelConfig: n, thread: a } = fe(), { client: r } = Te(), { typing: i = {} } = Dn(), { aiState: l } = On(t), o = _e(Ys);
+  if (!e && o && bo.has(l)) {
+    const p = xo(t, (x = r.user) == null ? void 0 : x.id);
     return /* @__PURE__ */ s(
-      rs,
+      is,
       {
         avatarId: (p == null ? void 0 : p.id) ?? "ai-agent",
         avatarName: (p == null ? void 0 : p.name) ?? (p == null ? void 0 : p.id) ?? "Agent",
@@ -4718,7 +4725,7 @@ const qi = ({
     return null;
   const g = (w = u[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
-    rs,
+    is,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4726,7 +4733,7 @@ const qi = ({
       testId: "typing-indicator"
     }
   );
-}, rs = ({
+}, is = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4761,16 +4768,16 @@ const qi = ({
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ s(Qe, { cx: "4", index: 0 }),
-            /* @__PURE__ */ s(Qe, { cx: "16", index: 1 }),
-            /* @__PURE__ */ s(Qe, { cx: "28", index: 2 })
+            /* @__PURE__ */ s(et, { cx: "4", index: 0 }),
+            /* @__PURE__ */ s(et, { cx: "16", index: 1 }),
+            /* @__PURE__ */ s(et, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
     ] })
   }
 );
-function bo(e, t) {
+function xo(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4779,7 +4786,7 @@ function bo(e, t) {
       return i;
   }
 }
-const vo = () => null, xo = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const wo = () => null, _o = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -4823,11 +4830,11 @@ const vo = () => null, xo = ({ className: e, message: t }) => /* @__PURE__ */ f(
     ]
   }
 ), je = F.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(xo, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(_o, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 je.displayName = "LoadingState";
-const wo = ({
+const yo = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4850,31 +4857,31 @@ const wo = ({
   renderChannelActions: N,
   renderMessage: _,
   viewerLanguage: A,
-  showChannelInfo: L = !0,
-  onParticipantNameClick: M,
+  showChannelInfo: R = !0,
+  onParticipantNameClick: L,
   onBroadcastClick: D,
   resolveBroadcastName: $,
-  composerInput: P
+  composerInput: O
 }) => {
-  const { channel: C, messages: O } = fe(), S = H(D);
+  const { channel: C, messages: P } = fe(), S = H(D);
   Y(() => {
     S.current = D;
   }, [D]);
   const T = q((G) => {
     var y;
     (y = S.current) == null || y.call(S, G);
-  }, []), E = D ? T : void 0, B = ai(
-    O,
+  }, []), E = D ? T : void 0, B = oi(
+    P,
     $
   ), z = C.state.messages.some(
     (G) => G.type !== "deleted"
   ), j = v ? /* @__PURE__ */ s(F.Fragment, { children: v() }, "lt-channel-banner") : null, K = /* @__PURE__ */ s(
-    Ta,
+    La,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
       showBackButton: t,
-      showChannelInfo: L,
+      showChannelInfo: R,
       showStarButton: w,
       onLeaveConversation: i,
       onBlockParticipant: l,
@@ -4886,12 +4893,12 @@ const wo = ({
       onReportParticipantClick: h,
       customChannelActions: b,
       renderChannelActions: N,
-      onParticipantNameClick: M
+      onParticipantNameClick: L
     }
   ), se = q(
     (G) => {
       const { message: y } = ge("ChannelView"), I = /* @__PURE__ */ s(
-        Zi,
+        Qi,
         {
           ...G,
           chatbotVotingEnabled: p,
@@ -4903,16 +4910,16 @@ const wo = ({
     },
     [p, E, _, A]
   );
-  return /* @__PURE__ */ s(zs.Provider, { value: B, children: /* @__PURE__ */ s(
-    Pn,
+  return /* @__PURE__ */ s(Bs.Provider, { value: B, children: /* @__PURE__ */ s(
+    zn,
     {
       overrides: {
         Message: se,
-        MessageActions: eo,
+        MessageActions: so,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(On, { children: P ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s(Bn, { children: O ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
@@ -4923,7 +4930,7 @@ const wo = ({
                 j
               ] }) }),
               /* @__PURE__ */ s(
-                Gt,
+                Yt,
                 {
                   head: z ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     K,
@@ -4938,7 +4945,7 @@ const wo = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ s(
-          as,
+          rs,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(C)
@@ -4949,7 +4956,7 @@ const wo = ({
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
             disabledReason: x,
-            composerInput: P
+            composerInput: O
           },
           "lt-channel-message-input"
         )
@@ -4964,7 +4971,7 @@ const wo = ({
                 j
               ] }) }),
               /* @__PURE__ */ s(
-                Gt,
+                Yt,
                 {
                   head: z ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     K,
@@ -4980,7 +4987,7 @@ const wo = ({
         ),
         r ? /* @__PURE__ */ s(F.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          as,
+          rs,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(C)
@@ -4988,14 +4995,14 @@ const wo = ({
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
             disabledReason: x,
-            composerInput: P
+            composerInput: O
           },
           "lt-channel-message-input"
         )
       ] }) })
     }
   ) });
-}, Ys = F.memo(
+}, Ws = F.memo(
   ({
     channel: e,
     onBack: t,
@@ -5006,7 +5013,7 @@ const wo = ({
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: m = vo,
+    CustomChannelEmptyState: m = wo,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: g,
@@ -5019,13 +5026,13 @@ const wo = ({
     messageMetadata: N,
     onMessageSent: _,
     showStarButton: A = !1,
-    chatbotVotingEnabled: L = !1,
-    renderChannelBanner: M,
+    chatbotVotingEnabled: R = !1,
+    renderChannelBanner: L,
     customChannelActions: D,
     renderChannelActions: $,
-    renderMessage: P,
+    renderMessage: O,
     onMessageLinkClick: C,
-    sendButton: O,
+    sendButton: P,
     attachmentPreviewList: S,
     viewerLanguage: T,
     showChannelInfo: E = !0,
@@ -5073,20 +5080,20 @@ const wo = ({
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Gs.Provider, { value: b ?? !1, children: /* @__PURE__ */ s(
-          Dn,
+        children: /* @__PURE__ */ s(Ys.Provider, { value: b ?? !1, children: /* @__PURE__ */ s(
+          Pn,
           {
             channel: e,
-            MessageSystem: fo,
+            MessageSystem: po,
             EmptyStateIndicator: m,
             LoadingIndicator: je,
-            DateSeparator: Aa,
-            TypingIndicator: po,
+            DateSeparator: Ma,
+            TypingIndicator: vo,
             doSendMessageRequest: se,
-            ...O ? { SendButton: O } : {},
+            ...P ? { SendButton: P } : {},
             ...S ? { AttachmentPreviewList: S } : {},
             children: /* @__PURE__ */ s(
-              wo,
+              yo,
               {
                 onBack: t,
                 showBackButton: n,
@@ -5105,11 +5112,11 @@ const wo = ({
                 composerDisabled: p,
                 composerDisabledReason: v,
                 showStarButton: A,
-                chatbotVotingEnabled: L,
-                renderChannelBanner: M,
+                chatbotVotingEnabled: R,
+                renderChannelBanner: L,
                 customChannelActions: D,
                 renderChannelActions: $,
-                renderMessage: P,
+                renderMessage: O,
                 viewerLanguage: T,
                 showChannelInfo: E,
                 onParticipantNameClick: B,
@@ -5124,7 +5131,7 @@ const wo = ({
     );
   }
 );
-Ys.displayName = "ChannelView";
+Ws.displayName = "ChannelView";
 const Ce = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
@@ -5140,7 +5147,7 @@ const Ce = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const Wo = ({
+const il = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -5163,18 +5170,18 @@ const Wo = ({
   resolveBroadcastName: N,
   renderMessage: _,
   onMessageLinkClick: A,
-  showChannelInfo: L,
-  composerInput: M
+  showChannelInfo: R,
+  composerInput: L
 }) => {
   const {
     client: D,
     isConnected: $,
-    isLoading: P,
+    isLoading: O,
     error: C,
-    refreshConnection: O,
+    refreshConnection: P,
     service: S,
     debug: T
-  } = va(), [E, B] = U(null), [z, j] = U(null), [K, se] = U(!1), { showDeleteConversation: G = !0 } = e, y = H(l);
+  } = _a(), [E, B] = U(null), [z, j] = U(null), [K, se] = U(!1), { showDeleteConversation: G = !0 } = e, y = H(l);
   y.current = l;
   const I = H(a);
   I.current = a;
@@ -5192,7 +5199,7 @@ const Wo = ({
       W.current === V && (W.current = null);
     };
     (async () => {
-      var Re, De;
+      var Oe, Pe;
       try {
         T && console.log(
           "[MessagingShell] Loading initial conversation with:",
@@ -5207,14 +5214,14 @@ const Wo = ({
           { limit: 1 }
         );
         if (oe.length > 0) {
-          B(oe[0]), j(null), (Re = I.current) == null || Re.call(I, oe[0]), T && console.log(
+          B(oe[0]), j(null), (Oe = I.current) == null || Oe.call(I, oe[0]), T && console.log(
             "[MessagingShell] Initial conversation loaded:",
             oe[0].id
           );
           return;
         }
-        const ue = y.current;
-        if (!ue || !S) {
+        const me = y.current;
+        if (!me || !S) {
           ee(), j("No conversation found with this account"), T && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -5223,11 +5230,11 @@ const Wo = ({
         }
         try {
           const le = await S.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+            id: me.id,
+            name: me.name,
+            phone: me.phone
           });
-          B(le), j(null), (De = I.current) == null || De.call(I, le), T && console.log(
+          B(le), j(null), (Pe = I.current) == null || Pe.call(I, le), T && console.log(
             "[MessagingShell] Channel created and loaded:",
             le.id
           );
@@ -5251,14 +5258,14 @@ const Wo = ({
     var Z;
     B(null), se(!0), (Z = X.current) == null || Z.call(X);
   }, []);
-  return P ? /* @__PURE__ */ s(je, {}) : C ? /* @__PURE__ */ s(Ce, { message: C, onBack: O }) : !$ || !D ? /* @__PURE__ */ s(
+  return O ? /* @__PURE__ */ s(je, {}) : C ? /* @__PURE__ */ s(Ce, { message: C, onBack: P }) : !$ || !D ? /* @__PURE__ */ s(
     Ce,
     {
       message: "Not connected to messaging service",
-      onBack: O
+      onBack: P
     }
   ) : z ? /* @__PURE__ */ s(Ce, { message: z }) : K && !E ? /* @__PURE__ */ s(Ce, { message: "Conversation ended" }) : E ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Ys,
+    Ws,
     {
       channel: E,
       renderMessageInputActions: t,
@@ -5281,19 +5288,19 @@ const Wo = ({
       resolveBroadcastName: N,
       renderMessage: _,
       onMessageLinkClick: A,
-      showChannelInfo: L,
-      composerInput: M
+      showChannelInfo: R,
+      composerInput: L
     },
     E.id
   ) }) }) : /* @__PURE__ */ s(je, {});
 };
-function _o(e) {
+function No(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Ws = F.createContext({
+const qs = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5301,14 +5308,14 @@ const Ws = F.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), yo = Ws.Provider, No = () => F.useContext(Ws), ko = (e, t) => {
+}), ko = qs.Provider, Co = () => F.useContext(qs), So = (e, t) => {
   const n = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return Math.floor((a - n) / (1e3 * 60 * 60 * 24));
-}, Co = (e) => {
+}, Eo = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = ko(e, t);
+  const a = So(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5321,9 +5328,9 @@ const Ws = F.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, qs = F.memo(
+}, Xs = F.memo(
   (e) => {
-    var D, $, P;
+    var D, $, O;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5331,7 +5338,7 @@ const Ws = F.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = No(), { client: m } = Ee(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = fs(t);
+    } = Co(), { client: m } = Te(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = gs(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -5346,30 +5353,30 @@ const Ws = F.createContext({
     const g = () => {
       t && r(t);
     }, c = (C) => {
-      const O = C.key === "Enter" || C.key === " ", S = C.repeat;
-      !O || S || (C.preventDefault(), g());
-    }, x = gs(
+      const P = C.key === "Enter" || C.key === " ", S = C.repeat;
+      !P || S || (C.preventDefault(), g());
+    }, x = ps(
       (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), w = ps(x == null ? void 0 : x.user), p = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, v = (() => {
-      var O;
-      const C = (O = t == null ? void 0 : t.state) == null ? void 0 : O.messages;
+    ), w = bs(x == null ? void 0 : x.user), p = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, v = (() => {
+      var P;
+      const C = (P = t == null ? void 0 : t.state) == null ? void 0 : P.messages;
       if (C != null && C.length) {
         for (let S = C.length - 1; S >= 0; S--)
           if (C[S].type !== "system") return C[S];
       }
     })(), N = (() => {
       var E;
-      const C = vs({
+      const C = xs({
         message: v,
         viewerLanguage: d
-      }), { custom_type: O, attachment_content_type: S } = (v == null ? void 0 : v.metadata) || {};
-      if (O === ce.TIP)
+      }), { custom_type: P, attachment_content_type: S } = (v == null ? void 0 : v.metadata) || {};
+      if (P === ce.TIP)
         return C || "Sent a tip";
-      if (O === ce.PAID)
+      if (P === ce.PAID)
         return C || "Sent a message";
-      if (O === ce.ATTACHMENT) {
+      if (P === ce.ATTACHMENT) {
         if (S === "text")
           return "🔒 Sent a locked message";
         if (S === "media")
@@ -5378,12 +5385,12 @@ const Ws = F.createContext({
       if (C) return C;
       const T = (E = v == null ? void 0 : v.attachments) == null ? void 0 : E[0];
       return T ? T.og_scrape_url ? T.og_scrape_url : T.type === "image" ? "📷 Sent an image" : T.type === "video" ? "🎥 Sent a video" : T.type === "audio" ? "🎵 Sent audio" : T.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = v != null && v.created_at ? Co(new Date(v.created_at)) : "", A = v ? Be(v) : !1, L = o ? o(v, N) : `${A ? "✨ " : ""}${N}`, M = n ?? 0;
+    })(), _ = v != null && v.created_at ? Eo(new Date(v.created_at)) : "", A = v ? $e(v) : !1, R = o ? o(v, N) : `${A ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
       participantName: w,
-      unreadCount: M,
+      unreadCount: L,
       hasTimestamp: !!_
     }), /* @__PURE__ */ s(
       "div",
@@ -5404,7 +5411,7 @@ const Ws = F.createContext({
           /* @__PURE__ */ s(
             ye,
             {
-              id: ((P = x == null ? void 0 : x.user) == null ? void 0 : P.id) || t.id || "unknown",
+              id: ((O = x == null ? void 0 : x.user) == null ? void 0 : O.id) || t.id || "unknown",
               name: w,
               image: p,
               size: 48,
@@ -5428,8 +5435,8 @@ const Ws = F.createContext({
               _ && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: L }),
-              M > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: M > 99 ? "99+" : M })
+              /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: R }),
+              L > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -5437,18 +5444,18 @@ const Ws = F.createContext({
     );
   }
 );
-qs.displayName = "CustomChannelPreview";
-const So = { last_message_at: -1 }, Eo = F.memo(
+Xs.displayName = "CustomChannelPreview";
+const Io = { last_message_at: -1 }, To = F.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = So,
+    sort: i = Io,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = Bn,
+    channelListPaginator: d = $n,
     channelPreview: m,
     renderMessagePreview: h,
     viewerLanguage: u,
@@ -5461,11 +5468,11 @@ const So = { last_message_at: -1 }, Eo = F.memo(
   }) => {
     const b = F.useRef(0);
     b.current++;
-    const { debug: N = !1 } = lt(), _ = F.useCallback(
-      (L) => {
-        for (const M of L)
-          _o(M);
-        return r ? r(L) : L;
+    const { debug: N = !1 } = ct(), _ = F.useCallback(
+      (R) => {
+        for (const L of R)
+          No(L);
+        return r ? r(R) : R;
       },
       [r]
     );
@@ -5499,8 +5506,8 @@ const So = { last_message_at: -1 }, Eo = F.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(yo, { value: A, children: /* @__PURE__ */ s(
-          zn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(ko, { value: A, children: /* @__PURE__ */ s(
+          Fn,
           {
             filters: n,
             sort: i,
@@ -5514,7 +5521,7 @@ const So = { last_message_at: -1 }, Eo = F.memo(
             onAddedToChannel: p,
             onChannelUpdated: v,
             Paginator: d,
-            Preview: qs,
+            Preview: Xs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5523,11 +5530,190 @@ const So = { last_message_at: -1 }, Eo = F.memo(
     );
   }
 );
-Eo.displayName = "ChannelList";
-const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Io = {
+To.displayName = "ChannelList";
+const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", Ro = "text-[12px] leading-4 tracking-[0.24px]", Lo = ({ surface: e, actions: t }) => {
+  if (t == null || t.length === 0) return null;
+  const n = (t[0].variant ?? "primary") === "secondary";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: k(
+        "mt-3 flex gap-2",
+        n ? "flex-row flex-wrap" : "flex-col"
+      ),
+      children: t.map((a, r) => /* @__PURE__ */ s(
+        js,
+        {
+          variant: e,
+          cta: a,
+          fullWidth: !n,
+          standalone: !0
+        },
+        `${a.label}-${r}`
+      ))
+    }
+  );
+}, Mo = ({
+  ctaSurface: e,
+  chinTextColor: t,
+  title: n,
+  subtitle: a,
+  subtitleLines: r = 3,
+  appIcon: i,
+  actions: l
+}) => {
+  const o = n != null && n.trim() !== "", d = a != null && a.trim() !== "", m = l != null && l.length > 0;
+  if (!o && !d && !m) return null;
+  const h = { color: t }, u = r > 1 ? {
+    ...h,
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: r,
+    overflow: "hidden"
+  } : h;
+  return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
+    /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
+      o && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
+        i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
+        /* @__PURE__ */ s("p", { className: k("min-w-0", Ao), style: h, children: n })
+      ] }),
+      d && /* @__PURE__ */ s(
+        "p",
+        {
+          className: k(
+            Ro,
+            r <= 1 && "truncate"
+          ),
+          style: u,
+          children: a
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s(Lo, { surface: e, actions: l })
+  ] });
+}, Do = {
+  dark: "bg-white/[0.06]",
+  light: "bg-black/[0.04]"
+}, Oo = {
+  2: [-6, 6],
+  3: [-9, 0, 9]
+}, Po = {
+  2: [-28, 28],
+  3: [-52, 0, 52]
+}, zo = ({ variant: e, images: t, title: n }) => {
+  const a = t.slice(0, 3), r = a.length >= 3 ? 3 : 2, i = Oo[r], l = Po[r];
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: k(
+        "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
+        Do[e]
+      ),
+      children: a.map((o, d) => /* @__PURE__ */ s(
+        "img",
+        {
+          src: de(o) ?? o,
+          alt: d === 0 ? n ?? "" : "",
+          "aria-hidden": d !== 0,
+          draggable: !1,
+          loading: "lazy",
+          decoding: "async",
+          className: "absolute h-[68%] w-[52%] rounded-xl object-cover shadow-lg ring-1 ring-black/10",
+          style: {
+            transform: `translateX(${l[d]}px) rotate(${i[d]}deg)`,
+            zIndex: d
+          }
+        },
+        `${o}-${d}`
+      ))
+    }
+  );
+}, Bo = ({
+  variant: e,
+  presentation: t,
+  images: n,
+  title: a,
+  heroUrl: r,
+  onHeroError: i
+}) => t === "fan" ? /* @__PURE__ */ s(zo, { variant: e, images: n, title: a }) : /* @__PURE__ */ s(
+  Ie,
+  {
+    variant: e,
+    thumbnailUrl: r ?? n[0],
+    title: a,
+    mimeType: "image/*",
+    onImageError: i
+  }
+), Ks = ({
+  variant: e,
+  title: t,
+  subtitle: n,
+  subtitleLines: a,
+  images: r = [],
+  imagePresentation: i,
+  actions: l,
+  appIcon: o,
+  accentColor: d,
+  groupPosition: m = "single"
+}) => {
+  const h = va({
+    imagePresentation: i,
+    images: r
+  }), u = r.length > 0, g = u && h === "hero", c = He({
+    variant: e,
+    accentColor: d,
+    layout: "featured",
+    thumbnailUrl: g ? r[0] : void 0
+  }), x = m === "single" || m === "end";
+  return /* @__PURE__ */ s(
+    St,
+    {
+      accentHex: c.accentHex,
+      side: e === "dark" ? "sender" : "receiver",
+      visible: x,
+      children: /* @__PURE__ */ f(
+        Ee,
+        {
+          variant: e,
+          accentHex: c.accentHex,
+          fixedHeight: u,
+          "data-testid": "rich-card",
+          children: [
+            u && /* @__PURE__ */ s(
+              Bo,
+              {
+                variant: e,
+                presentation: h,
+                images: r,
+                title: t,
+                heroUrl: g ? c.thumbnailUrl : void 0,
+                onHeroError: c.onImageError
+              }
+            ),
+            /* @__PURE__ */ s(
+              Mo,
+              {
+                ctaSurface: c.surface,
+                chinTextColor: c.chinTextColor,
+                title: t,
+                subtitle: n,
+                subtitleLines: a,
+                appIcon: o,
+                actions: l
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, Fo = (e) => /* @__PURE__ */ s(Ks, { ...e, variant: "dark" }), $o = (e) => /* @__PURE__ */ s(Ks, { ...e, variant: "light" }), ol = {
+  Sent: Fo,
+  Received: $o
+}, os = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, Uo = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, To = ({ variant: e }) => /* @__PURE__ */ s(
+}, jo = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5537,12 +5723,12 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Io[e],
-      WebkitMask: is,
-      mask: is
+      backgroundColor: Uo[e],
+      WebkitMask: os,
+      mask: os
     }
   }
-), Ao = {
+), Vo = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5551,7 +5737,7 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Xs = ({
+}, Zs = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5567,23 +5753,23 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...Ao[e],
+      ...Vo[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(To, { variant: e })
+      n && /* @__PURE__ */ s(jo, { variant: e })
     ]
   }
-), Lo = ({
+), Ho = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Xs,
+  Zs,
   {
     variant: "received",
     text: e,
@@ -5591,10 +5777,10 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), Mo = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Xs, { variant: "sent", text: e, tail: t, className: n }), qo = {
-  Sent: Mo,
-  Received: Lo
-}, Ro = ({
+), Go = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Zs, { variant: "sent", text: e, tail: t, className: n }), ll = {
+  Sent: Go,
+  Received: Ho
+}, Yo = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5616,7 +5802,7 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), Xo = ({
+), cl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5625,7 +5811,7 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   avatarImage: i,
   avatarName: l
 }) => {
-  const o = pa(e);
+  const o = xa(e);
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
       ye,
@@ -5645,7 +5831,7 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            Ro,
+            Yo,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5659,42 +5845,43 @@ const is = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   ] }) });
 };
 export {
-  ws as A,
-  mt as B,
-  vo as C,
-  ps as D,
-  Yo as E,
-  Xo as F,
-  oi as G,
-  Ma as H,
-  va as I,
-  it as L,
-  Ho as M,
+  _s as A,
+  ht as B,
+  wo as C,
+  bs as D,
+  rl as E,
+  cl as F,
+  di as G,
+  Oa as H,
+  _a as I,
+  ot as L,
+  nl as M,
+  ol as R,
   Ne as a,
   ye as b,
-  Eo as c,
-  Ys as d,
-  Go as e,
-  Ro as f,
-  de as g,
-  Oe as h,
+  To as c,
+  Ws as d,
+  al as e,
+  Yo as f,
+  ue as g,
+  Be as h,
   ke as i,
-  qo as j,
-  pi as k,
-  Vo as l,
-  Wo as m,
-  gr as n,
-  he as o,
-  mr as p,
-  Co as q,
+  ll as j,
+  xi as k,
+  sl as l,
+  il as m,
+  vr as n,
+  de as o,
+  gr as p,
+  Eo as q,
   we as r,
-  fr as s,
-  vs as t,
-  Ns as u,
-  wa as v,
-  rr as w,
-  Ra as x,
-  gs as y,
-  ut as z
+  br as s,
+  xs as t,
+  ks as u,
+  Na as v,
+  lr as w,
+  Pa as x,
+  ps as y,
+  mt as z
 };
-//# sourceMappingURL=index-Czf2XyYL.js.map
+//# sourceMappingURL=index-BaeffiED.js.map