@linktr.ee/messaging-react 3.36.0 → 3.37.0-rc-1786161722

package/dist/{index-CrdAtOBl.js → index-DGmVyxHy.js}

@@ -1,13 +1,13 @@
-import { jsx as s, jsxs as g, Fragment as J } from "react/jsx-runtime";
-import z, { 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 Be, 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 Fn, MessageList as Yt, ChannelList as Bn, InfiniteScroll as $n } from "stream-chat-react";
+import { jsx as s, jsxs as f, Fragment as J } from "react/jsx-runtime";
+import z, { createContext as Ve, useContext as _e, useCallback as q, useState as U, useRef as H, useEffect as Y, useId as sn, useMemo as ae, Suspense as nn } from "react";
+import { StreamChatService as an } from "@linktr.ee/messaging-core";
+import { StreamChat as rn, LinkPreviewsManager as tt } from "stream-chat";
+import { Chat as on, useChannelStateContext as fe, useChatContext as Te, DateSeparator as ln, useMessageContext as ge, MessageStatus as cn, MessageErrorIcon as st, MessageText as Be, areMessageUIPropsEqual as dn, useMessageReminder as un, useComponentContext as cs, Attachment as mn, EditMessageModal as hn, MessageBlocked as fn, MessageBouncePrompt as gn, MessageDeleted as pn, MessageIsThreadReplyInChannelButtonIndicator as bn, MessageRepliesCountButton as vn, ReminderNotification as xn, StreamedMessageText as wn, messageHasAttachments as _n, messageHasReactions as yn, isDateSeparatorMessage as Nn, isMessageBlocked as kn, isMessageBounced as Cn, MessageBounceModal as Sn, Poll as En, useMessageComposer as In, useStateStore as Tn, MessageInput as Gt, useMessageInputContext as An, useMessageComposerHasSendableData as Rn, AttachmentPreviewList as Ln, QuotedMessagePreview as Mn, TextareaComposer as Dn, MessageTimestamp as We, AIStates as qe, useTypingContext as On, useAIState as Pn, Channel as zn, WithComponents as Fn, Window as Bn, MessageList as Yt, ChannelList as $n, InfiniteScroll as Un } from "stream-chat-react";
 import k from "classnames";
-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({
+import { StarIcon as nt, DotsThreeIcon as jn, SpinnerGapIcon as ze, SignOutIcon as Vn, ProhibitInsetIcon as Wt, FlagIcon as ds, CurrencyDollarIcon as Hn, CaretRightIcon as us, ArrowLeftIcon as Gn, FileIcon as ms, ImageIcon as Yn, SpeakerHighIcon as Wn, VideoCameraIcon as hs, FileMdIcon as qn, FileTextIcon as Xn, FileZipIcon as Kn, FilePptIcon as Zn, FileCsvIcon as Jn, FileXlsIcon as Qn, FileDocIcon as ea, FilePdfIcon as ta, CircleNotchIcon as xe, PlayIcon as at, PauseIcon as sa, LinkIcon as na, DownloadSimpleIcon as Se, XIcon as lt, CaretLeftIcon as aa, GiftIcon as ra, ThumbsUpIcon as ia, ThumbsDownIcon as oa, WarningCircleIcon as la, MegaphoneIcon as ca, ChecksIcon as da, PencilSimpleIcon as ua, TrashSimpleIcon as ma, ArrowUpIcon as ha, SparkleIcon as fa, ProhibitIcon as ga } from "@phosphor-icons/react";
+import { isOfficialChannel as pa, OFFICIAL_SENDER_USER_ID as ba, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as qt, isAgeSafetySystemType as va, resolveRichCardImagePresentation as xa, selectEnabledFaqs as wa } from "@linktr.ee/messaging-taxonomy";
+import { MessageActions as _a, DefaultDropdownActionButton as fs } from "stream-chat-react/experimental";
+const gs = Ve({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const fs = Ve({
   refreshConnection: async () => {
   },
   debug: !1
-}), ct = () => _e(fs), nl = ({
+}), ct = () => _e(gs), rl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -39,7 +39,7 @@ const fs = Ve({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = U(null), [h, u] = U(null), [f, c] = U(!1), [x, w] = U(!1), [p, v] = U(null), b = H(!1), N = H(null), _ = H(n);
+  const [d, m] = U(null), [h, u] = U(null), [g, c] = U(!1), [b, w] = U(!1), [p, x] = U(null), v = H(!1), N = H(null), _ = H(n);
   _.current = n;
   const A = H(i);
   A.current = i;
@@ -65,12 +65,12 @@ const fs = Ve({
     capabilities: r
   };
   const D = H(null);
-  !l && a && ((S = D.current) == null ? void 0 : S.apiKey) !== a && (D.current = { apiKey: a, client: new an(a) });
+  !l && a && ((S = D.current) == null ? void 0 : S.apiKey) !== a && (D.current = { apiKey: a, client: new rn(a) });
   const $ = l || (a ? ((T = D.current) == null ? void 0 : T.client) ?? null : null);
   Y(() => {
     const E = L.current, B = _.current;
     if (l) {
-      N.current = null, m(null), u(null), c(!1), v(null), w(!1);
+      N.current = null, m(null), u(null), c(!1), x(null), w(!1);
       return;
     }
     if (!a || !$ || !B) {
@@ -84,7 +84,7 @@ const fs = Ve({
       renderCount: E,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const F = new nn({
+    const F = new an({
       ...B,
       apiKey: a,
       debug: A.current,
@@ -102,8 +102,8 @@ const fs = Ve({
       hasService: !!d,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: b.current,
-      isConnected: f,
+      isConnecting: v.current,
+      isConnected: g,
       dependencies: { service: !!d, userId: t == null ? void 0 : t.id }
     }), l)
       return;
@@ -111,7 +111,7 @@ const fs = Ve({
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (b.current) {
+    if (v.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
@@ -123,7 +123,7 @@ const fs = Ve({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), v.current = !0, w(!0), x(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
@@ -133,18 +133,18 @@ const fs = Ve({
         });
       } catch (j) {
         const K = j instanceof Error ? j.message : "Connection failed";
-        v(K), o("❌ USER CONNECTION ERROR", {
+        x(K), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: K
         });
       } finally {
-        w(!1), b.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        w(!1), v.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
-          isConnected: f
+          isConnected: g
         });
       }
     })();
-  }, [d, t, o, f, l]), Y(() => {
+  }, [d, t, o, g, l]), Y(() => {
     const E = $;
     return () => {
       var B;
@@ -164,10 +164,10 @@ const fs = Ve({
       try {
         o("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), o("📞 RECONNECTING FOR REFRESH");
         const E = await d.connectUser(t);
-        u(E), c(!0), v(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+        u(E), c(!0), x(null), o("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
       } catch (E) {
         const B = E instanceof Error ? E.message : "Refresh failed";
-        v(B), o("❌ CONNECTION REFRESH ERROR", {
+        x(B), o("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: B
         });
@@ -178,8 +178,8 @@ const fs = Ve({
   }, [d, t, o, l]), P = z.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
-    isConnected: f,
-    isLoading: x,
+    isConnected: g,
+    isLoading: b,
     hasError: !!p,
     capabilitiesKeys: Object.keys(r)
   }), {
@@ -193,8 +193,8 @@ const fs = Ve({
     // path's `client`/`isLoading`/`error` (from connectUser) must not leak
     // through if the same provider previously attempted an apiKey connect.
     client: l ?? h,
-    isConnected: l ? !0 : f,
-    isLoading: l ? !1 : x,
+    isConnected: l ? !0 : g,
+    isLoading: l ? !1 : b,
     error: l ? null : p,
     capabilities: r,
     refreshConnection: C,
@@ -203,8 +203,8 @@ const fs = Ve({
     d,
     h,
     l,
-    f,
-    x,
+    g,
+    b,
     p,
     r,
     C,
@@ -215,8 +215,8 @@ const fs = Ve({
     renderCount: L.current,
     willRenderChat: !!$,
     contextValueReady: !!P
-  }), /* @__PURE__ */ s(fs.Provider, { value: P, children: $ ? /* @__PURE__ */ s(
-    rn,
+  }), /* @__PURE__ */ s(gs.Provider, { value: P, children: $ ? /* @__PURE__ */ s(
+    on,
     {
       client: $,
       customClasses: {
@@ -225,7 +225,7 @@ const fs = Ve({
       children: e
     }
   ) : e });
-}, _a = () => ct(), gs = (e) => {
+}, ya = () => ct(), ps = (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 fs = Ve({
     };
   }, [e]), t;
 };
-function ps(e, t, n) {
+function bs(e, t, n) {
   const a = Object.values(e || {});
-  if (ga(n)) {
+  if (pa(n)) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === pa;
+        return ((l = i.user) == null ? void 0 : l.id) === ba;
       }
     );
     if (r) return r;
@@ -266,15 +266,15 @@ function ps(e, t, n) {
     }
   );
 }
-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());
+const Na = /^[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 ka(e) {
+  return Na.test(e.trim());
 }
 function Xt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !Na(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ka(n);
 }
-function bs(e) {
+function vs(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 Kt = [
@@ -305,7 +305,7 @@ const Kt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ka(e) {
+function Ca(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -313,14 +313,14 @@ function ka(e) {
   }
   return Math.abs(t);
 }
-function vs(e) {
-  return Kt[ka(e) % Kt.length];
-}
-function Ca(e) {
-  return vs(e).emoji;
+function xs(e) {
+  return Kt[Ca(e) % Kt.length];
 }
 function Sa(e) {
-  return vs(e).bgColor;
+  return xs(e).emoji;
+}
+function Ea(e) {
+  return xs(e).bgColor;
 }
 const ye = ({
   id: e,
@@ -331,7 +331,7 @@ const ye = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = Ca(e), d = Sa(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, f = 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 = Sa(e), d = Ea(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" }, b = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -349,7 +349,7 @@ const ye = ({
       children: o
     }
   ) });
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     "div",
     {
       className: k(
@@ -383,19 +383,19 @@ const ye = ({
             style: {
               ...c,
               ...l && {
-                borderWidth: `${f}px`,
+                borderWidth: `${g}px`,
                 borderStyle: "solid",
                 borderColor: "var(--AI-Gradient, #7F22FE)",
                 boxShadow: "inset 0 1px 2px 0 rgba(255, 255, 255, 0.5)"
               }
             },
-            children: x
+            children: b
           }
         )
       ]
     }
   );
-}, Ea = "https://linktr.ee/s/about/trust-center/report", Ia = ({
+}, Ia = "https://linktr.ee/s/about/trust-center/report", Ta = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -409,10 +409,10 @@ const ye = ({
   logLabel: h = "useChannelModerationActions"
 }) => {
   var P;
-  const { service: u, debug: f } = 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);
+  const { service: u, debug: g } = ct(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, b = !!(a && n && u && c), [w, p] = U(!1), [x, v] = U(null), [N, _] = U(!1), [A, R] = U(!1), L = b && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== u);
   return Y(() => {
-    if (!x || !u || !c) {
-      p(!1), b(null);
+    if (!b || !u || !c) {
+      p(!1), v(null);
       return;
     }
     let S = !1;
@@ -428,12 +428,12 @@ const ye = ({
       } catch (T) {
         S || console.error(`[${h}] Failed to check blocked status:`, T);
       } finally {
-        S || b({ participantId: c, service: u });
+        S || v({ participantId: c, service: u });
       }
     })(), () => {
       S = !0;
     };
-  }, [x, u, c, h]), {
+  }, [b, u, c, h]), {
     isParticipantBlocked: w,
     isCheckingBlockedStatus: L,
     isLeaving: N,
@@ -441,7 +441,7 @@ const ye = ({
     handleLeaveConversation: async () => {
       var S;
       if (!N) {
-        l == null || l(), f && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
+        l == null || l(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
           const T = ((S = e._client) == null ? void 0 : S.userID) ?? null;
           await e.hide(T, !1), r && await r(e), m == null || m();
@@ -455,7 +455,7 @@ const ye = ({
     handleBlockUser: async () => {
       var S, T, E;
       if (!(A || !u)) {
-        o == null || o(), f && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!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) {
@@ -468,7 +468,7 @@ const ye = ({
     handleUnblockUser: async () => {
       var S, T, E;
       if (!(A || !u)) {
-        o == null || o(), f && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), R(!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) {
@@ -479,7 +479,7 @@ const ye = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(Ea, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Ia, "_blank", "noopener,noreferrer");
     }
   };
 }, Ne = ({
@@ -499,7 +499,7 @@ const ye = ({
     ...a,
     children: n
   }
-), Ta = ({
+), Aa = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -513,20 +513,20 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: u
 }) => {
-  const [f, c] = U(!1), x = H(null), w = tn(), p = q(() => c(!1), []), {
-    isParticipantBlocked: v,
-    isCheckingBlockedStatus: b,
+  const [g, c] = U(!1), b = H(null), w = sn(), p = q(() => c(!1), []), {
+    isParticipantBlocked: x,
+    isCheckingBlockedStatus: v,
     isLeaving: N,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: A,
     handleBlockUser: R,
     handleUnblockUser: L,
     handleReportUser: D
-  } = Ia({
+  } = Ta({
     channel: e,
     participant: t,
     showBlockParticipant: a,
-    enabled: f,
+    enabled: g,
     onLeaveConversation: i,
     onBlockParticipant: l,
     onDeleteConversationClick: o,
@@ -536,32 +536,32 @@ const ye = ({
     logLabel: "ChannelActionsMenu"
   });
   return Y(() => {
-    if (!f) return;
+    if (!g) return;
     const O = (P) => {
-      x.current && !x.current.contains(P.target) && c(!1);
+      b.current && !b.current.contains(P.target) && c(!1);
     }, C = (P) => {
       P.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", O), document.addEventListener("keydown", C), () => {
       document.removeEventListener("mousedown", O), document.removeEventListener("keydown", C);
     };
-  }, [f]), !t || !(n || a || r || !!h) ? null : /* @__PURE__ */ g("div", { ref: x, className: "relative", children: [
-    /* @__PURE__ */ g(
+  }, [g]), !t || !(n || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: b, className: "relative", children: [
+    /* @__PURE__ */ f(
       "button",
       {
         className: u,
         type: "button",
         "aria-haspopup": "true",
-        "aria-expanded": f,
-        "aria-controls": f ? w : void 0,
+        "aria-expanded": g,
+        "aria-controls": g ? w : void 0,
         onClick: () => c((O) => !O),
         children: [
-          /* @__PURE__ */ s(Un, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(jn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
     ),
-    f && /* @__PURE__ */ s(
+    g && /* @__PURE__ */ s(
       "div",
       {
         id: w,
@@ -570,27 +570,27 @@ const ye = ({
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
-        children: /* @__PURE__ */ g("ul", { className: "flex flex-col gap-1", children: [
-          n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ g(
+        children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
+          n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ f(
             Ne,
             {
               onClick: A,
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(jn, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Vn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
           ) }),
-          a && /* @__PURE__ */ s("li", { children: b ? (
+          a && /* @__PURE__ */ s("li", { children: v ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ g(Ne, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ f(Ne, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
-          ) : v ? /* @__PURE__ */ g(
+          ) : x ? /* @__PURE__ */ f(
             Ne,
             {
               onClick: L,
@@ -601,7 +601,7 @@ const ye = ({
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
-          ) : /* @__PURE__ */ g(
+          ) : /* @__PURE__ */ f(
             Ne,
             {
               onClick: R,
@@ -613,8 +613,8 @@ const ye = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ g(Ne, { variant: "danger", onClick: D, children: [
-            /* @__PURE__ */ s(cs, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: D, children: [
+            /* @__PURE__ */ s(ds, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           h
@@ -622,7 +622,7 @@ const ye = ({
       }
     )
   ] });
-}, 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 = ({
+}, 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", Ra = "CUSTOMER_PAID", La = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ra, Ma = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -635,23 +635,23 @@ const ye = ({
   onDeleteConversationClick: m,
   onBlockParticipantClick: h,
   onReportParticipantClick: u,
-  customChannelActions: f,
+  customChannelActions: g,
   renderChannelActions: c,
-  showChannelInfo: x = !0,
+  showChannelInfo: b = !0,
   onParticipantNameClick: w
 }) => {
   var C, P, S, T;
-  const { channel: p } = fe(), { client: v } = Te(), b = z.useMemo(
+  const { channel: p } = fe(), { client: x } = Te(), v = z.useMemo(
     () => {
       var E;
-      return ps(
+      return bs(
         (E = p.state) == null ? void 0 : E.members,
-        v == null ? void 0 : v.userID,
+        x == null ? void 0 : x.userID,
         p.type
       );
     },
-    [(C = p.state) == null ? void 0 : C.members, v == null ? void 0 : v.userID, p.type]
-  ), 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 () => {
+    [(C = p.state) == null ? void 0 : C.members, x == null ? void 0 : x.userID, p.type]
+  ), N = vs(v == null ? void 0 : v.user), _ = (P = v == null ? void 0 : v.user) == null ? void 0 : P.image, A = ps(p), R = La((S = p.data) == null ? void 0 : S.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, L = a && A, D = R || L || !!w, $ = async () => {
     try {
       A ? await p.unpin() : await p.pin();
     } catch (E) {
@@ -660,11 +660,11 @@ const ye = ({
         E
       );
     }
-  }, O = /* @__PURE__ */ g(J, { children: [
+  }, O = /* @__PURE__ */ f(J, { children: [
     /* @__PURE__ */ s(
       ye,
       {
-        id: ((T = b == null ? void 0 : b.user) == null ? void 0 : T.id) || p.id || "unknown",
+        id: ((T = v == null ? void 0 : v.user) == null ? void 0 : T.id) || p.id || "unknown",
         name: N,
         image: _,
         shape: "circle",
@@ -679,15 +679,15 @@ const ye = ({
           "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95",
           D ? "pl-3 pr-2" : "px-3"
         ),
-        children: /* @__PURE__ */ g("span", { className: "flex max-w-full items-center justify-center", children: [
+        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__ */ g("span", { className: "ml-2 flex gap-1", children: [
+          D && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
             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(Vn, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ s(Hn, { className: "size-2.5", weight: "bold" })
               }
             ),
             L && /* @__PURE__ */ s(
@@ -699,7 +699,7 @@ const ye = ({
               }
             ),
             w && /* @__PURE__ */ s(
-              ds,
+              us,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -718,7 +718,7 @@ const ye = ({
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
-      children: /* @__PURE__ */ g("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
+      children: /* @__PURE__ */ f("div", { className: "grid min-h-[100px] grid-cols-[minmax(40px,1fr)_auto_minmax(40px,1fr)] items-start pb-2 pt-5 @lg:min-h-[104px] @lg:pt-6", children: [
         /* @__PURE__ */ s("div", { className: "flex items-start", children: n && /* @__PURE__ */ s(
           "button",
           {
@@ -730,7 +730,7 @@ const ye = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(Hn, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Gn, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ s(
@@ -743,7 +743,7 @@ const ye = ({
             children: O
           }
         ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: O }) }),
-        /* @__PURE__ */ g("div", { className: "flex items-start justify-end gap-2", children: [
+        /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ s(
             "button",
             {
@@ -764,11 +764,11 @@ const ye = ({
               )
             }
           ),
-          x && (c !== void 0 ? c : /* @__PURE__ */ s(
-            Ta,
+          b && (c !== void 0 ? c : /* @__PURE__ */ s(
+            Aa,
             {
               channel: p,
-              participant: b,
+              participant: v,
               showDeleteConversation: l,
               showBlockParticipant: o,
               showReportParticipant: d,
@@ -777,7 +777,7 @@ const ye = ({
               onDeleteConversationClick: m,
               onBlockParticipantClick: h,
               onReportParticipantClick: u,
-              customChannelActions: f,
+              customChannelActions: g,
               triggerClassName: Xe
             }
           ))
@@ -785,13 +785,13 @@ const ye = ({
       ] })
     }
   );
-}, Ma = (e) => /* @__PURE__ */ s(on, { ...e, position: "center" }), rt = "vote_up", it = "vote_down";
-function Da(e) {
+}, Da = (e) => /* @__PURE__ */ s(ln, { ...e, position: "center" }), rt = "vote_up", it = "vote_down";
+function Oa(e) {
   return e != null && e.length ? e.some((t) => t.type === it) ? "down" : e.some((t) => t.type === rt) ? "up" : null : null;
 }
-function Oa(e) {
+function Pa(e) {
   const { channel: t } = fe(), { client: n } = Te("useMessageVote"), a = ae(
-    () => Da(e.own_reactions),
+    () => Oa(e.own_reactions),
     [e.own_reactions]
   ), r = q(async () => {
     if (n != null && n.userID)
@@ -816,39 +816,39 @@ function Oa(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Pa(e) {
+function za(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function xs({
+function ws({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = Pa(t);
+  const n = e == null ? void 0 : e.text, a = za(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const za = ["linktr.ee"], Zt = "messaging-attachment-v1_0";
-function Fa(e) {
+const Fa = ["linktr.ee"], Zt = "messaging-attachment-v1_0";
+function Ba(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function Ba(e) {
-  return za.some(
+function $a(e) {
+  return Fa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = Fa(t);
-  if (!n || !Ba(n)) return t;
+  const n = Ba(t);
+  if (!n || !$a(n)) return t;
   const a = new URL(t);
   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 $a = [
+const Ua = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -861,39 +861,39 @@ const $a = [
 function ue(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function ws(e) {
-  const t = $a.find(
+function _s(e) {
+  const t = Ua.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-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
+const ja = {
+  video: hs,
+  audio: Wn,
+  image: Yn,
+  document: ms
+}, Va = {
+  pdf: ta,
+  doc: ea,
+  xls: Qn,
+  csv: Jn,
+  ppt: Zn,
+  zip: Kn,
+  text: Xn,
+  markdown: qn,
+  generic: ms
 };
-function Va(e) {
+function Ha(e) {
   const t = ue(e);
-  return t !== "document" ? Ua[t] : ja[ws(e)];
+  return t !== "document" ? ja[t] : Va[_s(e)];
 }
 function we(e, t) {
-  return z.createElement(Va(e), t);
+  return z.createElement(Ha(e), t);
 }
-const Ha = (e) => {
+const Ga = (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;
-}, Ga = ({
+}, Ya = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -905,15 +905,15 @@ const Ha = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const h = ue(t), u = H(null), f = 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(() => {
+  const h = ue(t), u = H(null), g = H(null), c = H(null), b = H(r), [w, p] = U(a), [x, v] = 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 = f.current;
+    const I = g.current;
     if (!I) return 0;
     const W = I.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ha(y) - W.left) / W.width)
+      Math.min(1, (Ga(y) - W.left) / W.width)
     );
   }, []), F = q((y) => {
     const I = u.current;
@@ -921,10 +921,10 @@ const Ha = (e) => {
   }, []), j = (y) => {
     y.stopPropagation(), _(!0);
     const I = B(y);
-    b(I), F(I);
+    v(I), F(I);
   };
   Y(() => {
-    r !== void 0 && r !== x.current && (x.current = r, p(r));
+    r !== void 0 && r !== b.current && (b.current = r, p(r));
   }, [r]), Y(() => {
     if (!w) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
@@ -932,7 +932,7 @@ const Ha = (e) => {
     }
     const y = () => {
       const I = u.current;
-      I && I.duration && !N && b(I.currentTime / I.duration), c.current = requestAnimationFrame(y);
+      I && I.duration && !N && v(I.currentTime / I.duration), c.current = requestAnimationFrame(y);
     };
     return c.current = requestAnimationFrame(y), () => {
       c.current !== null && cancelAnimationFrame(c.current);
@@ -944,15 +944,15 @@ const Ha = (e) => {
     }) : y.pause());
   }, [w]), Y(() => {
     if (!N) return;
-    const y = (W) => b(B(W)), I = (W) => {
+    const y = (W) => v(B(W)), I = (W) => {
       _(!1), F(B(W));
     };
     return window.addEventListener("mousemove", y), window.addEventListener("mouseup", I), window.addEventListener("touchmove", y, { passive: !0 }), window.addEventListener("touchend", I), () => {
       window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", I);
     };
   }, [N, B, F]);
-  const K = S ? { aspectRatio: String(S) } : void 0, se = S ? "" : " aspect-video", G = Math.round(v * 100);
-  return /* @__PURE__ */ g(
+  const K = S ? { aspectRatio: String(S) } : void 0, se = S ? "" : " aspect-video", G = Math.round(x * 100);
+  return /* @__PURE__ */ f(
     "div",
     {
       role: "button",
@@ -1003,7 +1003,7 @@ const Ha = (e) => {
             onWaiting: () => O(!0),
             onPlay: () => D(!1),
             onEnded: () => {
-              i || (p(!1), b(0));
+              i || (p(!1), v(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1027,7 +1027,7 @@ const Ha = (e) => {
               y instanceof HTMLVideoElement && y.videoWidth && y.videoHeight && T(y.videoWidth / y.videoHeight);
             },
             onEnded: () => {
-              i || (p(!1), b(0));
+              i || (p(!1), v(0));
             },
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
@@ -1064,13 +1064,13 @@ const Ha = (e) => {
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
-            ref: f,
+            ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
             onMouseDown: j,
             onTouchStart: j,
             onClick: (y) => y.stopPropagation(),
             onKeyDown: (y) => {
-              y.key === "ArrowRight" && F(Math.min(1, v + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
+              y.key === "ArrowRight" && F(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, x - 0.05));
             },
             children: /* @__PURE__ */ s("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ s(
               "div",
@@ -1081,7 +1081,7 @@ const Ha = (e) => {
             ) })
           }
         ) }),
-        l && /* @__PURE__ */ g("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
+        l && /* @__PURE__ */ f("div", { className: "absolute inset-x-0 bottom-0 flex items-center gap-2 bg-gradient-to-t from-black/60 to-transparent px-3 pb-2.5 pt-6 transition-all duration-200", children: [
           /* @__PURE__ */ s(
             "button",
             {
@@ -1091,10 +1091,10 @@ const Ha = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(ta, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(at, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ s(sa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(at, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ f(
             "div",
             {
               role: "slider",
@@ -1103,7 +1103,7 @@ const Ha = (e) => {
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
-              ref: f,
+              ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
               onMouseDown: j,
               onTouchStart: j,
@@ -1111,7 +1111,7 @@ const Ha = (e) => {
               onMouseEnter: () => R(!0),
               onMouseLeave: () => R(!1),
               onKeyDown: (y) => {
-                y.key === "ArrowRight" && F(Math.min(1, v + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, v - 0.05));
+                y.key === "ArrowRight" && F(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && F(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ s(
@@ -1141,7 +1141,7 @@ const Ha = (e) => {
       ]
     }
   );
-}, 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 = ({
+}, Jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Wa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ys = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1152,7 +1152,7 @@ const Ha = (e) => {
 }) => {
   const o = ue(e), [d, m] = U(!1), h = de(t), u = de(n);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Ga,
+    Ya,
     {
       source: t,
       mimeType: e,
@@ -1203,7 +1203,7 @@ const Ha = (e) => {
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ya(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Wa(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: u ?? n,
@@ -1221,7 +1221,7 @@ const Ha = (e) => {
       })
     }
   );
-}, ys = ({
+}, Ns = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1235,37 +1235,37 @@ const Ha = (e) => {
   rootRef: h,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? n ?? a : n ?? "", x = f && !n;
-  return /* @__PURE__ */ g(
+  const g = e === "dark", c = g ? n ?? a : n ?? "", b = g && !n;
+  return /* @__PURE__ */ f(
     "div",
     {
       ref: h,
       "data-testid": u,
       className: k(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-        f ? "bg-[#1e2330]" : "bg-white"
+        g ? "bg-[#1e2330]" : "bg-white"
       ),
       children: [
         d ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute left-3 top-3 z-50", children: d }) : null,
         m ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-50", children: m }) : null,
         t,
-        /* @__PURE__ */ g("div", { className: "px-4 pb-3 pt-3", children: [
+        /* @__PURE__ */ f("div", { className: "px-4 pb-3 pt-3", children: [
           c.trim() !== "" && /* @__PURE__ */ s(
             "p",
             {
               className: k("mb-0.5 truncate text-base font-medium", {
-                "text-black": !f,
-                "text-white/30": f && x,
-                "text-white": f && !x
+                "text-black": !g,
+                "text-white/30": g && b,
+                "text-white": g && !b
               }),
               children: c
             }
           ),
-          /* @__PURE__ */ g("div", { className: "flex flex-wrap items-center gap-1", children: [
+          /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
             we(r, {
               className: k(
                 "size-5 shrink-0",
-                f ? "text-white/55" : "text-black/55"
+                g ? "text-white/55" : "text-black/55"
               ),
               weight: "regular"
             }),
@@ -1274,7 +1274,7 @@ const Ha = (e) => {
               {
                 className: k(
                   "text-xs font-medium",
-                  f ? "text-white/55" : "text-black/55"
+                  g ? "text-white/55" : "text-black/55"
                 ),
                 children: i
               }
@@ -1287,29 +1287,29 @@ const Ha = (e) => {
     }
   );
 };
-function Ns(e) {
+function ks(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 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 Wa(e) {
+function qa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function qa(e) {
+function Xa(e) {
   return e ? "text-white" : "text-black";
 }
-function Xa(e) {
+function Ka(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Ka(e) {
+function Za(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Za(e) {
+function Ja(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 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__ */ g(z.Fragment, { children: [
+  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(z.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
@@ -1320,26 +1320,26 @@ const ut = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Wa(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(sa, { className: `size-12 ${Za(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${qa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(na, { className: `size-12 ${Ja(t)}` })
       }
     ) }),
-    /* @__PURE__ */ g("div", { className: "px-3 pb-3", children: [
-      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 })
+    /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Xa(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ka(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Za(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 ks(e) {
+function Cs(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
 function mt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(ks);
+  return (t = e.attachments) == null ? void 0 : t.find(Cs);
 }
-async function Ja(e, t) {
+async function Qa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1351,7 +1351,7 @@ async function Ja(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 Qa = ({
+const er = ({
   url: e,
   filename: t
 }) => {
@@ -1363,7 +1363,7 @@ const Qa = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Ja(e, t).then(() => {
+        a(!0), Qa(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1371,7 +1371,7 @@ const Qa = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(xe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ g(z.Fragment, { children: [
+      children: n ? /* @__PURE__ */ s(xe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ f(z.Fragment, { children: [
         /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1379,14 +1379,14 @@ const Qa = ({
   );
 };
 function ht(e) {
-  var u, f, c, x;
+  var u, g, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (w) => w.type === "video" && w.asset_url
-  ), n = (f = e.attachments) == null ? void 0 : f.find(
+  ), n = (g = e.attachments) == null ? void 0 : g.find(
     (w) => w.type === "image" && w.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
     (w) => w.type === "audio" && w.asset_url
-  ), r = (x = e.attachments) == null ? void 0 : x.find(
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
     (w) => w.type === "file" && w.asset_url
   ), i = t ?? n ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (n == null ? void 0 : n.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
@@ -1399,16 +1399,16 @@ function ht(e) {
     thumbnailUrl: h
   };
 }
-const Cs = ({
+const Ss = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? Ns(a) : void 0;
+  const i = a !== void 0 ? ks(a) : void 0;
   return /* @__PURE__ */ s(
-    ys,
+    Ns,
     {
       variant: "dark",
       title: n,
@@ -1416,7 +1416,7 @@ const Cs = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        _s,
+        ys,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1427,23 +1427,23 @@ const Cs = ({
       )
     }
   );
-}, Ss = ({
+}, Es = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ue(t), l = a !== void 0 ? Ns(a) : void 0;
+  const i = ue(t), l = a !== void 0 ? ks(a) : void 0;
   return /* @__PURE__ */ s(
-    ys,
+    Ns,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ s(
-        _s,
+        ys,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1453,15 +1453,15 @@ const Cs = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Qa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(er, { url: e, filename: n })
     }
   );
-}, er = ({
+}, tr = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const n = mt(e), a = ht(e);
-  return !n && !a ? null : /* @__PURE__ */ g("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: [
+  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 Cs = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            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 })
+            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Ss, { ...a }) : /* @__PURE__ */ s(Es, { ...a })
           }
         ) })
       }
     )
   ] });
-}, tr = ({
+}, sr = ({
   message: e
 }) => {
   const t = mt(e);
   if (t)
     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 = ({
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ss, { ...n }) }) : null;
+}, nr = ({
   message: e
 }) => {
   const t = mt(e);
   if (t)
     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;
-}, al = Object.assign(er, {
-  Creator: tr,
-  Visitor: sr
-}), nr = {
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Es, { ...n }) }) : null;
+}, il = Object.assign(tr, {
+  Creator: sr,
+  Visitor: nr
+}), ar = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, ar = {
+}, rr = {
   dark: "text-white",
   light: "text-[#000000]"
-}, rr = {
+}, ir = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, ir = (e) => e === "dark" ? "sender" : "receiver", or = {
+}, or = (e) => e === "dark" ? "sender" : "receiver", lr = {
   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]",
@@ -1541,8 +1541,8 @@ const Cs = ({
   children: d,
   "data-testid": m
 }) => {
-  const h = t != null && t !== "", u = l ?? or[ir(e)][a];
-  return /* @__PURE__ */ g(
+  const h = t != null && t !== "", u = l ?? lr[or(e)][a];
+  return /* @__PURE__ */ f(
     "div",
     {
       "data-testid": m,
@@ -1570,10 +1570,10 @@ const Cs = ({
         // there is no ambiguity to resolve.
         h && "pb-0",
         u,
-        nr[e],
         ar[e],
+        rr[e],
         n && "border",
-        n && rr[e],
+        n && ir[e],
         o
       ),
       children: [
@@ -1619,16 +1619,16 @@ const Cs = ({
     ),
     children: /* @__PURE__ */ s(lt, { className: "size-3", weight: "bold" })
   }
-), Le = (e) => e === "received" ? "light" : "dark", lr = ({
+), Le = (e) => e === "received" ? "light" : "dark", cr = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", cr = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", dr = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], dr = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], ur = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1651,10 +1651,10 @@ const Cs = ({
   preload: o,
   onDismiss: d
 }) => {
-  const m = Le(e), h = e === "composer" && !!d, u = cr({ src: t, mimeType: n, filename: a, items: r });
+  const m = Le(e), h = e === "composer" && !!d, u = dr({ src: t, mimeType: n, filename: a, items: r });
   if (u.length === 0)
     return null;
-  const f = o ?? (u.length > 1 ? "none" : "metadata");
+  const g = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ s(
     Ae,
     {
@@ -1662,30 +1662,30 @@ const Cs = ({
       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(
-        dr,
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ s(
+        ur,
         {
           item: c,
-          preload: f,
+          preload: g,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && x === 0 ? /* @__PURE__ */ s(Re, { onClick: d, variant: "inline" }) : void 0
+            h && b === 0 ? /* @__PURE__ */ s(Re, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${x}`
+        `${c.src}-${b}`
       )) })
     }
   );
-}, 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
+}, mr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), hr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), fr = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), gr = {
+  Composer: mr,
+  Sent: hr,
+  Received: fr
 };
-function gr(e) {
+function pr(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 pr = {
+const br = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1695,7 +1695,7 @@ const pr = {
   text: "TXT",
   markdown: "MD"
 };
-function br(e, t) {
+function vr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1705,7 +1705,7 @@ function br(e, t) {
   }
   if (!e) return;
   if (ue(e) === "document") {
-    const r = ws(e), i = pr[r];
+    const r = _s(e), i = br[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1713,8 +1713,8 @@ function br(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function vr(e, t, n) {
-  const a = br(e, t), r = typeof n == "number" && n > 0 ? gr(n) : void 0;
+function xr(e, t, n) {
+  const a = vr(e, t), r = typeof n == "number" && n > 0 ? pr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1725,16 +1725,16 @@ function re(e) {
     return "download";
   }
 }
-const xr = {
+const wr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, wr = {
+}, _r = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, _r = {
+}, yr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Es = ({
+}, Is = ({
   variant: e,
   filename: t,
   title: n,
@@ -1744,32 +1744,32 @@ const xr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", m = vr(a, t, r), h = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = xr(a, t, r), h = /* @__PURE__ */ s(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        wr[e]
+        _r[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", _r[e]),
+        className: k("size-6", yr[e]),
         weight: "regular"
       })
     }
-  ), u = /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
+  ), u = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col text-left", children: [
     /* @__PURE__ */ s("p", { className: "truncate font-medium leading-snug", children: d }),
     m ? /* @__PURE__ */ s(
       "p",
       {
         className: k(
           "truncate text-xs leading-4",
-          xr[e]
+          wr[e]
         ),
         children: m
       }
     ) : null
-  ] }), f = i ? /* @__PURE__ */ g(
+  ] }), g = i ? /* @__PURE__ */ f(
     "button",
     {
       type: "button",
@@ -1784,16 +1784,16 @@ const xr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ g(J, { children: [
+  ) : /* @__PURE__ */ f(J, { children: [
     h,
     u
   ] });
-  return /* @__PURE__ */ g("div", { className: "flex items-center gap-3 px-3 py-2", children: [
-    f,
+  return /* @__PURE__ */ f("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+    g,
     o ? /* @__PURE__ */ s("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function Is(e, t) {
+async function Ts(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1807,14 +1807,14 @@ async function Is(e, t) {
     }
   }
 }
-const yr = ({
+const Nr = ({
   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 }] : [], Nr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], kr = ({
   variant: e,
   item: t,
   index: n,
@@ -1823,7 +1823,7 @@ const yr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Es,
+    Is,
     {
       variant: e,
       filename: i,
@@ -1848,19 +1848,19 @@ const yr = ({
   onClick: m,
   onDismiss: h
 }) => {
-  const u = Le(e), f = e === "composer" && !!h, c = yr({
+  const u = Le(e), g = e === "composer" && !!h, c = Nr({
     src: t,
     filename: n,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), x = (p) => {
+  }), b = (p) => {
     if ((m == null ? void 0 : m(p)) === !1) return;
-    const v = c[p];
-    if (!v) return;
-    const b = v.filename ?? re(v.src);
-    Is(v.src, b);
+    const x = c[p];
+    if (!x) return;
+    const v = x.filename ?? re(x.src);
+    Ts(x.src, v);
   };
   if (c.length === 0)
     return null;
@@ -1882,29 +1882,29 @@ const yr = ({
       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(
-        Nr,
+      children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, x) => /* @__PURE__ */ s(
+        kr,
         {
           variant: u,
           item: p,
-          index: v,
-          onActivate: x,
-          trailingAction: f && v === 0 ? /* @__PURE__ */ s(Re, { onClick: h, variant: "inline" }) : w
+          index: x,
+          onActivate: b,
+          trailingAction: g && x === 0 ? /* @__PURE__ */ s(Re, { onClick: h, variant: "inline" }) : w
         },
-        `${p.src}-${v}`
+        `${p.src}-${x}`
       )) })
     }
   );
-}, 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
+}, Cr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), Ir = {
+  Composer: Cr,
+  Sent: Sr,
+  Received: Er
 }, pt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ g(J, { children: [
+}) => /* @__PURE__ */ f(J, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1912,7 +1912,7 @@ const yr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(na, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(aa, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1922,10 +1922,10 @@ const yr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ s(ds, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(us, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Ts = ({
+] }), As = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1936,13 +1936,13 @@ const yr = ({
 }) => {
   const [o, d] = U(!1), m = q(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), Is(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), Ts(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
     },
     [o, e, t, l]
-  ), h = r ?? n !== "pill", f = { className: k(
+  ), h = r ?? n !== "pill", g = { className: k(
     n === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -1986,7 +1986,7 @@ const yr = ({
       className: "mes-media-viewer__action",
       children: o ? /* @__PURE__ */ s(xe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
-  ) : /* @__PURE__ */ g(
+  ) : /* @__PURE__ */ f(
     "button",
     {
       type: "button",
@@ -2005,7 +2005,7 @@ const yr = ({
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Se, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ s(Se, { ...g, "aria-hidden": !0 }),
         h ? null : a
       ]
     }
@@ -2046,7 +2046,7 @@ const yr = ({
 }) => {
   const o = H(null), d = H(null);
   return Y(() => {
-    var f;
+    var g;
     const u = o.current;
     if (u) {
       if (e) {
@@ -2060,7 +2060,7 @@ const yr = ({
           else
             u.setAttribute("open", "");
         const c = typeof document < "u" ? document.activeElement : null;
-        return (f = d.current) == null || f.focus(), () => {
+        return (g = d.current) == null || g.focus(), () => {
           if (u.open)
             if (typeof u.close == "function")
               try {
@@ -2090,7 +2090,7 @@ const yr = ({
   // `jsx-a11y` rules below don't model `<dialog>` as interactive, so
   // we silence them locally with the rationale captured here.
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-  /* @__PURE__ */ g(
+  /* @__PURE__ */ f(
     "dialog",
     {
       ref: o,
@@ -2104,9 +2104,9 @@ const yr = ({
         u.target === o.current && t();
       },
       children: [
-        /* @__PURE__ */ g("div", { className: "mes-media-viewer__chrome", children: [
+        /* @__PURE__ */ f("div", { className: "mes-media-viewer__chrome", children: [
           a ? /* @__PURE__ */ s("span", { className: "mes-media-viewer__counter", children: a }) : null,
-          /* @__PURE__ */ g("div", { className: "mes-media-viewer__actions", children: [
+          /* @__PURE__ */ f("div", { className: "mes-media-viewer__actions", children: [
             r,
             /* @__PURE__ */ s(
               "button",
@@ -2125,7 +2125,7 @@ const yr = ({
       ]
     }
   );
-}, As = ({
+}, Rs = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2139,7 +2139,7 @@ const yr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
     [o]
   );
-  return o ? /* @__PURE__ */ g(
+  return o ? /* @__PURE__ */ f(
     vt,
     {
       open: e,
@@ -2147,7 +2147,7 @@ const yr = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        Ts,
+        As,
         {
           url: o.src,
           filename: d,
@@ -2181,7 +2181,7 @@ const yr = ({
       ]
     }
   ) : null;
-}, 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 = {
+}, Tr = "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", Ar = {
   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 yr = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, Ar = "--mes-single-width-cap", Rr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Lr = 436, Rs = ({
+}, Rr = "--mes-single-width-cap", Lr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Mr = 436, Ls = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2200,14 +2200,14 @@ const yr = ({
 }) => {
   const i = e.length;
   if (i === 0) return null;
-  const l = e.slice(0, Math.min(i, n)), o = i - l.length, d = (h, u, f) => {
-    var x;
+  const l = e.slice(0, Math.min(i, n)), o = i - l.length, d = (h, u, g) => {
+    var b;
     const c = k(
-      Ir,
+      Tr,
       "h-full w-full",
-      (x = Tr[l.length]) == null ? void 0 : x[u]
+      (b = Ar[l.length]) == null ? void 0 : b[u]
     );
-    return t ? /* @__PURE__ */ g(
+    return t ? /* @__PURE__ */ f(
       "button",
       {
         type: "button",
@@ -2216,13 +2216,13 @@ const yr = ({
         className: k(c, "cursor-zoom-in"),
         children: [
           h.content,
-          f
+          g
         ]
       },
       u
-    ) : /* @__PURE__ */ g("div", { className: c, children: [
+    ) : /* @__PURE__ */ f("div", { className: c, children: [
       h.content,
-      f
+      g
     ] }, u);
   };
   let m;
@@ -2230,14 +2230,14 @@ const yr = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${Ar}), ${Math.round(Lr * a * 100) / 100}px)`,
+    width: `min(var(${Rr}), ${Math.round(Mr * 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 ? Rr : "aspect-square w-full",
+        a ? Lr : "aspect-square w-full",
         r
       ),
       style: m,
@@ -2252,7 +2252,7 @@ const yr = ({
       ),
       children: l.map((h, u) => d(h, u))
     }
-  ) : l.length === 3 ? /* @__PURE__ */ g(
+  ) : l.length === 3 ? /* @__PURE__ */ f(
     "div",
     {
       className: k(
@@ -2280,11 +2280,11 @@ const yr = ({
         r
       ),
       children: l.map((h, u) => {
-        const f = o > 0 && u === l.length - 1;
+        const g = o > 0 && u === l.length - 1;
         return d(
           h,
           u,
-          f ? /* @__PURE__ */ g("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
+          g ? /* @__PURE__ */ f("div", { className: "absolute inset-0 flex items-center justify-center bg-black/55 text-2xl font-semibold text-white", children: [
             "+",
             o
           ] }) : null
@@ -2300,7 +2300,7 @@ const yr = ({
     [e]
   ), l = q(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Mr = ({
+}, Dr = ({
   item: e,
   index: t,
   totalCount: n,
@@ -2328,19 +2328,19 @@ const yr = ({
       }
     )
   )
-}), Dr = ({
+}), Or = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ls = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ms = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Or = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Pr = ({ 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__ */ g("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -2363,16 +2363,16 @@ const yr = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Re, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      As,
+      Rs,
       {
         open: l,
-        items: Ls([{ src: e, alt: t }], n),
+        items: Ms([{ src: e, alt: t }], n),
         initialIndex: o,
         onClose: m
       }
     )
   ] });
-}, Pr = 326 / 246, zr = (e) => {
+}, zr = 326 / 246, Fr = (e) => {
   const t = e == null ? void 0 : e.src, [n, a] = z.useState(), r = z.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
@@ -2387,11 +2387,11 @@ const yr = ({
     [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 ?? Pr,
+    ratio: l ?? o ?? zr,
     imgRef: r,
     onLoad: i
   };
-}, Ms = ({
+}, Ds = ({
   state: e,
   src: t,
   alt: n,
@@ -2402,14 +2402,14 @@ const yr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Dr({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: x } = Me(
+  const m = Or({ src: t, alt: n, items: r }), h = Le(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: b } = Me(
     d
-  ), w = m.length === 1, p = zr(w ? m[0] : void 0);
+  ), w = m.length === 1, p = Fr(w ? m[0] : void 0);
   if (m.length === 0)
     return null;
-  const v = m.map(
-    (b, N) => Mr({
-      item: b,
+  const x = m.map(
+    (v, N) => Dr({
+      item: v,
       index: N,
       totalCount: m.length,
       fallbackLoading: o,
@@ -2417,7 +2417,7 @@ const yr = ({
       onLoad: w ? p.onLoad : void 0
     })
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     Ae,
     {
       variant: h,
@@ -2430,30 +2430,30 @@ const yr = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Rs,
+          Ls,
           {
-            tiles: v,
+            tiles: x,
             onTileActivate: c,
             singleAspectRatio: w ? p.ratio : void 0
           }
         ) }),
         /* @__PURE__ */ s(
-          As,
+          Rs,
           {
             open: u,
-            items: Ls(m, a),
-            initialIndex: f,
-            onClose: x
+            items: Ms(m, a),
+            initialIndex: g,
+            onClose: b
           }
         )
       ]
     }
   );
-}, Fr = (e) => /* @__PURE__ */ s(Or, { ...e }), Br = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "sent" }), $r = (e) => /* @__PURE__ */ s(Ms, { ...e, state: "received" }), Ur = {
-  Composer: Fr,
-  Sent: Br,
-  Received: $r
-}, jr = ({
+}, Br = (e) => /* @__PURE__ */ s(Pr, { ...e }), $r = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), Ur = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), jr = {
+  Composer: Br,
+  Sent: $r,
+  Received: Ur
+}, Vr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2467,10 +2467,10 @@ const yr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
     [o]
   ), m = ae(
-    () => o ? Vr(o.src) : void 0,
+    () => o ? Hr(o.src) : void 0,
     [o]
   );
-  return !o || !m ? null : /* @__PURE__ */ g(
+  return !o || !m ? null : /* @__PURE__ */ f(
     vt,
     {
       open: e,
@@ -2501,16 +2501,16 @@ const yr = ({
       ]
     }
   );
-}, Vr = (e) => {
+}, Hr = (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()}`;
-}, Hr = ({
+}, Gr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Gr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Yr = ({
   variant: e,
   item: t,
   index: n,
@@ -2519,7 +2519,7 @@ const yr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Es,
+    Is,
     {
       variant: e,
       filename: i,
@@ -2543,16 +2543,16 @@ const yr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const h = Le(e), u = Hr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: x, closeViewer: w } = Me(
+  const h = Le(e), u = Gr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = Me(
     d
   ), p = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const v = u.map((b) => ({
-    src: b.src,
-    filename: b.filename ?? re(b.src)
+  const x = u.map((v) => ({
+    src: v.src,
+    filename: v.filename ?? re(v.src)
   }));
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     Ae,
     {
       variant: h,
@@ -2560,11 +2560,11 @@ const yr = ({
       groupPosition: o,
       "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(Re, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            Ts,
+        /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((v, N) => {
+          const _ = v.filename ?? re(v.src), A = p && N === 0 ? /* @__PURE__ */ s(Re, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            As,
             {
-              url: b.src,
+              url: v.src,
               filename: _,
               variant: "inline",
               label: `Download ${_}`,
@@ -2572,22 +2572,22 @@ const yr = ({
             }
           );
           return /* @__PURE__ */ s(
-            Gr,
+            Yr,
             {
               variant: h,
-              item: b,
+              item: v,
               index: N,
-              onActivate: x,
+              onActivate: b,
               trailingAction: A
             },
-            `${b.src}-${N}`
+            `${v.src}-${N}`
           );
         }) }),
         /* @__PURE__ */ s(
-          jr,
+          Vr,
           {
-            open: f,
-            items: v,
+            open: g,
+            items: x,
             initialIndex: c,
             onClose: w
           }
@@ -2595,11 +2595,11 @@ const yr = ({
       ]
     }
   );
-}, 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 = ({
+}, Wr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), qr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Kr = {
+  Composer: Wr,
+  Sent: qr,
+  Received: Xr
+}, Os = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2613,7 +2613,7 @@ const yr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
     [o]
   );
-  return o ? /* @__PURE__ */ g(
+  return o ? /* @__PURE__ */ f(
     vt,
     {
       open: e,
@@ -2649,10 +2649,10 @@ const yr = ({
       ]
     }
   ) : null;
-}, 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 = ({
+}, Zr = () => /* @__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 }) }) }), Ps = ({
   item: e,
   index: t
-}) => /* @__PURE__ */ g("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
+}) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
   e.poster ? /* @__PURE__ */ s(
     "img",
     {
@@ -2664,34 +2664,34 @@ const yr = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    ms,
+    hs,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Kr, {})
-] }), Zr = (e, t, n) => ({
+  /* @__PURE__ */ s(Zr, {})
+] }), Jr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(Os, { item: e, index: t })
-}), Jr = ({
+  content: /* @__PURE__ */ s(Ps, { item: e, index: t })
+}), Qr = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ps = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], zs = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Qr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), ei = ({ 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__ */ g("div", { className: "relative w-fit", children: [
+  return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -2699,15 +2699,15 @@ const yr = ({
         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(Os, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Ps, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Re, { onClick: l }) }) : null,
     /* @__PURE__ */ s(
-      Ds,
+      Os,
       {
         open: o,
-        items: Ps(
+        items: zs(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2716,7 +2716,7 @@ const yr = ({
       }
     )
   ] });
-}, zs = ({
+}, Fs = ({
   state: e,
   src: t,
   poster: n,
@@ -2728,15 +2728,15 @@ const yr = ({
   preload: d,
   onClick: m
 }) => {
-  const h = Jr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: f, viewerIndex: c, handleActivate: x, closeViewer: w } = Me(
+  const h = Qr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = Me(
     m
   );
   if (h.length === 0)
     return null;
   const p = h.map(
-    (v, b) => Zr(v, b, h.length)
+    (x, v) => Jr(x, v, h.length)
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     Ae,
     {
       variant: u,
@@ -2744,12 +2744,12 @@ const yr = ({
       groupPosition: o,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Rs, { tiles: p, onTileActivate: x }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Ls, { tiles: p, onTileActivate: b }) }),
         /* @__PURE__ */ s(
-          Ds,
+          Os,
           {
-            open: f,
-            items: Ps(h, r),
+            open: g,
+            items: zs(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -2757,27 +2757,27 @@ const yr = ({
       ]
     }
   );
-}, 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
+}, ti = (e) => /* @__PURE__ */ s(ei, { ...e }), si = (e) => /* @__PURE__ */ s(Fs, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ s(Fs, { ...e, state: "received" }), ai = {
+  Composer: ti,
+  Sent: si,
+  Received: ni
 }, ke = {
-  Image: Ur,
-  Video: ni,
-  Audio: fr,
-  Pdf: Xr,
-  File: Er
-}, Fs = Ve(void 0), ai = (e) => {
+  Image: jr,
+  Video: ai,
+  Audio: gr,
+  Pdf: Kr,
+  File: Ir
+}, Bs = Ve(void 0), ri = (e) => {
   var n;
   const t = (n = e.metadata) == null ? void 0 : n.broadcast_id;
   return typeof t == "string" ? t : void 0;
-}, ri = (e, t) => {
+}, ii = (e, t) => {
   if (!t || !(e != null && e.length))
     return;
   const n = /* @__PURE__ */ new Set();
   let a;
   for (const r of e) {
-    const i = ai(r);
+    const i = ri(r);
     if (!i || n.has(i))
       continue;
     n.add(i);
@@ -2785,31 +2785,31 @@ const yr = ({
     l && (a ?? (a = {}), a[i] = l);
   }
   return a;
-}, ii = (e, t) => {
+}, oi = (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]);
-}, oi = (e, t) => {
-  const n = ri(e, t), [a, r] = U(n);
-  return ii(a, n) ? a : (r(n), n);
-}, li = {
-  isUnlocking: () => !1
+}, li = (e, t) => {
+  const n = ii(e, t), [a, r] = U(n);
+  return oi(a, n) ? a : (r(n), n);
 }, ci = {
-  LockedAttachment: li
-}, Bs = Ve({}), rl = Bs.Provider;
-function di(e) {
-  return _e(Bs)[e] ?? ci[e];
+  isUnlocking: () => !1
+}, di = {
+  LockedAttachment: ci
+}, $s = Ve({}), ol = $s.Provider;
+function ui(e) {
+  return _e($s)[e] ?? di[e];
 }
-const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import("./Card-B4qcC_0B.js")), hi = () => /* @__PURE__ */ s(
+const mi = z.lazy(() => import("./Card-qS17qnN0.js")), hi = z.lazy(() => import("./Card-D4PPD5qa.js")), fi = () => /* @__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
   }
-), Fe = (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(
+), Fe = (e) => /* @__PURE__ */ s(nn, { fallback: /* @__PURE__ */ s(fi, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(mi, { ...e }) : /* @__PURE__ */ s(hi, { ...e }) }), gi = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2826,10 +2826,10 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
       }
     )
   }
-), gi = (e) => {
+), pi = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.TIP;
-}, $s = (e) => {
+}, Us = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.PAID;
 }, $e = (e) => {
@@ -2838,15 +2838,15 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
 }, wt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.ATTACHMENT;
-}, pi = (e) => {
+}, bi = (e) => {
   var t;
   return wt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, bi = (e) => {
+}, vi = (e) => {
   var t;
   return wt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Us = (e) => gi(e) || $s(e), vi = (e) => {
+}, js = (e) => pi(e) || Us(e), xi = (e) => {
   var t;
-  return Us(e) && !((t = e.text) != null && t.trim());
+  return js(e) && !((t = e.text) != null && t.trim());
 }, Ze = ({
   message: e,
   standalone: t = !1,
@@ -2854,15 +2854,15 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = Us(e), i = $e(e);
+  const r = js(e), i = $e(e);
   if (!r && !i)
     return null;
   if (r) {
-    const f = (u = e.metadata) == null ? void 0 : u.amount_text;
-    if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", x = $s(e) ? "message" : "tip", w = t ? `${f} ${x}` : `Delivered with ${f} ${x}`;
-    return /* @__PURE__ */ g("div", { className: c, children: [
-      /* @__PURE__ */ s(aa, { size: t ? 14 : 12 }),
+    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", b = Us(e) ? "message" : "tip", w = t ? `${g} ${b}` : `Delivered with ${g} ${b}`;
+    return /* @__PURE__ */ f("div", { className: c, children: [
+      /* @__PURE__ */ s(ra, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: w })
     ] });
   }
@@ -2870,19 +2870,19 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.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(fi, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ g(J, { children: [
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), h = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(gi, { size: l ? 12 : 15 }) });
+  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ f(J, { children: [
     m,
     h
-  ] }) : /* @__PURE__ */ g(J, { children: [
+  ] }) : /* @__PURE__ */ f(J, { children: [
     h,
     m
   ] }) });
-}, xi = ({
+}, wi = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
-}) => /* @__PURE__ */ g("div", { className: "message-vote-buttons", children: [
+}) => /* @__PURE__ */ f("div", { className: "message-vote-buttons", children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -2894,7 +2894,7 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(ra, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(ia, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2908,7 +2908,7 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(ia, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(oa, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
 ] }), _t = () => {
@@ -2921,10 +2921,10 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
       }
   })();
   return e.id === n;
-}, Je = () => _t() ? /* @__PURE__ */ g(J, { children: [
-  /* @__PURE__ */ s(ca, { weight: "bold", "aria-hidden": "true" }),
+}, Je = () => _t() ? /* @__PURE__ */ f(J, { children: [
+  /* @__PURE__ */ s(da, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, wi = () => _t() ? /* @__PURE__ */ g(J, { children: [
+] }) : null, _i = () => _t() ? /* @__PURE__ */ f(J, { children: [
   /* @__PURE__ */ s(
     xe,
     {
@@ -2934,14 +2934,14 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
     }
   ),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, _i = ({
+] }) : null, yi = ({
   broadcastId: e,
   broadcastName: t,
   resolvedBroadcastName: n,
   onBroadcastClick: a
 }) => {
-  const r = n || t, i = r || "Broadcast", l = /* @__PURE__ */ g(J, { children: [
-    /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(la, { weight: "fill" }) }),
+  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(ca, { weight: "fill" }) }),
     /* @__PURE__ */ s(
       "span",
       {
@@ -2964,25 +2964,25 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
       children: l
     }
   ) : l;
-}, yi = () => /* @__PURE__ */ g("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ s(oa, { weight: "bold", "aria-hidden": "true" }),
+}, Ni = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ s(la, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), Ni = ({
+] }), ki = ({
   onBroadcastClick: e,
   resolvedBroadcastName: t
 }) => {
-  var u, f;
+  var u, g;
   const { isMyMessage: n, message: a, threadList: r } = ge(
     "SentMessageDeliveryStatus"
   ), i = n(), l = _t();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
-    return /* @__PURE__ */ s(yi, {});
+    return /* @__PURE__ */ s(Ni, {});
   if (!i)
     return null;
-  const o = (u = a.metadata) == null ? void 0 : u.broadcast_id, d = (f = a.metadata) == null ? void 0 : f.broadcast_name, m = a.status !== "sending" && a.status !== "failed" && o ? /* @__PURE__ */ s(
-    _i,
+  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(
+    yi,
     {
       broadcastId: o,
       broadcastName: d,
@@ -2990,15 +2990,15 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
       onBroadcastClick: e
     }
   ) : null, h = /* @__PURE__ */ s(
-    ln,
+    cn,
     {
       MessageSentStatus: Je,
       MessageDeliveredStatus: Je,
       MessageReadStatus: Je,
-      MessageSendingStatus: wi
+      MessageSendingStatus: _i
     }
   );
-  return m ? /* @__PURE__ */ g("span", { className: "sent-message-status-row", children: [
+  return m ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
     h,
     l && /* @__PURE__ */ s(
       "span",
@@ -3010,19 +3010,19 @@ const ui = z.lazy(() => import("./Card-qS17qnN0.js")), mi = z.lazy(() => import(
     ),
     m
   ] }) : h;
-}, ki = /^([a-z][a-z0-9+.-]*):/i, Ci = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+}, Ci = /^([a-z][a-z0-9+.-]*):/i, Si = /* @__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 = ki.exec(t);
+  const n = Ci.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Ci.has(a) ? t : void 0;
+    return Si.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Si = {
+const Ei = {
   dark: {
     primary: "bg-white text-[#121110] hover:bg-white/90",
     secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -3031,7 +3031,7 @@ const Si = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, js = ({
+}, Vs = ({
   variant: e,
   cta: t,
   fullWidth: n = !0,
@@ -3039,42 +3039,42 @@ const Si = {
 }) => {
   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",
+    n ? "w-full" : "min-w-0",
     !a && "mt-2",
-    Si[e][r]
-  ), l = yt(t.href);
-  return l ? /* @__PURE__ */ s(
+    Ei[e][r]
+  ), l = n ? t.label : /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: t.label }), o = yt(t.href);
+  return o ? /* @__PURE__ */ s(
     "a",
     {
-      href: l,
+      href: o,
       target: "_blank",
       rel: "noopener noreferrer",
-      onClick: (o) => {
-        var d;
-        o.stopPropagation(), (d = t.onClick) == null || d.call(t);
+      onClick: (d) => {
+        var m;
+        d.stopPropagation(), (m = t.onClick) == null || m.call(t);
       },
       className: `${i} no-underline`,
-      children: t.label
+      children: l
     }
   ) : /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: (o) => {
-        var d;
-        o.stopPropagation(), (d = t.onClick) == null || d.call(t);
+      onClick: (d) => {
+        var m;
+        d.stopPropagation(), (m = t.onClick) == null || m.call(t);
       },
       className: i,
-      children: t.label
+      children: l
     }
   );
-}, Ei = {
+}, Ii = {
   dark: "text-white",
   light: "text-black/90"
-}, Ii = "text-white/30", Qt = {
+}, Ti = "text-white/30", Qt = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Ti = {
+}, Ai = {
   dark: "bg-white/25",
   light: "bg-black/15"
 }, Nt = ({
@@ -3091,12 +3091,12 @@ const Si = {
   trailingAction: h,
   isLoading: u = !1
 }) => {
-  const f = e === "dark", c = a ?? (f ? r : void 0) ?? "", x = c.trim() !== "", w = i != null && i.trim() !== "", p = typeof o == "string" ? o.trim() : "", v = p !== "", b = m != null;
-  if (!u && !x && !w && !v && !b)
+  const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", b = c.trim() !== "", w = i != null && i.trim() !== "", p = typeof o == "string" ? o.trim() : "", x = p !== "", v = m != null;
+  if (!u && !b && !w && !x && !v)
     return null;
-  const N = f && !a, _ = k(
+  const N = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    n == null && (N ? Ii : Ei[e])
+    n == null && (N ? Ti : Ii[e])
   ), A = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
     n == null && Qt[e]
@@ -3108,9 +3108,9 @@ const Si = {
   if (u) {
     const $ = k(
       "animate-pulse rounded",
-      Ti[e]
+      Ai[e]
     );
-    return /* @__PURE__ */ s("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
+    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 })
     ] }) });
@@ -3122,10 +3122,10 @@ const Si = {
     WebkitLineClamp: l,
     overflow: "hidden"
   } : L;
-  return /* @__PURE__ */ g("div", { className: "shrink-0 px-4 py-3", children: [
-    /* @__PURE__ */ g("div", { className: "flex items-end gap-3", children: [
-      /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
-        x && /* @__PURE__ */ g("div", { className: "flex min-w-0 items-center gap-2", children: [
+  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: [
+        b && /* @__PURE__ */ f("div", { className: "flex min-w-0 items-center gap-2", children: [
           d ? /* @__PURE__ */ s("span", { className: "shrink-0", children: d }) : null,
           /* @__PURE__ */ s(
             "p",
@@ -3137,18 +3137,18 @@ const Si = {
           )
         ] }),
         w && /* @__PURE__ */ s("p", { className: R, style: D, children: i }),
-        !b && v && /* @__PURE__ */ s("p", { className: A, style: L, children: p })
+        !v && x && /* @__PURE__ */ s("p", { className: A, style: L, children: p })
       ] }),
       h && /* @__PURE__ */ s("div", { className: "shrink-0", children: h })
     ] }),
-    m && /* @__PURE__ */ s(js, { variant: t ?? e, cta: m })
+    m && /* @__PURE__ */ s(Vs, { variant: t ?? e, cta: m })
   ] });
-}, Ai = "Loading link preview", Ri = k(
+}, Ri = "Loading link preview", Li = 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]"
-), Li = "flex h-[250px] flex-col", Ee = ({
+), Mi = "flex h-[250px] flex-col", Ee = ({
   variant: e,
   children: t,
   href: n,
@@ -3162,10 +3162,10 @@ const Si = {
   busy: h = !1,
   "data-testid": u
 }) => {
-  const f = n != null || a != null, c = k(
+  const g = n != null || a != null, c = k(
     "messaging-link-card",
-    Ri,
-    m ? Li : "block",
+    Li,
+    m ? Mi : "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
@@ -3186,9 +3186,9 @@ const Si = {
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
-    f ? "cursor-pointer no-underline focus-ring" : 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__ */ g(
+    g ? "cursor-pointer no-underline focus-ring" : null
+  ), b = h ? { role: "status", "aria-busy": !0, "aria-label": Ri } : 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",
     {
       ref: i,
@@ -3200,13 +3200,13 @@ const Si = {
       "data-variant": e,
       className: c,
       style: w,
-      ...x,
+      ...b,
       children: [
         t,
         p
       ]
     }
-  ) : a ? /* @__PURE__ */ g(
+  ) : a ? /* @__PURE__ */ f(
     "button",
     {
       ref: i,
@@ -3217,13 +3217,13 @@ const Si = {
       "data-variant": e,
       className: k(c, "text-left"),
       style: w,
-      ...x,
+      ...b,
       children: [
         t,
         p
       ]
     }
-  ) : /* @__PURE__ */ g(
+  ) : /* @__PURE__ */ f(
     "div",
     {
       ref: i,
@@ -3231,7 +3231,7 @@ const Si = {
       "data-variant": e,
       className: c,
       style: w,
-      ...x,
+      ...b,
       children: [
         t,
         p
@@ -3241,7 +3241,7 @@ const Si = {
 }, es = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Mi = {
+}, Di = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, De = (e, t) => !!t && !!e && ue(e) === "audio", kt = (e, t) => {
@@ -3269,7 +3269,7 @@ const Si = {
       className: "block w-full",
       children: /* @__PURE__ */ s("track", { kind: "captions" })
     }
-  ) }) : /* @__PURE__ */ g(
+  ) }) : /* @__PURE__ */ f(
     "div",
     {
       className: k(
@@ -3296,7 +3296,7 @@ const Si = {
               "aria-hidden": !0
             }
           )
-        ) : h ? /* @__PURE__ */ g(J, { children: [
+        ) : h ? /* @__PURE__ */ f(J, { children: [
           /* @__PURE__ */ s(
             "video",
             {
@@ -3338,7 +3338,7 @@ const Si = {
               es[e]
             ),
             children: we(r, {
-              className: Mi[e],
+              className: Di[e],
               weight: "regular"
             })
           }
@@ -3348,14 +3348,14 @@ const Si = {
       ]
     }
   );
-}, Di = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Oi(e) {
+}, Oi = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Pi(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Pi = "#FFFFFF", Vs = "#040403", zi = {
-  dark: Pi,
-  light: Vs
+const zi = "#FFFFFF", Hs = "#040403", Fi = {
+  dark: zi,
+  light: Hs
 };
 function He({
   variant: e,
@@ -3372,17 +3372,17 @@ function He({
   }, [r]);
   const m = z.useCallback(() => {
     d(!0);
-  }, []), 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];
+  }, []), h = De(i, l), c = a === "featured" && !!r && !h && !o && n === "ready" && t != null && Oi.test(t.trim()) ? Pi(t) : void 0, b = h ? Hs : Fi[e];
   return {
     thumbnailUrl: o ? void 0 : r,
     accentHex: c,
-    chinTextColor: x,
+    chinTextColor: b,
     surface: h ? "light" : e,
     isLoading: n === "loading",
     onImageError: m
   };
 }
-const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Bi = "relative before:absolute before:-inset-[10px] before:content-['']", $i = ({
+const Bi = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", $i = "relative before:absolute before:-inset-[10px] before:content-['']", Ui = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3395,15 +3395,15 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   appIcon: m,
   cta: h,
   accentColor: u,
-  status: f = "ready",
+  status: g = "ready",
   onDismiss: c,
-  onEditClick: x,
+  onEditClick: b,
   dismissLabel: w = "Dismiss attachment"
 }) => {
-  const p = d === "classic", v = De(i, o), b = He({
+  const p = d === "classic", x = De(i, o), v = He({
     variant: "dark",
     accentColor: u,
-    status: f,
+    status: g,
     layout: d,
     thumbnailUrl: l,
     mimeType: i,
@@ -3415,22 +3415,22 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: c,
       "aria-label": w,
       className: k(
-        Fi,
-        !v && Bi
+        Bi,
+        !x && $i
       ),
       children: /* @__PURE__ */ s(lt, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, _ = x ? /* @__PURE__ */ s(
+  ) : void 0, _ = b ? /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      onClick: x,
+      onClick: b,
       "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(da, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(ua, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return v && !b.isLoading ? /* @__PURE__ */ s(Ee, { variant: "dark", bgClassName: Ct, children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !v.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(
       Ie,
       {
@@ -3441,34 +3441,34 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     ) }),
     N && /* @__PURE__ */ s("div", { className: "shrink-0", children: N })
-  ] }) }) : /* @__PURE__ */ g(
+  ] }) }) : /* @__PURE__ */ f(
     Ee,
     {
       variant: "dark",
       fixedHeight: !p,
-      accentHex: b.accentHex,
-      busy: b.isLoading,
+      accentHex: v.accentHex,
+      busy: v.isLoading,
       topRight: p ? N : void 0,
       children: [
         !p && /* @__PURE__ */ s(
           Ie,
           {
             variant: "dark",
-            thumbnailUrl: b.thumbnailUrl,
+            thumbnailUrl: v.thumbnailUrl,
             sourceUrl: o,
             title: e,
             mimeType: i,
             topRight: N,
-            isLoading: b.isLoading,
-            onImageError: b.onImageError
+            isLoading: v.isLoading,
+            onImageError: v.onImageError
           }
         ),
         /* @__PURE__ */ s(
           Nt,
           {
-            chinTextColor: b.chinTextColor,
+            chinTextColor: v.chinTextColor,
             variant: "dark",
-            ctaSurface: b.surface,
+            ctaSurface: v.surface,
             title: e,
             placeholderTitle: t,
             description: n,
@@ -3477,7 +3477,7 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
             appIcon: m,
             cta: h,
             trailingAction: _,
-            isLoading: b.isLoading
+            isLoading: v.isLoading
           }
         )
       ]
@@ -3492,7 +3492,7 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   // `isolate` keeps the tail's negative z-index from escaping behind the
   // thread background; `w-fit` stops the wrapper from stretching in the
   // composer's flex list.
-  /* @__PURE__ */ g("div", { className: "relative isolate w-fit", children: [
+  /* @__PURE__ */ f("div", { className: "relative isolate w-fit", children: [
     a,
     /* @__PURE__ */ s(
       "span",
@@ -3508,7 +3508,7 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ s(J, { children: a }), Ui = ({
+) : /* @__PURE__ */ s(J, { children: a }), ji = ({
   title: e,
   description: t,
   descriptionLines: n,
@@ -3521,14 +3521,14 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   cta: m,
   accentColor: h,
   status: u = "ready",
-  onClick: f,
+  onClick: g,
   groupPosition: c = "single"
 }) => {
-  const x = kt(r, l), w = yt(a), p = m == null && w != null && !x ? w : void 0, v = m == null && !x ? f : void 0, b = u !== "loading" && De(r, l) ? Ct : void 0, N = m && f ? {
+  const b = kt(r, l), w = yt(a), p = m == null && w != null && !b ? w : void 0, x = m == null && !b ? g : void 0, v = u !== "loading" && De(r, l) ? Ct : void 0, N = m && g ? {
     ...m,
     onClick: () => {
       var A;
-      f(), (A = m.onClick) == null || A.call(m);
+      g(), (A = m.onClick) == null || A.call(m);
     }
   } : m, _ = He({
     variant: "light",
@@ -3544,18 +3544,18 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     {
       accentHex: _.accentHex,
       side: "receiver",
-      visible: b == null && (c === "single" || c === "end"),
-      children: /* @__PURE__ */ g(
+      visible: v == null && (c === "single" || c === "end"),
+      children: /* @__PURE__ */ f(
         Ee,
         {
           variant: "light",
           href: p,
-          onClick: v,
+          onClick: x,
           ariaLabel: e ?? "Open attachment preview",
-          fixedHeight: o === "featured" && b == null,
+          fixedHeight: o === "featured" && v == null,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: b,
+          bgClassName: v,
           "data-testid": "link-attachment",
           children: [
             o === "featured" && /* @__PURE__ */ s(
@@ -3590,7 +3590,7 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, ji = ({
+}, Vi = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3603,14 +3603,14 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   appIcon: m,
   cta: h,
   accentColor: u,
-  status: f = "ready",
+  status: g = "ready",
   onClick: c,
-  groupPosition: x = "single"
+  groupPosition: b = "single"
 }) => {
-  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 = f !== "loading" && De(i, o), _ = He({
+  const w = kt(i, o), p = yt(r), x = h == null && p != null && !w ? p : void 0, v = h == null && !w && x != null ? c : void 0, N = g !== "loading" && De(i, o), _ = He({
     variant: "dark",
     accentColor: u,
-    status: f,
+    status: g,
     layout: d,
     thumbnailUrl: l,
     mimeType: i,
@@ -3621,13 +3621,13 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     {
       accentHex: _.accentHex,
       side: "sender",
-      visible: !N && (x === "single" || x === "end"),
-      children: /* @__PURE__ */ g(
+      visible: !N && (b === "single" || b === "end"),
+      children: /* @__PURE__ */ f(
         Ee,
         {
           variant: "dark",
-          href: v,
-          onClick: b,
+          href: x,
+          onClick: v,
           fixedHeight: d === "featured" && !N,
           accentHex: _.accentHex,
           busy: _.isLoading,
@@ -3667,9 +3667,9 @@ const Fi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   );
 }, ot = {
-  Composer: $i,
-  Sent: ji,
-  Received: Ui
+  Composer: Ui,
+  Sent: Vi,
+  Received: ji
 };
 function M(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3678,7 +3678,7 @@ function M(e) {
 function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Vi(e, t) {
+function Hi(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = ts(e), a = ts(t);
@@ -3711,15 +3711,15 @@ function ss(e) {
     status: "ready"
   };
 }
-function Hi(e) {
+function Gi(e) {
   var t;
-  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;
+  return Gs(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 Hs(e) {
+function Gs(e) {
   const t = M(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Gs(e) {
+function Ys(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3737,25 +3737,25 @@ function Gs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Hs(r)) {
+    if (Gs(r)) {
       a(r);
       continue;
     }
-    const i = Hi(r);
+    const i = Gi(r);
     i && n(i, r);
   }
   return t;
 }
-function Gi(e) {
+function Yi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function Yi(e, t, n) {
+function Wi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function ns(e) {
   return M(e.image_url) ?? M(e.asset_url) ?? "";
 }
-function Wi(e) {
+function qi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3769,7 +3769,7 @@ function Wi(e) {
       return ke.File;
   }
 }
-function qi(e, t) {
+function Xi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
@@ -3852,73 +3852,73 @@ function qi(e, t) {
       };
   }
 }
-function Xi({
+function Ki({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = Wi(n.kind), r = {
-    ...qi(n.kind, n.attachments),
+  const a = qi(n.kind), r = {
+    ...Xi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const Ki = ({
+const Zi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var w;
-  const r = Gs(n.attachments);
+  const r = Ys(n.attachments);
   if (r.length === 0) return null;
-  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;
+  const i = Yi(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 && Hi(l, d) ? void 0 : l;
   let h = 0;
-  const u = [], f = m ? "middle" : e, c = (p, v, b) => {
+  const u = [], g = m ? "middle" : e, c = (p, x, v) => {
     const N = t ? ot.Sent : ot.Received;
     u.push(
       /* @__PURE__ */ s(
         N,
         {
           ...ss(p),
-          groupPosition: b ? f : "middle"
+          groupPosition: v ? g : "middle"
         },
-        v
+        x
       )
     );
-  }, x = (p, v) => {
-    const b = Yi(
+  }, b = (p, x) => {
+    const v = Wi(
       h,
       i,
       e
     );
     h += 1, u.push(
       /* @__PURE__ */ s(
-        Xi,
+        Ki,
         {
-          groupPosition: b,
+          groupPosition: v,
           isMyMessage: t,
           segment: p
         },
-        v
+        x
       )
     );
   };
-  return r.forEach((p, v) => {
-    const b = v === r.length - 1;
+  return r.forEach((p, x) => {
+    const v = x === r.length - 1;
     if (p.type === "link") {
       p.attachments.forEach((N, _) => {
         c(
           N,
-          `link-${v}-${_}`,
-          b && _ === p.attachments.length - 1
+          `link-${x}-${_}`,
+          v && _ === p.attachments.length - 1
         );
       });
       return;
     }
-    x(p, `media-${v}`);
-  }), /* @__PURE__ */ g("div", { className: "str-chat__message-bubble-wrapper", children: [
-    /* @__PURE__ */ g(
+    b(p, `media-${x}`);
+  }), /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
+    /* @__PURE__ */ f(
       "div",
       {
         className: "str-chat__message-bubble",
@@ -3935,12 +3935,12 @@ const Ki = ({
         ]
       }
     ),
-    m ? /* @__PURE__ */ g("div", { className: "str-chat__message-bubble", children: [
+    m ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble", children: [
       /* @__PURE__ */ s(Be, { message: n, renderText: a }),
       /* @__PURE__ */ s(st, {})
     ] }) : null
   ] });
-}, Zi = (e) => {
+}, Ji = (e) => {
   var Mt, Dt, Ot, Pt, zt, Ft, Bt, $t, Ut, jt;
   const {
     additionalMessageInputProps: t,
@@ -3954,57 +3954,57 @@ const Ki = ({
     handleRetry: m,
     highlighted: h,
     isMessageAIGenerated: u,
-    isMyMessage: f,
+    isMyMessage: g,
     message: c,
-    renderText: x,
+    renderText: b,
     threadList: w,
     viewerLanguage: p,
-    onBroadcastClick: v,
-    resolvedBroadcastName: b
-  } = 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,
+    onBroadcastClick: x,
+    resolvedBroadcastName: v
+  } = e, { client: N } = Te("CustomMessage"), { channel: _ } = fe("CustomMessage"), { isUnlocking: A, onUnlockClick: R, onFetchSource: L, onDownloadClick: D } = ui("LockedAttachment"), [$, O] = U(!1), C = un(c.id), { selected: P, voteUp: S, voteDown: T } = Pa(c), {
+    Attachment: E = mn,
+    EditMessageModal: B = hn,
     MessageActions: F,
-    MessageBlocked: j = hn,
-    MessageBouncePrompt: K = fn,
-    MessageDeleted: se = gn,
-    MessageIsThreadReplyInChannelButtonIndicator: G = pn,
-    MessageRepliesCountButton: y = bn,
-    ReminderNotification: I = vn,
-    StreamedMessageText: W = xn,
+    MessageBlocked: j = fn,
+    MessageBouncePrompt: K = gn,
+    MessageDeleted: se = pn,
+    MessageIsThreadReplyInChannelButtonIndicator: G = bn,
+    MessageRepliesCountButton: y = vn,
+    ReminderNotification: I = xn,
+    StreamedMessageText: W = wn,
     PinIndicator: Q
-  } = ls("CustomMessage"), X = wn(c), ne = _n(c), Z = ae(
+  } = cs("CustomMessage"), X = _n(c), ne = yn(c), Z = ae(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), V = ae(() => {
     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));
+    const Vt = ve.filter((Ht) => !("type" in Ht) || !Cs(Ht));
     return Vt.length === ve.length ? ve : Vt;
   }, [c]), ee = ae(
-    () => Gs(V),
+    () => Ys(V),
     [V]
   ), ie = ae(() => {
-    const he = xs({ message: c, viewerLanguage: p });
+    const he = ws({ 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 = lr({
+  ) === ((V == null ? void 0 : V.length) ?? 0), oe = cr({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l
   });
-  if (yn(c))
+  if (Nn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(se, { message: c });
-  if (Nn(c))
+  if (kn(c))
     return /* @__PURE__ */ s(j, {});
-  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);
+  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 = Cn(c);
   let pe;
   Et ? pe = () => m(c) : It && (pe = () => O(!0));
-  const te = f(), Js = k(
+  const te = g(), Qs = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -4021,11 +4021,11 @@ const Ki = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), 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 = {
+  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Tt = xi(c), be = $e(c), en = wt(c), Ye = !!(V != null && V.length && !c.quoted_message), At = be && te && Ye, tn = Oe && Pe && !c.quoted_message && !Ge && !Z && !be, Rt = {
     contentType: "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(Be, { message: ie, renderText: x })
+    renderedText: c.text && /* @__PURE__ */ s(Be, { message: ie, renderText: b })
   }, Lt = {
     contentType: "media",
     title: (zt = c.metadata) == null ? void 0 : zt.attachment_title,
@@ -4036,7 +4036,7 @@ const Ki = ({
     paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
     onFetchSource: L ? () => L(c, _) : void 0
   };
-  return /* @__PURE__ */ g(J, { children: [
+  return /* @__PURE__ */ f(J, { children: [
     a && /* @__PURE__ */ s(
       B,
       {
@@ -4044,17 +4044,17 @@ const Ki = ({
       }
     ),
     $ && /* @__PURE__ */ s(
-      Cn,
+      Sn,
       {
         MessageBouncePrompt: K,
         onClose: () => O(!1),
         open: $
       }
     ),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ f(
       "div",
       {
-        className: Js,
+        className: Qs,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4089,7 +4089,7 @@ const Ki = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Tt ? /* @__PURE__ */ s(Ze, { message: c, standalone: !0 }) : pi(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+              children: Tt ? /* @__PURE__ */ s(Ze, { message: c, standalone: !0 }) : bi(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                 te && F && /* @__PURE__ */ s(F, {}),
                 te ? /* @__PURE__ */ s(
                   Fe,
@@ -4107,8 +4107,8 @@ const Ki = ({
                   }
                 ),
                 !te && F && /* @__PURE__ */ s(F, {})
-              ] }) }) : bi(c) ? /* @__PURE__ */ g("div", { className: "str-chat__message-bubble-wrapper", children: [
-                /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+              ] }) }) : vi(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
+                /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                   te && F && /* @__PURE__ */ s(F, {}),
                   te ? /* @__PURE__ */ s(
                     Fe,
@@ -4133,11 +4133,11 @@ const Ki = ({
                   Be,
                   {
                     message: ie,
-                    renderText: x
+                    renderText: b
                   }
                 ) })
-              ] }) : en ? /* @__PURE__ */ s(
-                Ki,
+              ] }) : tn ? /* @__PURE__ */ s(
+                Zi,
                 {
                   groupPosition: oe,
                   isMyMessage: te,
@@ -4149,9 +4149,9 @@ const Ki = ({
                     // the caption uses displayMessage.text from viewerLanguage.
                     i18n: void 0
                   },
-                  renderText: x
+                  renderText: b
                 }
-              ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ g("div", { className: "str-chat__message-bubble", children: [
+              ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "str-chat__message-bubble", children: [
                 be && !At && /* @__PURE__ */ s(
                   Ze,
                   {
@@ -4160,7 +4160,7 @@ const Ki = ({
                     isMyMessage: te
                   }
                 ),
-                Ge && /* @__PURE__ */ s(Sn, { poll: Ge }),
+                Ge && /* @__PURE__ */ s(En, { poll: Ge }),
                 V != null && V.length && !c.quoted_message ? /* @__PURE__ */ s(
                   E,
                   {
@@ -4172,20 +4172,20 @@ const Ki = ({
                   W,
                   {
                     message: ie,
-                    renderText: x
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ s(
                   Be,
                   {
                     message: ie,
-                    renderText: x
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ s(st, {})
               ] }) })
             }
           ),
-          !Qs && !Tt && /* @__PURE__ */ g("div", { className: "str-chat__message-footer", children: [
+          !en && !Tt && /* @__PURE__ */ f("div", { className: "str-chat__message-footer", children: [
             (!be || At) && /* @__PURE__ */ s(
               Ze,
               {
@@ -4195,7 +4195,7 @@ const Ki = ({
               }
             ),
             n && be && /* @__PURE__ */ s(
-              xi,
+              wi,
               {
                 selected: P,
                 onVoteUp: S,
@@ -4204,10 +4204,10 @@ const Ki = ({
             )
           ] }),
           /* @__PURE__ */ s(
-            Ni,
+            ki,
             {
-              onBroadcastClick: v,
-              resolvedBroadcastName: b
+              onBroadcastClick: x,
+              resolvedBroadcastName: v
             }
           ),
           me && /* @__PURE__ */ s(
@@ -4223,65 +4223,65 @@ const Ki = ({
       c.id
     )
   ] });
-}, Ji = z.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) => {
+}, Qi = z.memo(
+  Ji,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick || e.resolvedBroadcastName !== t.resolvedBroadcastName ? !1 : dn(e, t)
+), eo = (e) => {
   var i;
-  const t = ge("CustomMessage"), n = _e(Fs), 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(
-    Ji,
+    Qi,
     {
       ...t,
       ...e,
       resolvedBroadcastName: r
     }
   );
-}, eo = () => {
+}, to = () => {
   var n;
   const { handleDelete: e, message: t } = ge("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    hs,
+    fs,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(ua, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ma, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, to = () => {
+}, so = () => {
   const { handleFlag: e } = ge("CustomMessageActions");
   return /* @__PURE__ */ s(
-    hs,
+    fs,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(cs, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ds, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, so = () => {
+}, no = () => {
   var t;
   const { message: e } = ge("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== ce.ATTACHMENT ? null : /* @__PURE__ */ s(
-    wa,
+    _a,
     {
       messageActionSet: [
-        { Component: eo, placement: "quick", type: "delete" },
-        { Component: to, placement: "quick", type: "flag" }
+        { Component: to, placement: "quick", type: "delete" },
+        { Component: so, placement: "quick", type: "flag" }
       ]
     }
   );
-}, no = (e) => ({
+}, ao = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => tt.previewIsLoaded(t) || tt.previewIsLoading(t)
   )
-}), ao = () => {
-  const { linkPreviewsManager: e } = En(), { linkPreviews: t } = In(
+}), ro = () => {
+  const { linkPreviewsManager: e } = In(), { linkPreviews: t } = Tn(
     e.state,
-    no
+    ao
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -4345,7 +4345,7 @@ const Ki = ({
       );
     }) })
   ) : null;
-}, Ue = z.createContext(!1), ro = 200, il = () => _e(Ue), io = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ue = z.createContext(!1), io = 200, ll = () => _e(Ue), oo = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -4354,13 +4354,13 @@ const Ki = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ s(ma, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(ha, { weight: "bold", className: "size-4" })
   }
 ), as = () => {
-  const e = _e(Ue), { handleSubmit: t } = Tn(), n = An(), a = e || !n, {
-    SendButton: r = io,
-    AttachmentPreviewList: i = Rn
-  } = ls("CustomMessageInput"), l = z.useRef(null);
+  const e = _e(Ue), { handleSubmit: t } = An(), n = Rn(), a = e || !n, {
+    SendButton: r = oo,
+    AttachmentPreviewList: i = Ln
+  } = cs("CustomMessageInput"), l = z.useRef(null);
   return z.useEffect(() => {
     const o = l.current;
     if (!o || typeof ResizeObserver > "u")
@@ -4376,7 +4376,7 @@ const Ki = ({
     const d = (m) => {
       var u;
       Array.from(((u = m.clipboardData) == null ? void 0 : u.items) ?? []).some(
-        (f) => f.kind === "file"
+        (g) => g.kind === "file"
       ) || m.stopPropagation();
     };
     return o.addEventListener("paste", d), () => o.removeEventListener("paste", d);
@@ -4415,21 +4415,21 @@ const Ki = ({
   // than through this React tree, bypassing the two wrappers below. The
   // `[&>:not(...)]:p-2` variant restores the container's old inset for any
   // such foreign direct child, without re-adding it to our own wrappers.
-  /* @__PURE__ */ g(
+  /* @__PURE__ */ f(
     "div",
     {
       ref: l,
       className: "central-container flex flex-col min-w-0 w-full max-h-[calc(var(--messaging-surface-height,100dvh)*0.5)] overflow-y-auto overscroll-contain bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)] [&>:not(.messaging-composer-previews):not(.messaging-composer-row)]:p-2",
       "data-dd-privacy": "mask",
       children: [
-        /* @__PURE__ */ g("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
-          /* @__PURE__ */ s(Ln, {}),
-          /* @__PURE__ */ s(ao, {}),
+        /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
+          /* @__PURE__ */ s(Mn, {}),
+          /* @__PURE__ */ s(ro, {}),
           /* @__PURE__ */ s(i, {})
         ] }),
-        /* @__PURE__ */ g("div", { className: "messaging-composer-row flex items-start", children: [
+        /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ s(
-            Mn,
+            Dn,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4469,34 +4469,34 @@ const Ki = ({
   return z.useEffect(() => {
     if (!d)
       return;
-    const u = m.current, f = u == null ? void 0 : u.parentElement;
-    if (!u || !f)
+    const u = m.current, g = u == null ? void 0 : u.parentElement;
+    if (!u || !g)
       return;
     let c = u.offsetHeight;
-    const x = () => {
-      const p = u.offsetHeight, v = p > c;
+    const b = () => {
+      const p = u.offsetHeight, x = p > c;
       c = p;
-      const b = Array.from(
-        f.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < ro : !1;
-      f.style.setProperty(
+      const v = Array.from(
+        g.querySelectorAll(".str-chat__list")
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = v ? v.scrollHeight - v.scrollTop - v.clientHeight < io : !1;
+      g.style.setProperty(
         "--messaging-composer-height",
         `${p}px`
-      ), v && N && b && (b.scrollTop = b.scrollHeight);
+      ), x && N && v && (v.scrollTop = v.scrollHeight);
     };
-    if (x(), typeof ResizeObserver > "u")
+    if (b(), typeof ResizeObserver > "u")
       return;
-    const w = new ResizeObserver(x);
+    const w = new ResizeObserver(b);
     return w.observe(u), () => {
-      w.disconnect(), f.style.removeProperty("--messaging-composer-height");
+      w.disconnect(), g.style.removeProperty("--messaging-composer-height");
     };
-  }, [d]), a ? d ? /* @__PURE__ */ g(
+  }, [d]), a ? d ? /* @__PURE__ */ f(
     "div",
     {
       ref: m,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ g("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+        /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
@@ -4504,24 +4504,24 @@ const Ki = ({
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-gradient" })
         ] }),
-        /* @__PURE__ */ g("div", { className: "relative z-10 flex flex-col", children: [
+        /* @__PURE__ */ f("div", { className: "relative z-10 flex flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
           n == null ? void 0 : n()
         ] })
       ]
     }
-  ) : /* @__PURE__ */ g(J, { children: [
+  ) : /* @__PURE__ */ f(J, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     n == null ? void 0 : n()
-  ] }) : d ? /* @__PURE__ */ g(
+  ] }) : d ? /* @__PURE__ */ f(
     "div",
     {
       ref: m,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ g("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+        /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
@@ -4529,10 +4529,10 @@ const Ki = ({
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-blur" }),
           /* @__PURE__ */ s("div", { className: "messaging-composer-backdrop-gradient" })
         ] }),
-        /* @__PURE__ */ g("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
+        /* @__PURE__ */ f("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
           t == null ? void 0 : t(),
-          /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
-            /* @__PURE__ */ g(
+          /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
+            /* @__PURE__ */ f(
               "div",
               {
                 inert: o ? "" : void 0,
@@ -4549,9 +4549,9 @@ const Ki = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ g("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
+  ) : /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
     t == null ? void 0 : t(),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ f(
       "div",
       {
         inert: o ? "" : void 0,
@@ -4565,17 +4565,17 @@ const Ki = ({
     ),
     n == null ? void 0 : n()
   ] });
-}, oo = {
+}, lo = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, lo = ["SYSTEM_AGE_SAFETY_BLOCKED"], co = {
+}, co = ["SYSTEM_AGE_SAFETY_BLOCKED"], uo = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Qe = "age safety guidelines.", uo = "https://linktr.ee/s/about/contact", mo = (e) => lo.includes(
+}, Qe = "age safety guidelines.", mo = "https://linktr.ee/s/about/contact", ho = (e) => co.includes(
   e
-), ho = (e) => {
+), fo = (e) => {
   var t;
-  return mo((t = e.metadata) == null ? void 0 : t.custom_type);
-}, fo = (e) => {
+  return ho((t = e.metadata) == null ? void 0 : t.custom_type);
+}, go = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (qt(t))
@@ -4583,7 +4583,7 @@ const Ki = ({
       kind: "dm-agent",
       type: t
     };
-  if (ba(t))
+  if (va(t))
     return {
       kind: "age-safety",
       type: t
@@ -4594,17 +4594,17 @@ const Ki = ({
       kind: "dm-agent",
       type: n
     };
-}, go = (e) => {
+}, po = (e) => {
   const t = e.indexOf(Qe);
   if (t === -1)
     return e;
   const n = t + Qe.length;
-  return /* @__PURE__ */ g(J, { children: [
+  return /* @__PURE__ */ f(J, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: uo,
+        href: mo,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4613,15 +4613,15 @@ const Ki = ({
     ),
     e.slice(n)
   ] });
-}, po = (e) => {
+}, bo = (e) => {
   var a, r;
-  const t = !ho(e.message), n = fo(
+  const t = !fo(e.message), n = go(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || oo[n.type];
-    return /* @__PURE__ */ g("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ g(
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || lo[n.type];
+    return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ f(
         "div",
         {
           className: "mes-dm-agent-system-message mx-auto mb-2 inline-flex w-fit max-w-[min(100%,480px)] items-center justify-center gap-[10px] rounded-[12px] border border-[rgba(0,0,0,0.08)] p-3 text-[rgba(0,0,0,0.55)]",
@@ -4629,7 +4629,7 @@ const Ki = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ha,
+              fa,
               {
                 size: 16,
                 weight: "regular",
@@ -4645,9 +4645,9 @@ const Ki = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || co[n.type];
-    return /* @__PURE__ */ g("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-      /* @__PURE__ */ g(
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || uo[n.type];
+    return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+      /* @__PURE__ */ f(
         "div",
         {
           className: "mes-age-safety-system-message box-border mx-auto mb-2 flex w-full max-w-[329px] items-start justify-center gap-3 rounded-[12px] border border-[var(--border-secondary,rgba(0,0,0,0.08))] bg-[var(--bg-warning-subtle,#fef3c6)] px-2 py-4 pl-5 text-[color:var(--text-warning-on-warning,#894b00)]",
@@ -4655,7 +4655,7 @@ const Ki = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              fa,
+              ga,
               {
                 size: 24,
                 weight: "duotone",
@@ -4664,22 +4664,22 @@ const Ki = ({
                 "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: go(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: po(i) }) })
           ]
         }
       ),
       !t && /* @__PURE__ */ s(We, { message: e.message })
     ] });
   }
-  return /* @__PURE__ */ g("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
-    /* @__PURE__ */ g("div", { className: "str-chat__message--system__text", children: [
+  return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
+    /* @__PURE__ */ f("div", { className: "str-chat__message--system__text", children: [
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" }),
       /* @__PURE__ */ s("p", { children: e.message.text }),
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" })
     ] }),
     !t && /* @__PURE__ */ s(We, { message: e.message })
   ] });
-}, Ys = Ve(!1), et = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Ws = 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",
@@ -4689,15 +4689,15 @@ const Ki = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), bo = /* @__PURE__ */ new Set([
+) }), vo = /* @__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 } = 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);
+]), xo = ({ threadList: e }) => {
+  var b, w;
+  const { channel: t, channelConfig: n, thread: a } = fe(), { client: r } = Te(), { typing: i = {} } = On(), { aiState: l } = Pn(t), o = _e(Ws);
+  if (!e && o && vo.has(l)) {
+    const p = wo(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ s(
       is,
       {
@@ -4711,25 +4711,25 @@ const Ki = ({
   if ((n == null ? void 0 : n.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: p, user: v }) => {
-      var b;
-      return (v == null ? void 0 : v.id) !== ((b = r.user) == null ? void 0 : b.id) && !p;
+    ({ parent_id: p, user: x }) => {
+      var v;
+      return (x == null ? void 0 : x.id) !== ((v = r.user) == null ? void 0 : v.id) && !p;
     }
   ), h = e ? Object.values(i).filter(
-    ({ parent_id: p, user: v }) => {
-      var b;
-      return (v == null ? void 0 : v.id) !== ((b = r.user) == null ? void 0 : b.id) && p === (a == null ? void 0 : a.id);
+    ({ parent_id: p, user: x }) => {
+      var v;
+      return (x == null ? void 0 : x.id) !== ((v = r.user) == null ? void 0 : v.id) && p === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? h : m;
   if (!u.length)
     return null;
-  const f = (w = u[0]) == null ? void 0 : w.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  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(
     is,
     {
-      avatarId: (f == null ? void 0 : f.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
-      avatarName: (f == null ? void 0 : f.name) ?? (c == null ? void 0 : c.name) ?? (f == null ? void 0 : f.id) ?? "Typing user",
-      avatarImage: (f == null ? void 0 : f.image) ?? (c == null ? void 0 : c.image),
+      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",
+      avatarImage: (g == null ? void 0 : g.image) ?? (c == null ? void 0 : c.image),
       testId: "typing-indicator"
     }
   );
@@ -4746,7 +4746,7 @@ const Ki = ({
     style: {
       marginBottom: "var(--messaging-channel-input-spacer-height, 80px)"
     },
-    children: /* @__PURE__ */ g("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
+    children: /* @__PURE__ */ f("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
         ye,
         {
@@ -4758,7 +4758,7 @@ const Ki = ({
           shape: "circle"
         }
       ),
-      /* @__PURE__ */ s("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ g(
+      /* @__PURE__ */ s("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ s("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ f(
         "svg",
         {
           "aria-hidden": "true",
@@ -4777,7 +4777,7 @@ const Ki = ({
     ] })
   }
 );
-function xo(e, t) {
+function wo(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)) {
@@ -4786,12 +4786,12 @@ function xo(e, t) {
       return i;
   }
 }
-const wo = () => null, _o = ({ className: e, message: t }) => /* @__PURE__ */ g(
+const _o = () => null, yo = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
     children: [
-      /* @__PURE__ */ g("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
+      /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ s("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ s(
           "animateTransform",
           {
@@ -4829,12 +4829,12 @@ const wo = () => null, _o = ({ className: e, message: t }) => /* @__PURE__ */ g(
       t && /* @__PURE__ */ s("span", { className: "text-stone", children: t })
     ]
   }
-), je = z.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ g("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(_o, { className: "w-6 h-6" }),
+), je = z.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(yo, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 je.displayName = "LoadingState";
-const yo = ({
+const No = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4847,13 +4847,13 @@ const yo = ({
   onBlockParticipantClick: m,
   onReportParticipantClick: h,
   showBlockParticipant: u = !0,
-  showReportParticipant: f = !0,
+  showReportParticipant: g = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: x,
+  composerDisabledReason: b,
   showStarButton: w = !1,
   chatbotVotingEnabled: p = !1,
-  renderChannelBanner: v,
-  customChannelActions: b,
+  renderChannelBanner: x,
+  customChannelActions: v,
   renderChannelActions: N,
   renderMessage: _,
   viewerLanguage: A,
@@ -4870,13 +4870,13 @@ const yo = ({
   const T = q((G) => {
     var y;
     (y = S.current) == null || y.call(S, G);
-  }, []), E = D ? T : void 0, B = oi(
+  }, []), E = D ? T : void 0, B = li(
     P,
     $
   ), F = C.state.messages.some(
     (G) => G.type !== "deleted"
-  ), j = v ? /* @__PURE__ */ s(z.Fragment, { children: v() }, "lt-channel-banner") : null, K = /* @__PURE__ */ s(
-    La,
+  ), j = x ? /* @__PURE__ */ s(z.Fragment, { children: x() }, "lt-channel-banner") : null, K = /* @__PURE__ */ s(
+    Ma,
     {
       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,
@@ -4887,18 +4887,18 @@ const yo = ({
       onBlockParticipant: l,
       showDeleteConversation: o,
       showBlockParticipant: u,
-      showReportParticipant: f,
+      showReportParticipant: g,
       onDeleteConversationClick: d,
       onBlockParticipantClick: m,
       onReportParticipantClick: h,
-      customChannelActions: b,
+      customChannelActions: v,
       renderChannelActions: N,
       onParticipantNameClick: L
     }
   ), se = q(
     (G) => {
       const { message: y } = ge("ChannelView"), I = /* @__PURE__ */ s(
-        Qi,
+        eo,
         {
           ...G,
           chatbotVotingEnabled: p,
@@ -4910,29 +4910,29 @@ const yo = ({
     },
     [p, E, _, A]
   );
-  return /* @__PURE__ */ s(Fs.Provider, { value: B, children: /* @__PURE__ */ s(
-    zn,
+  return /* @__PURE__ */ s(Bs.Provider, { value: B, children: /* @__PURE__ */ s(
+    Fn,
     {
       overrides: {
         Message: se,
-        MessageActions: so,
+        MessageActions: no,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(Fn, { children: O ? /* @__PURE__ */ g("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
-        /* @__PURE__ */ g(
+      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",
           {
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
-              !F && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ g("div", { className: "str-chat__message-list-scroll", children: [
+              !F && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
                 K,
                 j
               ] }) }),
               /* @__PURE__ */ s(
                 Yt,
                 {
-                  head: F ? /* @__PURE__ */ g("div", { className: "sticky top-0 z-10", children: [
+                  head: F ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     K,
                     j
                   ] }) : void 0,
@@ -4955,25 +4955,25 @@ const yo = ({
             },
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
-            disabledReason: x,
+            disabledReason: b,
             composerInput: O
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ g(J, { children: [
-        /* @__PURE__ */ g(
+      ] }) : /* @__PURE__ */ f(J, { children: [
+        /* @__PURE__ */ f(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: [
-              !F && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ g("div", { className: "str-chat__message-list-scroll", children: [
+              !F && /* @__PURE__ */ s("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
                 K,
                 j
               ] }) }),
               /* @__PURE__ */ s(
                 Yt,
                 {
-                  head: F ? /* @__PURE__ */ g("div", { className: "sticky top-0 z-10", children: [
+                  head: F ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     K,
                     j
                   ] }) : void 0,
@@ -4994,7 +4994,7 @@ const yo = ({
             },
             renderFooter: () => a == null ? void 0 : a(C),
             disabled: c,
-            disabledReason: x,
+            disabledReason: b,
             composerInput: O
           },
           "lt-channel-message-input"
@@ -5002,7 +5002,7 @@ const yo = ({
       ] }) })
     }
   ) });
-}, Ws = z.memo(
+}, qs = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -5013,16 +5013,16 @@ const yo = ({
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: m = wo,
+    CustomChannelEmptyState: m = _o,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: u,
-    onBlockParticipantClick: f,
+    onBlockParticipantClick: g,
     onReportParticipantClick: c,
-    showBlockParticipant: x = !0,
+    showBlockParticipant: b = !0,
     showReportParticipant: w = !0,
     composerDisabled: p = !1,
-    composerDisabledReason: v,
-    dmAgentEnabled: b,
+    composerDisabledReason: x,
+    dmAgentEnabled: v,
     messageMetadata: N,
     onMessageSent: _,
     showStarButton: A = !1,
@@ -5044,7 +5044,7 @@ const yo = ({
     const se = q(
       async (y, I, W) => {
         var ee;
-        const Q = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, X = b && !Q, ne = {
+        const Q = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, X = v && !Q, ne = {
           ...I,
           ...X && { silent: !0 },
           ...N && {
@@ -5059,7 +5059,7 @@ const yo = ({
         }, V = await e.sendMessage(ne, Z);
         return _ == null || _(V), V;
       },
-      [e, b, N, _]
+      [e, v, N, _]
     ), G = H(null);
     return Y(() => {
       if (!C) return;
@@ -5080,20 +5080,20 @@ const yo = ({
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ys.Provider, { value: b ?? !1, children: /* @__PURE__ */ s(
-          Pn,
+        children: /* @__PURE__ */ s(Ws.Provider, { value: v ?? !1, children: /* @__PURE__ */ s(
+          zn,
           {
             channel: e,
-            MessageSystem: po,
+            MessageSystem: bo,
             EmptyStateIndicator: m,
             LoadingIndicator: je,
-            DateSeparator: Ma,
-            TypingIndicator: vo,
+            DateSeparator: Da,
+            TypingIndicator: xo,
             doSendMessageRequest: se,
             ...P ? { SendButton: P } : {},
             ...S ? { AttachmentPreviewList: S } : {},
             children: /* @__PURE__ */ s(
-              yo,
+              No,
               {
                 onBack: t,
                 showBackButton: n,
@@ -5105,12 +5105,12 @@ const yo = ({
                 CustomChannelEmptyState: m,
                 showDeleteConversation: h,
                 onDeleteConversationClick: u,
-                onBlockParticipantClick: f,
+                onBlockParticipantClick: g,
                 onReportParticipantClick: c,
-                showBlockParticipant: x,
+                showBlockParticipant: b,
                 showReportParticipant: w,
                 composerDisabled: p,
-                composerDisabledReason: v,
+                composerDisabledReason: x,
                 showStarButton: A,
                 chatbotVotingEnabled: R,
                 renderChannelBanner: L,
@@ -5131,8 +5131,8 @@ const yo = ({
     );
   }
 );
-Ws.displayName = "ChannelView";
-const Ce = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ g("div", { className: "text-center max-w-sm", children: [
+qs.displayName = "ChannelView";
+const Ce = z.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!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -5147,7 +5147,7 @@ const Ce = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const ol = ({
+const cl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -5160,13 +5160,13 @@ const ol = ({
   onReportParticipantClick: m,
   dmAgentEnabled: h,
   onMessageSent: u,
-  chatbotVotingEnabled: f = !1,
+  chatbotVotingEnabled: g = !1,
   viewerLanguage: c,
-  renderChannelBanner: x,
+  renderChannelBanner: b,
   customChannelActions: w,
   renderChannelActions: p,
-  onParticipantNameClick: v,
-  onBroadcastClick: b,
+  onParticipantNameClick: x,
+  onBroadcastClick: v,
   resolveBroadcastName: N,
   renderMessage: _,
   onMessageLinkClick: A,
@@ -5181,7 +5181,7 @@ const ol = ({
     refreshConnection: P,
     service: S,
     debug: T
-  } = _a(), [E, B] = U(null), [F, j] = U(null), [K, se] = U(!1), { showDeleteConversation: G = !0 } = e, y = H(l);
+  } = ya(), [E, B] = U(null), [F, j] = U(null), [K, se] = U(!1), { showDeleteConversation: G = !0 } = e, y = H(l);
   y.current = l;
   const I = H(a);
   I.current = a;
@@ -5265,12 +5265,12 @@ const ol = ({
       onBack: P
     }
   ) : F ? /* @__PURE__ */ s(Ce, { message: F }) : 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(
-    Ws,
+    qs,
     {
       channel: E,
       renderMessageInputActions: t,
       renderConversationFooter: n,
-      renderChannelBanner: x,
+      renderChannelBanner: b,
       onLeaveConversation: ne,
       onBlockParticipant: ne,
       CustomChannelEmptyState: o,
@@ -5279,12 +5279,12 @@ const ol = ({
       onReportParticipantClick: m,
       dmAgentEnabled: h,
       onMessageSent: u,
-      chatbotVotingEnabled: f,
+      chatbotVotingEnabled: g,
       viewerLanguage: c,
       customChannelActions: w,
       renderChannelActions: p,
-      onParticipantNameClick: v,
-      onBroadcastClick: b,
+      onParticipantNameClick: x,
+      onBroadcastClick: v,
       resolveBroadcastName: N,
       renderMessage: _,
       onMessageLinkClick: A,
@@ -5294,13 +5294,13 @@ const ol = ({
     E.id
   ) }) }) : /* @__PURE__ */ s(je, {});
 };
-function No(e) {
+function ko(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const qs = z.createContext({
+const Xs = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5308,14 +5308,14 @@ const qs = z.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), ko = qs.Provider, Co = () => z.useContext(qs), So = (e, t) => {
+}), Co = Xs.Provider, So = () => z.useContext(Xs), Eo = (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));
-}, Eo = (e) => {
+}, Io = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = So(e, t);
+  const a = Eo(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5328,7 +5328,7 @@ const qs = z.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Xs = z.memo(
+}, Ks = z.memo(
   (e) => {
     var D, $, O;
     const { channel: t, unread: n } = e, {
@@ -5338,7 +5338,7 @@ const qs = z.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = Co(), { client: m } = Te(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = gs(t);
+    } = So(), { client: m } = Te(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = ps(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -5350,16 +5350,16 @@ const qs = z.createContext({
           viewerLanguage: d
         }
       );
-    const f = () => {
+    const g = () => {
       t && r(t);
     }, c = (C) => {
       const P = C.key === "Enter" || C.key === " ", S = C.repeat;
-      !P || S || (C.preventDefault(), f());
-    }, x = ps(
+      !P || S || (C.preventDefault(), g());
+    }, b = bs(
       (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 = bs(x == null ? void 0 : x.user), p = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, v = (() => {
+    ), w = vs(b == null ? void 0 : b.user), p = ($ = b == null ? void 0 : b.user) == null ? void 0 : $.image, x = (() => {
       var P;
       const C = (P = t == null ? void 0 : t.state) == null ? void 0 : P.messages;
       if (C != null && C.length) {
@@ -5368,10 +5368,10 @@ const qs = z.createContext({
       }
     })(), N = (() => {
       var E;
-      const C = xs({
-        message: v,
+      const C = ws({
+        message: x,
         viewerLanguage: d
-      }), { custom_type: P, attachment_content_type: S } = (v == null ? void 0 : v.metadata) || {};
+      }), { custom_type: P, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
       if (P === ce.TIP)
         return C || "Sent a tip";
       if (P === ce.PAID)
@@ -5383,9 +5383,9 @@ const qs = z.createContext({
           return "🔒 Sent a locked attachment";
       }
       if (C) return C;
-      const T = (E = v == null ? void 0 : v.attachments) == null ? void 0 : E[0];
+      const T = (E = x == null ? void 0 : x.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 ? Eo(new Date(v.created_at)) : "", A = v ? $e(v) : !1, R = o ? o(v, N) : `${A ? "✨ " : ""}${N}`, L = n ?? 0;
+    })(), _ = x != null && x.created_at ? Io(new Date(x.created_at)) : "", A = x ? $e(x) : !1, R = o ? o(x, N) : `${A ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5397,7 +5397,7 @@ const qs = z.createContext({
       {
         role: "button",
         tabIndex: 0,
-        onClick: f,
+        onClick: g,
         onKeyDown: c,
         className: k(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
@@ -5407,20 +5407,20 @@ const qs = z.createContext({
           }
         ),
         "data-dd-privacy": "mask",
-        children: /* @__PURE__ */ g("div", { className: "flex items-start gap-4", children: [
+        children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
             ye,
             {
-              id: ((O = x == null ? void 0 : x.user) == null ? void 0 : O.id) || t.id || "unknown",
+              id: ((O = b == null ? void 0 : b.user) == null ? void 0 : O.id) || t.id || "unknown",
               name: w,
               image: p,
               size: 48,
               starred: u
             }
           ),
-          /* @__PURE__ */ g("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-            /* @__PURE__ */ g("div", { className: "flex items-center justify-between gap-2", children: [
-              /* @__PURE__ */ g(
+          /* @__PURE__ */ f("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+            /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ f(
                 "h3",
                 {
                   className: k(
@@ -5434,7 +5434,7 @@ const qs = z.createContext({
               ),
               _ && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
-            /* @__PURE__ */ g("div", { className: "flex items-center justify-between gap-2 min-w-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: 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 })
             ] })
@@ -5444,40 +5444,40 @@ const qs = z.createContext({
     );
   }
 );
-Xs.displayName = "CustomChannelPreview";
-const Io = { last_message_at: -1 }, To = z.memo(
+Ks.displayName = "CustomChannelPreview";
+const To = { last_message_at: -1 }, Ao = z.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Io,
+    sort: i = To,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = $n,
+    channelListPaginator: d = Un,
     channelPreview: m,
     renderMessagePreview: h,
     viewerLanguage: u,
-    lockChannelOrder: f,
+    lockChannelOrder: g,
     onMessageNewHandler: c,
-    onMessageNew: x,
+    onMessageNew: b,
     onChannelVisible: w,
     onAddedToChannel: p,
-    onChannelUpdated: v
+    onChannelUpdated: x
   }) => {
-    const b = z.useRef(0);
-    b.current++;
+    const v = z.useRef(0);
+    v.current++;
     const { debug: N = !1 } = ct(), _ = z.useCallback(
       (R) => {
         for (const L of R)
-          No(L);
+          ko(L);
         return r ? r(R) : R;
       },
       [r]
     );
     N && console.log("📺 [ChannelList] 🔄 RENDER START", {
-      renderCount: b.current,
+      renderCount: v.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
@@ -5506,22 +5506,22 @@ const Io = { last_message_at: -1 }, To = z.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(ko, { value: A, children: /* @__PURE__ */ s(
-          Bn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Co, { value: A, children: /* @__PURE__ */ s(
+          $n,
           {
             filters: n,
             sort: i,
             options: { limit: 30 },
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: _,
-            lockChannelOrder: f,
+            lockChannelOrder: g,
             onMessageNewHandler: c,
-            onMessageNew: x,
+            onMessageNew: b,
             onChannelVisible: w,
             onAddedToChannel: p,
-            onChannelUpdated: v,
+            onChannelUpdated: x,
             Paginator: d,
-            Preview: Xs,
+            Preview: Ks,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5530,26 +5530,30 @@ const Io = { last_message_at: -1 }, To = z.memo(
     );
   }
 );
-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 }) => {
+Ao.displayName = "ChannelList";
+const Ro = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", Lo = "text-[12px] leading-4 tracking-[0.24px]", os = ({ surface: e, actions: t, layout: n }) => {
   if (t == null || t.length === 0) return null;
-  const n = (t[0].variant ?? "primary") === "secondary";
+  const a = n === "stacked";
   return /* @__PURE__ */ s(
     "div",
     {
       className: k(
-        "mt-3 flex gap-2",
-        n ? "flex-row flex-wrap" : "flex-col"
+        "flex gap-2",
+        // `row` is capped (`max-w-[60%]`) and shrinkable (`min-w-0`) so a long
+        // or localized secondary label can never grow the footer past the
+        // card's width; the button truncates within it and the copy yields
+        // first. `stacked` keeps the full-width buttons-below layout.
+        a ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"
       ),
-      children: t.map((a, r) => /* @__PURE__ */ s(
-        js,
+      children: t.map((r, i) => /* @__PURE__ */ s(
+        Vs,
         {
           variant: e,
-          cta: a,
-          fullWidth: !n,
+          cta: r,
+          fullWidth: a,
           standalone: !0
         },
-        `${a.label}-${r}`
+        `${r.label}-${i}`
       ))
     }
   );
@@ -5562,6 +5566,7 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
   appIcon: i,
   actions: l
 }) => {
+  var b;
   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 ? {
@@ -5570,43 +5575,54 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: r,
     overflow: "hidden"
-  } : h;
-  return /* @__PURE__ */ g("div", { className: "shrink-0 px-4 py-3", children: [
-    /* @__PURE__ */ g("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
-      o && /* @__PURE__ */ g("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
-        }
-      )
+  } : h, g = m && (((b = l == null ? void 0 : l[0]) == null ? void 0 : b.variant) ?? "primary") === "secondary", c = /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 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", Ro), style: h, children: n })
     ] }),
-    /* @__PURE__ */ s(Lo, { surface: e, actions: l })
+    d && /* @__PURE__ */ s(
+      "p",
+      {
+        className: k(
+          Lo,
+          r <= 1 && "truncate"
+        ),
+        style: u,
+        children: a
+      }
+    )
   ] });
+  return /* @__PURE__ */ s("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
+    c,
+    /* @__PURE__ */ s(os, { surface: e, actions: l, layout: "row" })
+  ] }) : /* @__PURE__ */ f(J, { children: [
+    c,
+    /* @__PURE__ */ s(os, { surface: e, actions: l, layout: "stacked" })
+  ] }) });
 }, Do = {
   dark: "bg-white/[0.06]",
   light: "bg-black/[0.04]"
 }, Oo = {
   1: [0],
   2: [-10, 10],
-  3: [-15, 0, 15]
+  3: [-13, 0, 13]
 }, Po = {
   1: [0],
-  2: [-34, 34],
-  3: [-58, 0, 58]
-}, zo = ({ variant: e, images: t }) => {
+  2: [-30, 30],
+  3: [-44, 0, 44]
+}, zo = {
+  1: [0],
+  2: [0, 1],
+  3: [1, 3, 2]
+}, Fo = {
+  1: [1],
+  2: [1, 1],
+  3: [1, 1.08, 1]
+}, Bo = ({ variant: e, images: t }) => {
   const [n, a] = z.useState({}), r = t.join(`
 `), [i, l] = z.useState(r);
   r !== i && (l(r), a({}));
-  const o = t.slice(0, 3).map((u, f) => ({ src: u, index: f })).filter(({ index: u }) => !n[u]), d = o.length >= 3 ? 3 : o.length === 2 ? 2 : 1, m = Oo[d], h = Po[d];
+  const o = t.slice(0, 3).map((c, b) => ({ src: c, index: b })).filter(({ index: c }) => !n[c]), d = o.length >= 3 ? 3 : o.length === 2 ? 2 : 1, m = Oo[d], h = Po[d], u = zo[d], g = Fo[d];
   return /* @__PURE__ */ s(
     "div",
     {
@@ -5614,33 +5630,33 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
         Do[e]
       ),
-      children: o.map(({ src: u, index: f }, c) => /* @__PURE__ */ s(
+      children: o.map(({ src: c, index: b }, w) => /* @__PURE__ */ s(
         "img",
         {
-          src: de(u) ?? u,
+          src: de(c) ?? c,
           alt: "",
           draggable: !1,
           loading: "lazy",
           decoding: "async",
-          onError: () => a((x) => ({ ...x, [f]: !0 })),
-          className: "absolute left-1/2 top-1/2 h-[82%] w-[46%] rounded-[12px] object-cover shadow-lg",
+          onError: () => a((p) => ({ ...p, [b]: !0 })),
+          className: "absolute left-1/2 top-1/2 h-[74%] w-[66%] rounded-[12px] object-cover shadow-lg",
           style: {
-            transform: `translate(-50%, -50%) translateX(${h[c]}px) rotate(${m[c]}deg)`,
-            zIndex: c
+            transform: `translate(-50%, -50%) translateX(${h[w]}px) rotate(${m[w]}deg) scale(${g[w]})`,
+            zIndex: u[w]
           }
         },
-        `${u}-${f}`
+        `${c}-${b}`
       ))
     }
   );
-}, Fo = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Bo = ({
+}, $o = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Uo = ({
   variant: e,
   presentation: t,
   images: n,
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ s("div", { className: Fo, children: t === "fan" ? /* @__PURE__ */ s(zo, { variant: e, images: n }) : (
+}) => /* @__PURE__ */ s("div", { className: $o, children: t === "fan" ? /* @__PURE__ */ s(Bo, { variant: e, images: n }) : (
   // `heroUrl` is the palette-tracked source: it becomes `undefined` when the
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
@@ -5654,7 +5670,7 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
       onImageError: i
     }
   )
-) }), Ks = ({
+) }), Zs = ({
   variant: e,
   title: t,
   subtitle: n,
@@ -5666,22 +5682,22 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
   accentColor: d,
   groupPosition: m = "single"
 }) => {
-  const h = va({
+  const h = xa({
     imagePresentation: i,
     images: r
-  }), u = r.length > 0, f = u && h === "hero", c = He({
+  }), u = r.length > 0, g = u && h === "hero", c = He({
     variant: e,
     accentColor: d,
     layout: "featured",
-    thumbnailUrl: f ? r[0] : void 0
-  }), x = m === "single" || m === "end";
+    thumbnailUrl: g ? r[0] : void 0
+  }), b = m === "single" || m === "end";
   return /* @__PURE__ */ s(
     St,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
-      visible: x,
-      children: /* @__PURE__ */ g(
+      visible: b,
+      children: /* @__PURE__ */ f(
         Ee,
         {
           variant: e,
@@ -5689,13 +5705,13 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
           "data-testid": "rich-card",
           children: [
             u && /* @__PURE__ */ s(
-              Bo,
+              Uo,
               {
                 variant: e,
                 presentation: h,
                 images: r,
                 title: t,
-                heroUrl: f ? c.thumbnailUrl : void 0,
+                heroUrl: g ? c.thumbnailUrl : void 0,
                 onHeroError: c.onImageError
               }
             ),
@@ -5716,13 +5732,13 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
       )
     }
   );
-}, $o = (e) => /* @__PURE__ */ s(Ks, { ...e, variant: "dark" }), Uo = (e) => /* @__PURE__ */ s(Ks, { ...e, variant: "light" }), ll = {
-  Sent: $o,
-  Received: Uo
-}, 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%`, jo = {
+}, jo = (e) => /* @__PURE__ */ s(Zs, { ...e, variant: "dark" }), Vo = (e) => /* @__PURE__ */ s(Zs, { ...e, variant: "light" }), dl = {
+  Sent: jo,
+  Received: Vo
+}, ls = `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%`, Ho = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Vo = ({ variant: e }) => /* @__PURE__ */ s(
+}, Go = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5732,12 +5748,12 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: jo[e],
-      WebkitMask: os,
-      mask: os
+      backgroundColor: Ho[e],
+      WebkitMask: ls,
+      mask: ls
     }
   }
-), Ho = {
+), Yo = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5746,13 +5762,13 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Zs = ({
+}, Js = ({
   variant: e,
   text: t,
   tail: n = !0,
   header: a,
   className: r
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ f(
   "div",
   {
     "data-dd-privacy": "mask",
@@ -5762,23 +5778,23 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
       r
     ),
     style: {
-      ...Ho[e],
+      ...Yo[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(Vo, { variant: e })
+      n && /* @__PURE__ */ s(Go, { variant: e })
     ]
   }
-), Go = ({
+), Wo = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Zs,
+  Js,
   {
     variant: "received",
     text: e,
@@ -5786,10 +5802,10 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
     header: n,
     className: a
   }
-), Yo = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Zs, { variant: "sent", text: e, tail: t, className: n }), cl = {
-  Sent: Yo,
-  Received: Go
-}, Wo = ({
+), qo = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Js, { variant: "sent", text: e, tail: t, className: n }), ul = {
+  Sent: qo,
+  Received: Wo
+}, Xo = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5811,7 +5827,7 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
     ),
     children: e
   }
-), dl = ({
+), ml = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5820,8 +5836,8 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
   avatarImage: i,
   avatarName: l
 }) => {
-  const o = xa(e);
-  return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ g("div", { className: "flex gap-3 items-end", children: [
+  const o = wa(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,
       {
@@ -5832,7 +5848,7 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
         shape: "circle"
       }
     ) }),
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ f(
       "div",
       {
         className: "flex-1 flex flex-col gap-3 rounded-lg p-4",
@@ -5840,7 +5856,7 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            Wo,
+            Xo,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5854,43 +5870,43 @@ const Ao = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]", R
   ] }) });
 };
 export {
-  _s as A,
+  ys as A,
   ht as B,
-  wo as C,
-  bs as D,
-  il as E,
-  dl as F,
-  di as G,
-  Oa as H,
-  _a as I,
+  _o as C,
+  vs as D,
+  ll as E,
+  ml as F,
+  ui as G,
+  Pa as H,
+  ya as I,
   ot as L,
-  al as M,
-  ll as R,
+  il as M,
+  dl as R,
   Ne as a,
   ye as b,
-  To as c,
-  Ws as d,
-  rl as e,
-  Wo as f,
+  Ao as c,
+  qs as d,
+  ol as e,
+  Xo as f,
   ue as g,
   Fe as h,
   ke as i,
-  cl as j,
-  xi as k,
-  nl as l,
-  ol as m,
-  vr as n,
+  ul as j,
+  wi as k,
+  rl as l,
+  cl as m,
+  xr as n,
   de as o,
-  gr as p,
-  Eo as q,
+  pr as p,
+  Io as q,
   we as r,
-  br as s,
-  xs as t,
-  ks as u,
-  Na as v,
-  lr as w,
-  Pa as x,
-  ps as y,
+  vr as s,
+  ws as t,
+  Cs as u,
+  ka as v,
+  cr as w,
+  za as x,
+  bs as y,
   mt as z
 };
-//# sourceMappingURL=index-CrdAtOBl.js.map
+//# sourceMappingURL=index-DGmVyxHy.js.map