@linktr.ee/messaging-react 3.24.2-rc-1785435591 → 3.25.0-rc-1785440433

package/dist/{index-Daw6ObfN.js → index-DSQieSNh.js}

@@ -1,13 +1,13 @@
 import { jsx as s, jsxs as h, Fragment as J } from "react/jsx-runtime";
-import F, { createContext as lt, useContext as ke, useCallback as W, useState as B, useRef as H, useEffect as Y, useId as en, useMemo as ne, Suspense as tn } from "react";
-import { StreamChatService as sn } from "@linktr.ee/messaging-core";
-import { StreamChat as nn, LinkPreviewsManager as et } from "stream-chat";
-import { Chat as an, useChannelStateContext as he, useChatContext as Se, DateSeparator as rn, useMessageContext as fe, MessageStatus as on, MessageErrorIcon as tt, MessageText as ze, areMessageUIPropsEqual as ln, useMessageReminder as cn, useComponentContext as ds, Attachment as dn, EditMessageModal as un, MessageBlocked as mn, MessageBouncePrompt as hn, MessageDeleted as fn, MessageIsThreadReplyInChannelButtonIndicator as gn, MessageRepliesCountButton as pn, ReminderNotification as bn, StreamedMessageText as vn, messageHasAttachments as xn, messageHasReactions as _n, isDateSeparatorMessage as wn, isMessageBlocked as Nn, isMessageBounced as yn, MessageBounceModal as Cn, Poll as kn, useMessageComposer as Sn, useStateStore as En, MessageInput as Yt, useMessageInputContext as In, useMessageComposerHasSendableData as Tn, AttachmentPreviewList as An, QuotedMessagePreview as Ln, TextareaComposer as Mn, MessageTimestamp as Ge, AIStates as Ye, useTypingContext as Rn, useAIState as Dn, Channel as Pn, WithComponents as On, Window as zn, MessageList as Wt, ChannelList as Bn, InfiniteScroll as Fn } from "stream-chat-react";
+import B, { createContext as mt, useContext as ke, useCallback as W, useState as F, useRef as H, useEffect as Y, useId as rn, useMemo as ne, Suspense as on } from "react";
+import { StreamChatService as ln } from "@linktr.ee/messaging-core";
+import { StreamChat as cn, LinkPreviewsManager as st } from "stream-chat";
+import { Chat as dn, useChannelStateContext as he, useChatContext as Se, DateSeparator as un, useMessageContext as fe, MessageStatus as mn, MessageErrorIcon as nt, MessageText as Oe, areMessageUIPropsEqual as hn, useMessageReminder as fn, useComponentContext as gs, Attachment as gn, EditMessageModal as pn, MessageBlocked as bn, MessageBouncePrompt as vn, MessageDeleted as xn, MessageIsThreadReplyInChannelButtonIndicator as _n, MessageRepliesCountButton as wn, ReminderNotification as Nn, StreamedMessageText as yn, messageHasAttachments as Cn, messageHasReactions as kn, isDateSeparatorMessage as Sn, isMessageBlocked as En, isMessageBounced as In, MessageBounceModal as Tn, Poll as An, useMessageComposer as Mn, useStateStore as Ln, MessageInput as Kt, useMessageInputContext as Rn, useMessageComposerHasSendableData as Dn, AttachmentPreviewList as Pn, QuotedMessagePreview as On, TextareaComposer as zn, MessageTimestamp as He, AIStates as Ge, useTypingContext as Fn, useAIState as Bn, Channel as $n, WithComponents as Un, Window as Vn, MessageList as Zt, ChannelList as jn, InfiniteScroll as Hn } from "stream-chat-react";
 import y from "classnames";
-import { StarIcon as st, DotsThreeIcon as $n, SpinnerGapIcon as De, SignOutIcon as Un, ProhibitInsetIcon as qt, FlagIcon as us, CurrencyDollarIcon as Vn, CaretRightIcon as ms, ArrowLeftIcon as jn, FileIcon as hs, ImageIcon as Hn, SpeakerHighIcon as Gn, VideoCameraIcon as fs, FileMdIcon as Yn, FileTextIcon as Wn, FileZipIcon as qn, FilePptIcon as Xn, FileCsvIcon as Kn, FileXlsIcon as Zn, FileDocIcon as Jn, FilePdfIcon as Qn, CircleNotchIcon as ve, PlayIcon as nt, PauseIcon as ea, LinkIcon as ta, DownloadSimpleIcon as Ce, XIcon as ct, CaretLeftIcon as sa, GiftIcon as na, ThumbsUpIcon as aa, ThumbsDownIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as oa, ChecksIcon as la, PencilSimpleIcon as ca, TrashSimpleIcon as da, ArrowUpIcon as ua, SparkleIcon as ma, ProhibitIcon as ha } from "@phosphor-icons/react";
-import { isOfficialChannel as fa, OFFICIAL_SENDER_USER_ID as ga, MESSAGE_CUSTOM_TYPE as le, isDmAgentSystemType as Xt, isAgeSafetySystemType as pa, selectEnabledFaqs as ba } from "@linktr.ee/messaging-taxonomy";
-import { MessageActions as va, DefaultDropdownActionButton as gs } from "stream-chat-react/experimental";
-const ps = lt({
+import { StarIcon as at, DotsThreeIcon as Gn, SpinnerGapIcon as De, SignOutIcon as Yn, ProhibitInsetIcon as Jt, FlagIcon as ps, CurrencyDollarIcon as Wn, CaretRightIcon as bs, ArrowLeftIcon as Xn, FileIcon as vs, ImageIcon as qn, SpeakerHighIcon as Kn, VideoCameraIcon as xs, FileMdIcon as Zn, FileTextIcon as Jn, FileZipIcon as Qn, FilePptIcon as ea, FileCsvIcon as ta, FileXlsIcon as sa, FileDocIcon as na, FilePdfIcon as aa, CircleNotchIcon as ve, PlayIcon as rt, PauseIcon as ra, LinkIcon as ia, DownloadSimpleIcon as Ce, XIcon as ht, CaretLeftIcon as oa, GiftIcon as la, ThumbsUpIcon as ca, ThumbsDownIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, PencilSimpleIcon as fa, TrashSimpleIcon as ga, ArrowUpIcon as pa, SparkleIcon as ba, ProhibitIcon as va } from "@phosphor-icons/react";
+import { isOfficialChannel as xa, OFFICIAL_SENDER_USER_ID as _a, MESSAGE_CUSTOM_TYPE as le, isDmAgentSystemType as Qt, isAgeSafetySystemType as wa, selectEnabledFaqs as Na } from "@linktr.ee/messaging-taxonomy";
+import { MessageActions as ya, DefaultDropdownActionButton as _s } from "stream-chat-react/experimental";
+const ws = mt({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const ps = lt({
   refreshConnection: async () => {
   },
   debug: !1
-}), dt = () => ke(ps), Ho = ({
+}), ft = () => ke(ws), il = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -39,7 +39,7 @@ const ps = lt({
     serviceConfig: !!n,
     capabilities: Object.keys(r)
   });
-  const [d, m] = B(null), [f, u] = B(null), [g, c] = B(!1), [x, _] = B(!1), [b, p] = B(null), v = H(!1), w = H(null), C = H(n);
+  const [d, m] = F(null), [f, u] = F(null), [g, c] = F(!1), [x, _] = F(!1), [b, p] = F(null), v = H(!1), w = H(null), C = H(n);
   C.current = n;
   const T = H(i);
   T.current = i;
@@ -65,7 +65,7 @@ const ps = lt({
     capabilities: r
   };
   const z = H(null);
-  !l && a && ((k = z.current) == null ? void 0 : k.apiKey) !== a && (z.current = { apiKey: a, client: new nn(a) });
+  !l && a && ((k = z.current) == null ? void 0 : k.apiKey) !== a && (z.current = { apiKey: a, client: new cn(a) });
   const $ = l || (a ? ((E = z.current) == null ? void 0 : E.client) ?? null : null);
   Y(() => {
     const I = R.current, A = C.current;
@@ -84,7 +84,7 @@ const ps = lt({
       renderCount: I,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new sn({
+    const U = new ln({
       ...A,
       apiKey: a,
       debug: T.current,
@@ -95,7 +95,7 @@ const ps = lt({
       serviceInstance: !!U
     });
   }, [a, $, l]);
-  const L = H(null);
+  const M = H(null);
   Y(() => {
     var A, U;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -115,7 +115,7 @@ const ps = lt({
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((A = L.current) == null ? void 0 : A.serviceId) === d && ((U = L.current) == null ? void 0 : U.userId) === t.id) {
+    if (((A = M.current) == null ? void 0 : A.serviceId) === d && ((U = M.current) == null ? void 0 : U.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -127,15 +127,15 @@ const ps = lt({
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const j = await d.connectUser(t);
-        u(j), c(!0), L.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        u(j), c(!0), M.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
           clientId: j.userID
         });
       } catch (j) {
-        const q = j instanceof Error ? j.message : "Connection failed";
-        p(q), o("❌ USER CONNECTION ERROR", {
+        const X = j instanceof Error ? j.message : "Connection failed";
+        p(X), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: q
+          error: X
         });
       } finally {
         _(!1), v.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -148,7 +148,7 @@ const ps = lt({
     const I = $;
     return () => {
       var A;
-      I && (L.current = null, (A = w.current) == null || A.disconnectUser().catch(console.error));
+      I && (M.current = null, (A = w.current) == null || A.disconnectUser().catch(console.error));
     };
   }, [$]);
   const S = W(async () => {
@@ -175,7 +175,7 @@ const ps = lt({
         _(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, o, l]), P = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, o, l]), P = B.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!f,
     isConnected: g,
@@ -215,8 +215,8 @@ const ps = lt({
     renderCount: R.current,
     willRenderChat: !!$,
     contextValueReady: !!P
-  }), /* @__PURE__ */ s(ps.Provider, { value: P, children: $ ? /* @__PURE__ */ s(
-    an,
+  }), /* @__PURE__ */ s(ws.Provider, { value: P, children: $ ? /* @__PURE__ */ s(
+    dn,
     {
       client: $,
       customClasses: {
@@ -225,9 +225,9 @@ const ps = lt({
       children: e
     }
   ) : e });
-}, xa = () => dt(), bs = (e) => {
+}, Ca = () => ft(), Ns = (e) => {
   var a, r;
-  const [t, n] = B(
+  const [t, n] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
   return Y(() => {
@@ -248,13 +248,13 @@ const ps = lt({
     };
   }, [e]), t;
 };
-function vs(e, t, n) {
+function ys(e, t, n) {
   const a = Object.values(e || {});
-  if (fa(n)) {
+  if (xa(n)) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === ga;
+        return ((l = i.user) == null ? void 0 : l.id) === _a;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function vs(e, t, n) {
     }
   );
 }
-const _a = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function wa(e) {
-  return _a.test(e.trim());
+const ka = /^[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 Sa(e) {
+  return ka.test(e.trim());
 }
-function Kt(e, t) {
+function es(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !wa(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !Sa(n);
 }
-function xs(e) {
-  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Cs(e) {
+  return es(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : es(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Zt = [
+const ts = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -305,7 +305,7 @@ const Zt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function Na(e) {
+function Ea(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -313,14 +313,14 @@ function Na(e) {
   }
   return Math.abs(t);
 }
-function _s(e) {
-  return Zt[Na(e) % Zt.length];
+function ks(e) {
+  return ts[Ea(e) % ts.length];
 }
-function ya(e) {
-  return _s(e).emoji;
+function Ia(e) {
+  return ks(e).emoji;
 }
-function Ca(e) {
-  return _s(e).bgColor;
+function Ta(e) {
+  return ks(e).bgColor;
 }
 const _e = ({
   id: e,
@@ -331,7 +331,7 @@ const _e = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = ya(e), d = Ca(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = Ia(e), d = Ta(e), m = 0.45, u = n < 32 ? Math.round(n * m) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, x = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -369,7 +369,7 @@ const _e = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ s(st, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ s(at, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ s(
@@ -395,7 +395,7 @@ const _e = ({
       ]
     }
   );
-}, ka = "https://linktr.ee/s/about/trust-center/report", Sa = ({
+}, Aa = "https://linktr.ee/s/about/trust-center/report", Ma = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -409,7 +409,7 @@ const _e = ({
   logLabel: f = "useChannelModerationActions"
 }) => {
   var P;
-  const { service: u, debug: g } = dt(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, x = !!(a && n && u && c), [_, b] = B(!1), [p, v] = B(null), [w, C] = B(!1), [T, O] = B(!1), R = x && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
+  const { service: u, debug: g } = ft(), c = (P = t == null ? void 0 : t.user) == null ? void 0 : P.id, x = !!(a && n && u && c), [_, b] = F(!1), [p, v] = F(null), [w, C] = F(!1), [T, O] = F(!1), R = x && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
   return Y(() => {
     if (!x || !u || !c) {
       b(!1), v(null);
@@ -479,7 +479,7 @@ const _e = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), m == null || m(), window.open(ka, "_blank", "noopener,noreferrer");
+      d == null || d(), m == null || m(), window.open(Aa, "_blank", "noopener,noreferrer");
     }
   };
 }, we = ({
@@ -499,7 +499,7 @@ const _e = ({
     ...a,
     children: n
   }
-), Ea = ({
+), La = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -513,7 +513,7 @@ const _e = ({
   customChannelActions: f,
   triggerClassName: u
 }) => {
-  const [g, c] = B(!1), x = H(null), _ = en(), b = W(() => c(!1), []), {
+  const [g, c] = F(!1), x = H(null), _ = rn(), b = W(() => c(!1), []), {
     isParticipantBlocked: p,
     isCheckingBlockedStatus: v,
     isLeaving: w,
@@ -522,7 +522,7 @@ const _e = ({
     handleBlockUser: O,
     handleUnblockUser: R,
     handleReportUser: z
-  } = Sa({
+  } = Ma({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -537,13 +537,13 @@ const _e = ({
   });
   return Y(() => {
     if (!g) return;
-    const L = (P) => {
+    const M = (P) => {
       x.current && !x.current.contains(P.target) && c(!1);
     }, S = (P) => {
       P.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", S), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", S);
+    return document.addEventListener("mousedown", M), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", S);
     };
   }, [g]), !t || !(n || a || r || !!f) ? null : /* @__PURE__ */ h("div", { ref: x, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -554,9 +554,9 @@ const _e = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? _ : void 0,
-        onClick: () => c((L) => !L),
+        onClick: () => c((M) => !M),
         children: [
-          /* @__PURE__ */ s($n, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Gn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -578,7 +578,7 @@ const _e = ({
               disabled: w,
               "aria-busy": w,
               children: [
-                w ? /* @__PURE__ */ s(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Un, { className: "h-5 w-5" }),
+                w ? /* @__PURE__ */ s(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Yn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -597,7 +597,7 @@ const _e = ({
               disabled: C,
               "aria-busy": C,
               children: [
-                C ? /* @__PURE__ */ s(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Jt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
@@ -608,13 +608,13 @@ const _e = ({
               disabled: C,
               "aria-busy": C,
               children: [
-                C ? /* @__PURE__ */ s(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(qt, { className: "h-5 w-5" }),
+                C ? /* @__PURE__ */ s(De, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Jt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(we, { variant: "danger", onClick: z, children: [
-            /* @__PURE__ */ s(us, { className: "h-5 w-5" }),
+            /* @__PURE__ */ s(ps, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           f
@@ -622,7 +622,7 @@ const _e = ({
       }
     )
   ] });
-}, We = "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", Ia = "CUSTOMER_PAID", Ta = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ia, Aa = ({
+}, Ye = "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", Da = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ra, Pa = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -641,17 +641,17 @@ const _e = ({
   onParticipantNameClick: _
 }) => {
   var S, P, k, E;
-  const { channel: b } = he(), { client: p } = Se(), v = F.useMemo(
+  const { channel: b } = he(), { client: p } = Se(), v = B.useMemo(
     () => {
       var I;
-      return vs(
+      return ys(
         (I = b.state) == null ? void 0 : I.members,
         p == null ? void 0 : p.userID,
         b.type
       );
     },
     [(S = b.state) == null ? void 0 : S.members, p == null ? void 0 : p.userID, b.type]
-  ), w = xs(v == null ? void 0 : v.user), C = (P = v == null ? void 0 : v.user) == null ? void 0 : P.image, T = bs(b), O = Ta((k = b.data) == null ? void 0 : k.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, R = a && T, z = O || R || !!_, $ = async () => {
+  ), w = Cs(v == null ? void 0 : v.user), C = (P = v == null ? void 0 : v.user) == null ? void 0 : P.image, T = Ns(b), O = Da((k = b.data) == null ? void 0 : k.customer_tag) && (v == null ? void 0 : v.is_follower) === !0, R = a && T, z = O || R || !!_, $ = async () => {
     try {
       T ? await b.unpin() : await b.pin();
     } catch (I) {
@@ -660,7 +660,7 @@ const _e = ({
         I
       );
     }
-  }, L = /* @__PURE__ */ h(J, { children: [
+  }, M = /* @__PURE__ */ h(J, { children: [
     /* @__PURE__ */ s(
       _e,
       {
@@ -687,7 +687,7 @@ const _e = ({
               {
                 "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(Wn, { className: "size-2.5", weight: "bold" })
               }
             ),
             R && /* @__PURE__ */ s(
@@ -695,11 +695,11 @@ const _e = ({
               {
                 "aria-label": "Starred conversation",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                children: /* @__PURE__ */ s(st, { className: "size-2.5", weight: "fill" })
+                children: /* @__PURE__ */ s(at, { className: "size-2.5", weight: "fill" })
               }
             ),
             _ && /* @__PURE__ */ s(
-              ms,
+              bs,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -723,14 +723,14 @@ const _e = ({
           "button",
           {
             className: y(
-              We,
+              Ye,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(jn, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Xn, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: _ ? /* @__PURE__ */ s(
@@ -740,20 +740,20 @@ const _e = ({
             onClick: _,
             "aria-label": `View details for ${w}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-            children: L
+            children: M
           }
-        ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: L }) }),
+        ) : /* @__PURE__ */ s("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: M }) }),
         /* @__PURE__ */ h("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ s(
             "button",
             {
-              className: We,
+              className: Ye,
               onClick: $,
               type: "button",
               "aria-pressed": T,
               "aria-label": T ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ s(
-                st,
+                at,
                 {
                   className: y("size-5", {
                     "text-[#FFD60A]": T,
@@ -765,7 +765,7 @@ const _e = ({
             }
           ),
           x && (c !== void 0 ? c : /* @__PURE__ */ s(
-            Ea,
+            La,
             {
               channel: b,
               participant: v,
@@ -778,27 +778,27 @@ const _e = ({
               onBlockParticipantClick: f,
               onReportParticipantClick: u,
               customChannelActions: g,
-              triggerClassName: We
+              triggerClassName: Ye
             }
           ))
         ] })
       ] })
     }
   );
-}, La = (e) => /* @__PURE__ */ s(rn, { ...e, position: "center" }), at = "vote_up", rt = "vote_down";
-function Ma(e) {
-  return e != null && e.length ? e.some((t) => t.type === rt) ? "down" : e.some((t) => t.type === at) ? "up" : null : null;
+}, Oa = (e) => /* @__PURE__ */ s(un, { ...e, position: "center" }), it = "vote_up", ot = "vote_down";
+function za(e) {
+  return e != null && e.length ? e.some((t) => t.type === ot) ? "down" : e.some((t) => t.type === it) ? "up" : null : null;
 }
-function Ra(e) {
+function Fa(e) {
   const { channel: t } = he(), { client: n } = Se("useMessageVote"), a = ne(
-    () => Ma(e.own_reactions),
+    () => za(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, it) : await t.sendReaction(
           e.id,
-          { type: at },
+          { type: it },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -806,9 +806,9 @@ function Ra(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = W(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, rt) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, ot) : await t.sendReaction(
           e.id,
-          { type: rt },
+          { type: ot },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -816,39 +816,39 @@ function Ra(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Da(e) {
+function Ba(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function ws({
+function Ss({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = Da(t);
+  const n = e == null ? void 0 : e.text, a = Ba(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const Pa = ["linktr.ee"], Jt = "messaging-attachment-v1_0";
-function Oa(e) {
+const $a = ["linktr.ee"], ss = "messaging-attachment-v1_0";
+function Ua(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function za(e) {
-  return Pa.some(
+function Va(e) {
+  return $a.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function me(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = Oa(t);
-  if (!n || !za(n)) return t;
+  const n = Ua(t);
+  if (!n || !Va(n)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Jt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Jt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === ss ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", ss), a.toString());
 }
-const Ba = [
+const ja = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -861,39 +861,39 @@ const Ba = [
 function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function Ns(e) {
-  const t = Ba.find(
+function Es(e) {
+  const t = ja.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Fa = {
-  video: fs,
-  audio: Gn,
-  image: Hn,
-  document: hs
-}, $a = {
-  pdf: Qn,
-  doc: Jn,
-  xls: Zn,
-  csv: Kn,
-  ppt: Xn,
-  zip: qn,
-  text: Wn,
-  markdown: Yn,
-  generic: hs
+const Ha = {
+  video: xs,
+  audio: Kn,
+  image: qn,
+  document: vs
+}, Ga = {
+  pdf: aa,
+  doc: na,
+  xls: sa,
+  csv: ta,
+  ppt: ea,
+  zip: Qn,
+  text: Jn,
+  markdown: Zn,
+  generic: vs
 };
-function Ua(e) {
+function Ya(e) {
   const t = ce(e);
-  return t !== "document" ? Fa[t] : $a[Ns(e)];
+  return t !== "document" ? Ha[t] : Ga[Es(e)];
 }
 function xe(e, t) {
-  return F.createElement(Ua(e), t);
+  return B.createElement(Ya(e), t);
 }
-const Va = (e) => {
+const Wa = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, ja = ({
+}, Xa = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -905,23 +905,23 @@ const Va = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const f = ce(t), u = H(null), g = H(null), c = H(null), x = H(r), [_, b] = B(a), [p, v] = B(0), [w, C] = B(!1), [T, O] = B(!1), [R, z] = B(!1), [$, L] = B(!1), [S, P] = B(!0), [k, E] = B(null), I = W(() => {
+  const f = ce(t), u = H(null), g = H(null), c = H(null), x = H(r), [_, b] = F(a), [p, v] = F(0), [w, C] = F(!1), [T, O] = F(!1), [R, z] = F(!1), [$, M] = F(!1), [S, P] = F(!0), [k, E] = F(null), I = W(() => {
     z(!1), b(!0);
   }, []), A = W((N) => {
-    const M = g.current;
-    if (!M) return 0;
-    const G = M.getBoundingClientRect();
+    const L = g.current;
+    if (!L) return 0;
+    const G = L.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Va(N) - G.left) / G.width)
+      Math.min(1, (Wa(N) - G.left) / G.width)
     );
   }, []), U = W((N) => {
-    const M = u.current;
-    M && M.duration && (M.currentTime = N * M.duration);
+    const L = u.current;
+    L && L.duration && (L.currentTime = N * L.duration);
   }, []), j = (N) => {
     N.stopPropagation(), C(!0);
-    const M = A(N);
-    v(M), U(M);
+    const L = A(N);
+    v(L), U(L);
   };
   Y(() => {
     r !== void 0 && r !== x.current && (x.current = r, b(r));
@@ -931,40 +931,40 @@ const Va = (e) => {
       return;
     }
     const N = () => {
-      const M = u.current;
-      M && M.duration && !w && v(M.currentTime / M.duration), c.current = requestAnimationFrame(N);
+      const L = u.current;
+      L && L.duration && !w && v(L.currentTime / L.duration), c.current = requestAnimationFrame(N);
     };
     return c.current = requestAnimationFrame(N), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
   }, [_, w]), Y(() => {
     const N = u.current;
-    N && (_ ? N.play().catch((M) => {
+    N && (_ ? N.play().catch((L) => {
       b(!1), z(!0);
     }) : N.pause());
   }, [_]), Y(() => {
     if (!w) return;
-    const N = (G) => v(A(G)), M = (G) => {
+    const N = (G) => v(A(G)), L = (G) => {
       C(!1), U(A(G));
     };
-    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", M), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", M), () => {
-      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", M);
+    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", L), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", L), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", L), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", L);
     };
   }, [w, A, U]);
-  const q = k ? { aspectRatio: String(k) } : void 0, Q = k ? "" : " aspect-video", K = Math.round(p * 100);
+  const X = k ? { aspectRatio: String(k) } : void 0, Q = k ? "" : " aspect-video", K = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${Q}`,
-      style: q,
+      style: X,
       onClick: (N) => {
         if (m) {
           m(N);
           return;
         }
-        R || l && b((M) => !M);
+        R || l && b((L) => !L);
       },
       onKeyDown: (N) => {
         if (!(N.key !== "Enter" && N.key !== " ")) {
@@ -972,7 +972,7 @@ const Va = (e) => {
             m(N);
             return;
           }
-          R || l && b((M) => !M);
+          R || l && b((L) => !L);
         }
       },
       children: [
@@ -996,11 +996,11 @@ const Va = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => M(!0),
             onCanPlay: () => {
-              L(!1), P(!1);
+              M(!1), P(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => M(!0),
             onPlay: () => z(!1),
             onEnded: () => {
               i || (b(!1), v(0));
@@ -1016,11 +1016,11 @@ const Va = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => L(!0),
+            onLoadStart: () => M(!0),
             onCanPlay: () => {
-              L(!1), P(!1);
+              M(!1), P(!1);
             },
-            onWaiting: () => L(!0),
+            onWaiting: () => M(!0),
             onPlay: () => z(!1),
             onLoadedMetadata: () => {
               const N = u.current;
@@ -1052,7 +1052,7 @@ const Va = (e) => {
             onKeyDown: (N) => {
               N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), I());
             },
-            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(nt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         o && !l && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ s(
@@ -1087,11 +1087,11 @@ const Va = (e) => {
             {
               type: "button",
               onClick: (N) => {
-                N.stopPropagation(), b((M) => !M);
+                N.stopPropagation(), b((L) => !L);
               },
               className: "shrink-0 text-white",
               "aria-label": _ ? "Pause" : "Play",
-              children: _ ? /* @__PURE__ */ s(ea, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(nt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: _ ? /* @__PURE__ */ s(ra, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -1141,7 +1141,7 @@ const Va = (e) => {
       ]
     }
   );
-}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ha = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ys = ({
+}, ns = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", qa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Is = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1150,9 +1150,9 @@ const Va = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = ce(e), [d, m] = B(!1), f = me(t), u = me(n);
+  const o = ce(e), [d, m] = F(!1), f = me(t), u = me(n);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    ja,
+    Xa,
     {
       source: t,
       mimeType: e,
@@ -1199,11 +1199,11 @@ const Va = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: xe(e, {
-        className: Qt(r),
+        className: ns(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ha(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${qa(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: u ?? n,
@@ -1216,12 +1216,12 @@ const Va = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: xe(e, {
-        className: Qt(r),
+        className: ns(r),
         weight: "regular"
       })
     }
   );
-}, Cs = ({
+}, Ts = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1287,29 +1287,29 @@ const Va = (e) => {
     }
   );
 };
-function ks(e) {
+function As(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ut(e) {
+function gt(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 Ga(e) {
+function Ka(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ya(e) {
+function Za(e) {
   return e ? "text-white" : "text-black";
 }
-function Wa(e) {
+function Ja(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function qa(e) {
+function Qa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Xa(e) {
+function er(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const mt = ({ 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__ */ h(F.Fragment, { children: [
+const pt = ({ 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__ */ h(B.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
       {
@@ -1320,26 +1320,26 @@ const mt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ga(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(ta, { className: `size-12 ${Xa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ka(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(ia, { className: `size-12 ${er(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Ya(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Wa(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${qa(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Za(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ja(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Qa(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 Ss(e) {
+function Ms(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function ht(e) {
+function bt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(Ss);
+  return (t = e.attachments) == null ? void 0 : t.find(Ms);
 }
-async function Ka(e, t) {
+async function tr(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1351,11 +1351,11 @@ async function Ka(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 Za = ({
+const sr = ({
   url: e,
   filename: t
 }) => {
-  const [n, a] = B(!1);
+  const [n, a] = F(!1);
   return /* @__PURE__ */ s(
     "button",
     {
@@ -1363,7 +1363,7 @@ const Za = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Ka(e, t).then(() => {
+        a(!0), tr(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1371,14 +1371,14 @@ const Za = ({
       },
       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(ve, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(F.Fragment, { children: [
+      children: n ? /* @__PURE__ */ s(ve, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(B.Fragment, { children: [
         /* @__PURE__ */ s(Ce, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function ft(e) {
+function vt(e) {
   var u, g, c, x;
   const t = (u = e.attachments) == null ? void 0 : u.find(
     (_) => _.type === "video" && _.asset_url
@@ -1399,16 +1399,16 @@ function ft(e) {
     thumbnailUrl: f
   };
 }
-const Es = ({
+const Ls = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? ks(a) : void 0;
+  const i = a !== void 0 ? As(a) : void 0;
   return /* @__PURE__ */ s(
-    Cs,
+    Ts,
     {
       variant: "dark",
       title: n,
@@ -1416,7 +1416,7 @@ const Es = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        ys,
+        Is,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1427,23 +1427,23 @@ const Es = ({
       )
     }
   );
-}, Is = ({
+}, Rs = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), l = a !== void 0 ? ks(a) : void 0;
+  const i = ce(t), l = a !== void 0 ? As(a) : void 0;
   return /* @__PURE__ */ s(
-    Cs,
+    Ts,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ s(
-        ys,
+        Is,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1453,14 +1453,14 @@ const Es = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Za, { url: e, filename: n })
+      action: /* @__PURE__ */ s(sr, { url: e, filename: n })
     }
   );
-}, Ja = ({
+}, nr = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = ht(e), a = ft(e);
+  const n = bt(e), a = vt(e);
   return !n && !a ? null : /* @__PURE__ */ h("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(
       _e,
@@ -1482,41 +1482,41 @@ const Es = ({
             className: "str-chat__message-bubble",
             "data-attachment-bubble": "true",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: ut(t), children: /* @__PURE__ */ s(mt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Es, { ...a }) : /* @__PURE__ */ s(Is, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: gt(t), children: /* @__PURE__ */ s(pt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(Ls, { ...a }) : /* @__PURE__ */ s(Rs, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Qa = ({
+}, ar = ({
   message: e
 }) => {
-  const t = ht(e);
+  const t = bt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ut(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !0 }) });
-  const n = ft(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Es, { ...n }) }) : null;
-}, er = ({
+    return /* @__PURE__ */ s("div", { className: gt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(pt, { attachment: t, isMyMessage: !0 }) });
+  const n = vt(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ls, { ...n }) }) : null;
+}, rr = ({
   message: e
 }) => {
-  const t = ht(e);
+  const t = bt(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: ut(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !1 }) });
-  const n = ft(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Is, { ...n }) }) : null;
-}, Go = Object.assign(Ja, {
-  Creator: Qa,
-  Visitor: er
-}), tr = {
+    return /* @__PURE__ */ s("div", { className: gt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(pt, { attachment: t, isMyMessage: !1 }) });
+  const n = vt(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Rs, { ...n }) }) : null;
+}, ol = Object.assign(nr, {
+  Creator: ar,
+  Visitor: rr
+}), ir = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, sr = {
+}, or = {
   dark: "text-white",
   light: "text-[#000000]"
-}, nr = {
+}, lr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, ar = (e) => e === "dark" ? "sender" : "receiver", rr = {
+}, cr = (e) => e === "dark" ? "sender" : "receiver", dr = {
   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,7 +1541,7 @@ const Es = ({
   children: d,
   "data-testid": m
 }) => {
-  const f = t != null && t !== "", u = l ?? rr[ar(e)][a];
+  const f = t != null && t !== "", u = l ?? dr[cr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1570,10 +1570,10 @@ const Es = ({
         // there is no ambiguity to resolve.
         f && "pb-0",
         u,
-        tr[e],
-        sr[e],
+        ir[e],
+        or[e],
         n && "border",
-        n && nr[e],
+        n && lr[e],
         o
       ),
       children: [
@@ -1617,18 +1617,18 @@ const Es = ({
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ s(ct, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ s(ht, { className: "size-3", weight: "bold" })
   }
-), Te = (e) => e === "received" ? "light" : "dark", ir = ({
+), Te = (e) => e === "received" ? "light" : "dark", ur = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", or = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", mr = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], lr = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], hr = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1640,7 +1640,7 @@ const Es = ({
     }
   ),
   n ?? null
-] }), gt = ({
+] }), xt = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1651,7 +1651,7 @@ const Es = ({
   preload: o,
   onDismiss: d
 }) => {
-  const m = Te(e), f = e === "composer" && !!d, u = or({ src: t, mimeType: n, filename: a, items: r });
+  const m = Te(e), f = e === "composer" && !!d, u = mr({ src: t, mimeType: n, filename: a, items: r });
   if (u.length === 0)
     return null;
   const g = o ?? (u.length > 1 ? "none" : "metadata");
@@ -1663,7 +1663,7 @@ const Es = ({
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((c, x) => /* @__PURE__ */ s(
-        lr,
+        hr,
         {
           item: c,
           preload: g,
@@ -1677,15 +1677,15 @@ const Es = ({
       )) })
     }
   );
-}, cr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), dr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), mr = {
-  Composer: cr,
-  Sent: dr,
-  Received: ur
+}, fr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), gr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), pr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), br = {
+  Composer: fr,
+  Sent: gr,
+  Received: pr
 };
-function hr(e) {
+function vr(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 fr = {
+const xr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1695,7 +1695,7 @@ const fr = {
   text: "TXT",
   markdown: "MD"
 };
-function gr(e, t) {
+function _r(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1705,7 +1705,7 @@ function gr(e, t) {
   }
   if (!e) return;
   if (ce(e) === "document") {
-    const r = Ns(e), i = fr[r];
+    const r = Es(e), i = xr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1713,8 +1713,8 @@ function gr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function pr(e, t, n) {
-  const a = gr(e, t), r = typeof n == "number" && n > 0 ? hr(n) : void 0;
+function wr(e, t, n) {
+  const a = _r(e, t), r = typeof n == "number" && n > 0 ? vr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ae(e) {
@@ -1725,16 +1725,16 @@ function ae(e) {
     return "download";
   }
 }
-const br = {
+const Nr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, vr = {
+}, yr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, xr = {
+}, Cr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Ts = ({
+}, Ds = ({
   variant: e,
   filename: t,
   title: n,
@@ -1744,16 +1744,16 @@ const br = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", m = pr(a, t, r), f = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", m = wr(a, t, r), f = /* @__PURE__ */ s(
     "div",
     {
       className: y(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        vr[e]
+        yr[e]
       ),
       "aria-hidden": !0,
       children: xe(a, {
-        className: y("size-6", xr[e]),
+        className: y("size-6", Cr[e]),
         weight: "regular"
       })
     }
@@ -1764,7 +1764,7 @@ const br = {
       {
         className: y(
           "truncate text-xs leading-4",
-          br[e]
+          Nr[e]
         ),
         children: m
       }
@@ -1793,7 +1793,7 @@ const br = {
     o ? /* @__PURE__ */ s("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function As(e, t) {
+async function Ps(e, t) {
   const n = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1807,14 +1807,14 @@ async function As(e, t) {
     }
   }
 }
-const _r = ({
+const kr = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], wr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], Sr = ({
   variant: e,
   item: t,
   index: n,
@@ -1823,7 +1823,7 @@ const _r = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ s(
-    Ts,
+    Ds,
     {
       variant: e,
       filename: i,
@@ -1835,7 +1835,7 @@ const _r = ({
       trailingAction: r
     }
   );
-}, pt = ({
+}, _t = ({
   state: e,
   src: t,
   filename: n,
@@ -1848,7 +1848,7 @@ const _r = ({
   onClick: m,
   onDismiss: f
 }) => {
-  const u = Te(e), g = e === "composer" && !!f, c = _r({
+  const u = Te(e), g = e === "composer" && !!f, c = kr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1860,7 +1860,7 @@ const _r = ({
     const p = c[b];
     if (!p) return;
     const v = p.filename ?? ae(p.src);
-    As(p.src, v);
+    Ps(p.src, v);
   };
   if (c.length === 0)
     return null;
@@ -1883,7 +1883,7 @@ const _r = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((b, p) => /* @__PURE__ */ s(
-        wr,
+        Sr,
         {
           variant: u,
           item: b,
@@ -1895,11 +1895,11 @@ const _r = ({
       )) })
     }
   );
-}, Nr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), yr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), kr = {
-  Composer: Nr,
-  Sent: yr,
-  Received: Cr
-}, bt = ({
+}, Er = (e) => /* @__PURE__ */ s(_t, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(_t, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "received" }), Ar = {
+  Composer: Er,
+  Sent: Ir,
+  Received: Tr
+}, wt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1912,7 +1912,7 @@ const _r = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(sa, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(oa, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1922,10 +1922,10 @@ const _r = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ s(ms, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(bs, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Ls = ({
+] }), Os = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1934,9 +1934,9 @@ const _r = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = B(!1), m = W(
+  const [o, d] = F(!1), m = W(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), As(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), Ps(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -2010,16 +2010,16 @@ const _r = ({
       ]
     }
   );
-}, qe = (e, t, n) => Math.min(Math.max(e, t), n), vt = ({
+}, We = (e, t, n) => Math.min(Math.max(e, t), n), Nt = ({
   length: e,
   initialIndex: t,
   open: n
 }) => {
-  const a = qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  const a = We(t, 0, Math.max(e - 1, 0)), [r, i] = F(a);
   Y(() => {
-    n && i(qe(t, 0, Math.max(e - 1, 0)));
+    n && i(We(t, 0, Math.max(e - 1, 0)));
   }, [n, t, e]), Y(() => {
-    i((d) => qe(d, 0, Math.max(e - 1, 0)));
+    i((d) => We(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const l = W(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -2035,7 +2035,7 @@ const _r = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, l, o]), { index: r, prev: l, next: o };
-}, xt = ({
+}, yt = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2116,7 +2116,7 @@ const _r = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ s(ct, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ s(ht, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -2125,13 +2125,13 @@ const _r = ({
       ]
     }
   );
-}, Ms = ({
+}, zs = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = vt({
+  const { index: r, prev: i, next: l } = Nt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2140,14 +2140,14 @@ const _r = ({
     [o]
   );
   return o ? /* @__PURE__ */ h(
-    xt,
+    yt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        Ls,
+        Os,
         {
           url: o.src,
           filename: d,
@@ -2170,7 +2170,7 @@ const _r = ({
           `${r}:${o.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          wt,
           {
             onPrev: i,
             onNext: l,
@@ -2181,7 +2181,7 @@ const _r = ({
       ]
     }
   ) : null;
-}, Sr = "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", Er = {
+}, Mr = "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", Lr = {
   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 _r = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, Ir = "--mes-single-width-cap", Tr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Ar = 436, Rs = ({
+}, Rr = "--mes-single-width-cap", Dr = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", Pr = 436, Fs = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2203,9 +2203,9 @@ const _r = ({
   const l = e.slice(0, Math.min(i, n)), o = i - l.length, d = (f, u, g) => {
     var x;
     const c = y(
-      Sr,
+      Mr,
       "h-full w-full",
-      (x = Er[l.length]) == null ? void 0 : x[u]
+      (x = Lr[l.length]) == null ? void 0 : x[u]
     );
     return t ? /* @__PURE__ */ h(
       "button",
@@ -2230,14 +2230,14 @@ const _r = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${Ir}), ${Math.round(Ar * a * 100) / 100}px)`,
+    width: `min(var(${Rr}), ${Math.round(Pr * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
   }), l.length === 1 ? /* @__PURE__ */ s(
     "div",
     {
       className: y(
-        a ? Tr : "aspect-square w-full",
+        a ? Dr : "aspect-square w-full",
         r
       ),
       style: m,
@@ -2293,14 +2293,14 @@ const _r = ({
     }
   );
 }, Ae = (e) => {
-  const [t, n] = B(!1), [a, r] = B(0), i = W(
+  const [t, n] = F(!1), [a, r] = F(0), i = W(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), n(!0));
     },
     [e]
   ), l = W(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, Lr = ({
+}, Or = ({
   item: e,
   index: t,
   totalCount: n,
@@ -2328,15 +2328,15 @@ const _r = ({
       }
     )
   )
-}), Mr = ({
+}), zr = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ds = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Bs = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Rr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Fr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ae(
     r
   );
@@ -2363,17 +2363,17 @@ const _r = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ie, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Ms,
+      zs,
       {
         open: l,
-        items: Ds([{ src: e, alt: t }], n),
+        items: Bs([{ src: e, alt: t }], n),
         initialIndex: o,
         onClose: m
       }
     )
   ] });
-}, Dr = 326 / 246, Pr = (e) => {
-  const t = e == null ? void 0 : e.src, [n, a] = F.useState(), r = F.useCallback(
+}, Br = 326 / 246, $r = (e) => {
+  const t = e == null ? void 0 : e.src, [n, a] = B.useState(), r = B.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
       const m = d.naturalWidth / d.naturalHeight;
@@ -2382,16 +2382,16 @@ const _r = ({
       );
     },
     [t]
-  ), i = F.useCallback(
+  ), i = B.useCallback(
     (d) => r(d.currentTarget),
     [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 ?? Dr,
+    ratio: l ?? o ?? Br,
     imgRef: r,
     onLoad: i
   };
-}, Ps = ({
+}, $s = ({
   state: e,
   src: t,
   alt: n,
@@ -2402,13 +2402,13 @@ const _r = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Mr({ src: t, alt: n, items: r }), f = Te(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: x } = Ae(
+  const m = zr({ src: t, alt: n, items: r }), f = Te(e), { viewerOpen: u, viewerIndex: g, handleActivate: c, closeViewer: x } = Ae(
     d
-  ), _ = m.length === 1, b = Pr(_ ? m[0] : void 0);
+  ), _ = m.length === 1, b = $r(_ ? m[0] : void 0);
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, w) => Lr({
+    (v, w) => Or({
       item: v,
       index: w,
       totalCount: m.length,
@@ -2430,7 +2430,7 @@ const _r = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Rs,
+          Fs,
           {
             tiles: p,
             onTileActivate: c,
@@ -2438,10 +2438,10 @@ const _r = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Ms,
+          zs,
           {
             open: u,
-            items: Ds(m, a),
+            items: Bs(m, a),
             initialIndex: g,
             onClose: x
           }
@@ -2449,17 +2449,17 @@ const _r = ({
       ]
     }
   );
-}, Or = (e) => /* @__PURE__ */ s(Rr, { ...e }), zr = (e) => /* @__PURE__ */ s(Ps, { ...e, state: "sent" }), Br = (e) => /* @__PURE__ */ s(Ps, { ...e, state: "received" }), Fr = {
-  Composer: Or,
-  Sent: zr,
-  Received: Br
-}, $r = ({
+}, Ur = (e) => /* @__PURE__ */ s(Fr, { ...e }), Vr = (e) => /* @__PURE__ */ s($s, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ s($s, { ...e, state: "received" }), Hr = {
+  Composer: Ur,
+  Sent: Vr,
+  Received: jr
+}, Gr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = vt({
+  const { index: r, prev: i, next: l } = Nt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2467,11 +2467,11 @@ const _r = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ae(o.src) : "document"),
     [o]
   ), m = ne(
-    () => o ? Ur(o.src) : void 0,
+    () => o ? Yr(o.src) : void 0,
     [o]
   );
   return !o || !m ? null : /* @__PURE__ */ h(
-    xt,
+    yt,
     {
       open: e,
       onClose: a,
@@ -2490,7 +2490,7 @@ const _r = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          wt,
           {
             onPrev: i,
             onNext: l,
@@ -2501,16 +2501,16 @@ const _r = ({
       ]
     }
   );
-}, Ur = (e) => {
+}, Yr = (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()}`;
-}, Vr = ({
+}, Wr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], jr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Xr = ({
   variant: e,
   item: t,
   index: n,
@@ -2519,7 +2519,7 @@ const _r = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ s(
-    Ts,
+    Ds,
     {
       variant: e,
       filename: i,
@@ -2531,7 +2531,7 @@ const _r = ({
       trailingAction: r
     }
   );
-}, _t = ({
+}, Ct = ({
   state: e,
   src: t,
   filename: n,
@@ -2543,7 +2543,7 @@ const _r = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const f = Te(e), u = Vr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: _ } = Ae(
+  const f = Te(e), u = Wr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: _ } = Ae(
     d
   ), b = e === "composer" && !!m;
   if (u.length === 0)
@@ -2562,7 +2562,7 @@ const _r = ({
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: u.map((v, w) => {
           const C = v.filename ?? ae(v.src), T = b && w === 0 ? /* @__PURE__ */ s(Ie, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            Ls,
+            Os,
             {
               url: v.src,
               filename: C,
@@ -2572,7 +2572,7 @@ const _r = ({
             }
           );
           return /* @__PURE__ */ s(
-            jr,
+            Xr,
             {
               variant: f,
               item: v,
@@ -2584,7 +2584,7 @@ const _r = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          $r,
+          Gr,
           {
             open: g,
             items: p,
@@ -2595,17 +2595,17 @@ const _r = ({
       ]
     }
   );
-}, Hr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "composer" }), Gr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ s(_t, { ...e, state: "received" }), Wr = {
-  Composer: Hr,
-  Sent: Gr,
-  Received: Yr
-}, Os = ({
+}, qr = (e) => /* @__PURE__ */ s(Ct, { ...e, state: "composer" }), Kr = (e) => /* @__PURE__ */ s(Ct, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ s(Ct, { ...e, state: "received" }), Jr = {
+  Composer: qr,
+  Sent: Kr,
+  Received: Zr
+}, Us = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = vt({
+  const { index: r, prev: i, next: l } = Nt({
     length: t.length,
     initialIndex: n,
     open: e
@@ -2614,7 +2614,7 @@ const _r = ({
     [o]
   );
   return o ? /* @__PURE__ */ h(
-    xt,
+    yt,
     {
       open: e,
       onClose: a,
@@ -2638,7 +2638,7 @@ const _r = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          bt,
+          wt,
           {
             onPrev: i,
             onNext: l,
@@ -2649,7 +2649,7 @@ const _r = ({
       ]
     }
   ) : null;
-}, qr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(nt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), zs = ({
+}, Qr = () => /* @__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(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Vs = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2664,30 +2664,30 @@ const _r = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    fs,
+    xs,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(qr, {})
-] }), Xr = (e, t, n) => ({
+  /* @__PURE__ */ s(Qr, {})
+] }), ei = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(zs, { item: e, index: t })
-}), Kr = ({
+  content: /* @__PURE__ */ s(Vs, { item: e, index: t })
+}), ti = ({
   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 }] : [], Bs = (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 }] : [], js = (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
-})), Zr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), si = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: f } = Ae(
     i
   );
@@ -2699,15 +2699,15 @@ const _r = ({
         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(zs, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Vs, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ie, { onClick: l }) }) : null,
     /* @__PURE__ */ s(
-      Os,
+      Us,
       {
         open: o,
-        items: Bs(
+        items: js(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2716,7 +2716,7 @@ const _r = ({
       }
     )
   ] });
-}, Fs = ({
+}, Hs = ({
   state: e,
   src: t,
   poster: n,
@@ -2728,13 +2728,13 @@ const _r = ({
   preload: d,
   onClick: m
 }) => {
-  const f = Kr({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Te(e), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: _ } = Ae(
+  const f = ti({ src: t, poster: n, mimeType: a, preload: d, items: i }), u = Te(e), { viewerOpen: g, viewerIndex: c, handleActivate: x, closeViewer: _ } = Ae(
     m
   );
   if (f.length === 0)
     return null;
   const b = f.map(
-    (p, v) => Xr(p, v, f.length)
+    (p, v) => ei(p, v, f.length)
   );
   return /* @__PURE__ */ h(
     Ee,
@@ -2744,12 +2744,12 @@ const _r = ({
       groupPosition: o,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Rs, { tiles: b, onTileActivate: x }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Fs, { tiles: b, onTileActivate: x }) }),
         /* @__PURE__ */ s(
-          Os,
+          Us,
           {
             open: g,
-            items: Bs(f, r),
+            items: js(f, r),
             initialIndex: c,
             onClose: _
           }
@@ -2757,31 +2757,31 @@ const _r = ({
       ]
     }
   );
-}, Jr = (e) => /* @__PURE__ */ s(Zr, { ...e }), Qr = (e) => /* @__PURE__ */ s(Fs, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ s(Fs, { ...e, state: "received" }), ti = {
-  Composer: Jr,
-  Sent: Qr,
-  Received: ei
+}, ni = (e) => /* @__PURE__ */ s(si, { ...e }), ai = (e) => /* @__PURE__ */ s(Hs, { ...e, state: "sent" }), ri = (e) => /* @__PURE__ */ s(Hs, { ...e, state: "received" }), ii = {
+  Composer: ni,
+  Sent: ai,
+  Received: ri
 }, Ne = {
-  Image: Fr,
-  Video: ti,
-  Audio: mr,
-  Pdf: Wr,
-  File: kr
-}, si = {
+  Image: Hr,
+  Video: ii,
+  Audio: br,
+  Pdf: Jr,
+  File: Ar
+}, oi = {
   isUnlocking: () => !1
-}, ni = {
-  LockedAttachment: si
-}, $s = lt({}), Yo = $s.Provider;
-function ai(e) {
-  return ke($s)[e] ?? ni[e];
+}, li = {
+  LockedAttachment: oi
+}, Gs = mt({}), ll = Gs.Provider;
+function ci(e) {
+  return ke(Gs)[e] ?? li[e];
 }
-const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import("./Card-Cgn2G-VJ.js")), oi = () => /* @__PURE__ */ s(
+const di = B.lazy(() => import("./Card-qS17qnN0.js")), ui = B.lazy(() => import("./Card-DcyixIfP.js")), mi = () => /* @__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
   }
-), Pe = (e) => /* @__PURE__ */ s(tn, { fallback: /* @__PURE__ */ s(oi, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(ri, { ...e }) : /* @__PURE__ */ s(ii, { ...e }) }), li = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Pe = (e) => /* @__PURE__ */ s(on, { fallback: /* @__PURE__ */ s(mi, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(di, { ...e }) : /* @__PURE__ */ s(ui, { ...e }) }), hi = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2798,27 +2798,27 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
       }
     )
   }
-), ci = (e) => {
+), fi = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.TIP;
-}, Us = (e) => {
+}, Ys = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.PAID;
-}, Be = (e) => {
+}, ze = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.CHATBOT;
-}, wt = (e) => {
+}, kt = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.ATTACHMENT;
-}, di = (e) => {
+}, gi = (e) => {
   var t;
-  return wt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, ui = (e) => {
+  return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+}, pi = (e) => {
   var t;
-  return wt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Vs = (e) => ci(e) || Us(e), mi = (e) => {
+  return kt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+}, Ws = (e) => fi(e) || Ys(e), bi = (e) => {
   var t;
-  return Vs(e) && !((t = e.text) != null && t.trim());
+  return Ws(e) && !((t = e.text) != null && t.trim());
 }, Xe = ({
   message: e,
   standalone: t = !1,
@@ -2826,15 +2826,15 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = Vs(e), i = Be(e);
+  const r = Ws(e), i = ze(e);
   if (!r && !i)
     return null;
   if (r) {
     const g = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!g) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", x = Us(e) ? "message" : "tip", _ = t ? `${g} ${x}` : `Delivered with ${g} ${x}`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", x = Ys(e) ? "message" : "tip", _ = t ? `${g} ${x}` : `Delivered with ${g} ${x}`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ s(na, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(la, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: _ })
     ] });
   }
@@ -2842,7 +2842,7 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(li, { size: l ? 12 : 15 }) });
+  ].join(" "), m = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), f = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(hi, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(J, { children: [
     m,
     f
@@ -2850,7 +2850,7 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
     f,
     m
   ] }) });
-}, hi = ({
+}, vi = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2866,7 +2866,7 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(aa, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(ca, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2880,10 +2880,10 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(ra, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(da, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Nt = () => {
+] }), St = () => {
   const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = he("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
@@ -2893,10 +2893,10 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
       }
   })();
   return e.id === n;
-}, Ke = () => Nt() ? /* @__PURE__ */ h(J, { children: [
-  /* @__PURE__ */ s(la, { weight: "bold", "aria-hidden": "true" }),
+}, qe = () => St() ? /* @__PURE__ */ h(J, { children: [
+  /* @__PURE__ */ s(ha, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, fi = () => Nt() ? /* @__PURE__ */ h(J, { children: [
+] }) : null, xi = () => St() ? /* @__PURE__ */ h(J, { children: [
   /* @__PURE__ */ s(
     ve,
     {
@@ -2906,13 +2906,13 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
     }
   ),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, gi = ({
+] }) : null, _i = ({
   broadcastId: e,
   broadcastName: t,
   onBroadcastClick: n
 }) => {
   const a = t || "Broadcast", r = /* @__PURE__ */ h(J, { children: [
-    /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(oa, { weight: "fill" }) }),
+    /* @__PURE__ */ s("span", { className: "sent-message-broadcast-badge", "aria-hidden": "true", children: /* @__PURE__ */ s(ma, { weight: "fill" }) }),
     /* @__PURE__ */ s(
       "span",
       {
@@ -2935,36 +2935,36 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
       children: r
     }
   ) : r;
-}, pi = () => /* @__PURE__ */ h("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ s(ia, { weight: "bold", "aria-hidden": "true" }),
+}, wi = () => /* @__PURE__ */ h("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ s(ua, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ s("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), bi = ({
+] }), Ni = ({
   onBroadcastClick: e
 }) => {
   var f, u;
   const { isMyMessage: t, message: n, threadList: a } = fe(
     "SentMessageDeliveryStatus"
-  ), r = t(), i = Nt();
+  ), r = t(), i = St();
   if (a)
     return null;
   if (n.status === "failed" && r && n.type !== "error")
-    return /* @__PURE__ */ s(pi, {});
+    return /* @__PURE__ */ s(wi, {});
   if (!r)
     return null;
   const l = (f = n.metadata) == null ? void 0 : f.broadcast_id, o = (u = n.metadata) == null ? void 0 : u.broadcast_name, d = n.status !== "sending" && n.status !== "failed" && l ? /* @__PURE__ */ s(
-    gi,
+    _i,
     {
       broadcastId: l,
       broadcastName: o,
       onBroadcastClick: e
     }
   ) : null, m = /* @__PURE__ */ s(
-    on,
+    mn,
     {
-      MessageSentStatus: Ke,
-      MessageDeliveredStatus: Ke,
-      MessageReadStatus: Ke,
-      MessageSendingStatus: fi
+      MessageSentStatus: qe,
+      MessageDeliveredStatus: qe,
+      MessageReadStatus: qe,
+      MessageSendingStatus: xi
     }
   );
   return d ? /* @__PURE__ */ h("span", { className: "sent-message-status-row", children: [
@@ -2979,26 +2979,26 @@ const ri = F.lazy(() => import("./Card-qS17qnN0.js")), ii = F.lazy(() => import(
     ),
     d
   ] }) : m;
-}, vi = /^([a-z][a-z0-9+.-]*):/i, xi = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function yt(e) {
+}, yi = /^([a-z][a-z0-9+.-]*):/i, Ci = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function Et(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = vi.exec(t);
+  const n = yi.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return xi.has(a) ? t : void 0;
+    return Ci.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const _i = {
+const ki = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, wi = ({ variant: e, cta: t }) => {
+}, Si = ({ variant: e, cta: t }) => {
   const n = y(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    _i[e]
-  ), a = yt(t.href);
+    ki[e]
+  ), a = Et(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -3024,52 +3024,53 @@ const _i = {
       children: t.label
     }
   );
-}, Ni = {
+}, Ei = {
   dark: "text-white",
   light: "text-black/90"
-}, yi = "text-white/30", Ci = {
+}, Ii = "text-white/30", Ti = {
   dark: "text-white/55",
   light: "text-black/55"
-}, ki = {
+}, Ai = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, Ct = ({
+}, It = ({
   variant: e,
-  title: t,
-  placeholderTitle: n,
-  description: a,
-  url: r,
-  appIcon: i,
-  cta: l,
-  trailingAction: o,
-  chinTextColor: d,
+  chinTextColor: t,
+  title: n,
+  placeholderTitle: a,
+  description: r,
+  url: i,
+  appIcon: l,
+  cta: o,
+  trailingAction: d,
   isLoading: m = !1
 }) => {
-  const f = e === "dark", u = t ?? (f ? n : void 0) ?? "", g = u.trim() !== "", c = a != null && a.trim() !== "", x = typeof r == "string" ? r.trim() : "", _ = x !== "", b = l != null;
+  const f = e === "dark", u = n ?? (f ? a : void 0) ?? "", g = u.trim() !== "", c = r != null && r.trim() !== "", x = typeof i == "string" ? i.trim() : "", _ = x !== "", b = o != null;
   if (!m && !g && !c && !_ && !b)
     return null;
-  const p = f && !t, v = y(
+  const p = f && !n, v = y(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    d == null && (p ? yi : Ni[e])
+    t == null && (p ? Ii : Ei[e])
   ), w = y(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
-    d == null && Ci[e]
-  ), C = d ? { color: d } : void 0;
+    t == null && Ti[e]
+  );
   if (m) {
     const T = y(
       "animate-pulse rounded",
-      ki[e]
+      Ai[e]
     );
     return /* @__PURE__ */ s("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
       /* @__PURE__ */ s("div", { className: y("h-5 w-3/4", T), "aria-hidden": !0 }),
       /* @__PURE__ */ s("div", { className: y("h-4 w-1/2", T), "aria-hidden": !0 })
     ] }) });
   }
+  const C = t ? { color: t } : void 0;
   return /* @__PURE__ */ h("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
         g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
-          i ? /* @__PURE__ */ s("span", { className: "shrink-0", children: i }) : null,
+          l ? /* @__PURE__ */ s("span", { className: "shrink-0", children: l }) : null,
           /* @__PURE__ */ s(
             "p",
             {
@@ -3079,19 +3080,19 @@ const _i = {
             }
           )
         ] }),
-        c && /* @__PURE__ */ s("p", { className: w, style: C, children: a }),
+        c && /* @__PURE__ */ s("p", { className: w, style: C, children: r }),
         !b && _ && /* @__PURE__ */ s("p", { className: w, style: C, children: x })
       ] }),
-      o && /* @__PURE__ */ s("div", { className: "shrink-0", children: o })
+      d && /* @__PURE__ */ s("div", { className: "shrink-0", children: d })
     ] }),
-    l && /* @__PURE__ */ s(wi, { variant: e, cta: l })
+    o && /* @__PURE__ */ s(Si, { variant: e, cta: o })
   ] });
-}, Si = "Loading link preview", Ei = y(
+}, Mi = "Loading link preview", Li = y(
   "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]"
-), Ii = "flex h-[250px] flex-col", Fe = ({
+), Ri = "flex h-[250px] flex-col", Fe = ({
   variant: e,
   children: t,
   href: n,
@@ -3106,17 +3107,33 @@ const _i = {
   "data-testid": u
 }) => {
   const g = n != null || a != null, c = y(
-    Ei,
-    m ? Ii : "block",
+    Li,
+    m ? Ri : "block",
     // Kept underneath `accentStyle` rather than swapped out: the inline
     // background wins on specificity, and leaving the class in place means
     // an accent that somehow doesn't paint still lands on a sane surface.
-    o ?? (e === "dark" ? "bg-shade" : "bg-white"),
+    //
+    // MUST be an arbitrary value, not a theme token. This package ships no
+    // Tailwind utilities — `dist/assets/index.css` is only the hand-written
+    // `.str-chat`/`.mes-*` CSS — so consumers generate our classes by scanning
+    // `messaging-react/dist` against *their own* theme. `shade` comes from the
+    // component-library preset that this package builds with; frontyard builds
+    // on the Arbor preset and has no such colour, so `bg-shade` was silently
+    // dropped, the chin rendered transparent, and the own-message `color: white`
+    // left the title and URL invisible (MES-1388). An arbitrary value is
+    // generated from the class name alone and cannot depend on consumer theme.
+    //
+    // Both values are the plain message bubble's own fill, so a card with no
+    // usable accent matches the text bubbles around it: `#1e2330` is
+    // `--str-chat__own-message-bubble-background-color` and `#f1f0ee` is
+    // `--str-chat__message-bubble-background-color`. Mirrored in
+    // `chinContrast.BUBBLE_BG_BY_VARIANT`, which the bubble tail reads.
+    o ?? (e === "dark" ? "bg-[#1e2330]" : "bg-[#f1f0ee]"),
     // `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.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), x = f ? { role: "status", "aria-busy": !0, "aria-label": Si } : void 0, _ = l ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
+  ), x = f ? { role: "status", "aria-busy": !0, "aria-label": Mi } : void 0, _ = l ? /* @__PURE__ */ s("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: l }) : null;
   return n ? /* @__PURE__ */ h(
     "a",
     {
@@ -3164,17 +3181,17 @@ const _i = {
       ]
     }
   );
-}, es = {
+}, as = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Ti = {
+}, Di = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Le = (e, t) => !!t && !!e && ce(e) === "audio", kt = (e, t) => {
+}, Me = (e, t) => !!t && !!e && ce(e) === "audio", Tt = (e, t) => {
   if (!t || !e) return !1;
   const n = ce(e);
   return n === "video" || n === "audio";
-}, St = "bg-[#F2F3F4]", $e = ({
+}, Pi = "#F2F3F4", At = "bg-[#F2F3F4]", Be = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -3186,7 +3203,7 @@ const _i = {
   onImageError: d
 }) => {
   const m = ce(r), f = !!n && m === "video", u = me(t);
-  return !o && Le(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
+  return !o && Me(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
       src: n,
@@ -3208,7 +3225,7 @@ const _i = {
       children: [
         o ? (
           // Reuses the placeholder fill: a fixed `bg-black/[0.06]` would be
-          // invisible on the dark card's `bg-shade` surface. Stock Tailwind only
+          // invisible on the dark card's dark surface. Stock Tailwind only
           // — `animate-shimmer` exists in this package's own tailwind config but
           // not in either consumer's, so it would compile to nothing in
           // frontyard and profiles while looking right in this Storybook.
@@ -3217,7 +3234,7 @@ const _i = {
             {
               className: y(
                 "h-full w-full animate-pulse",
-                es[e]
+                as[e]
               ),
               "aria-hidden": !0
             }
@@ -3261,10 +3278,10 @@ const _i = {
           {
             className: y(
               "flex h-full w-full items-center justify-center",
-              es[e]
+              as[e]
             ),
             children: xe(r, {
-              className: Ti[e],
+              className: Di[e],
               weight: "regular"
             })
           }
@@ -3274,45 +3291,121 @@ const _i = {
       ]
     }
   );
-}, Oe = "#FFFFFF", ts = "#040403", Ai = "#1e2330", Li = 3, Mi = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Ri(e) {
-  if (typeof e != "string" || !Mi.test(e.trim())) return;
-  const t = e.trim().replace(/^#/, ""), n = t.length === Li ? t.replace(/./g, (a) => a + a) : t;
+}, Oi = 4.5, zi = {
+  dark: "#1e2330",
+  light: "#f1f0ee"
+}, Fi = 3, Bi = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function $i(e) {
+  if (typeof e != "string" || !Bi.test(e.trim())) return;
+  const t = e.trim().replace(/^#/, ""), n = t.length === Fi ? t.replace(/./g, (a) => a + a) : t;
   return [
     Number.parseInt(n.slice(0, 2), 16),
     Number.parseInt(n.slice(2, 4), 16),
     Number.parseInt(n.slice(4, 6), 16)
   ];
 }
-function Ze(e) {
+function Ke(e) {
   const t = e / 255;
   return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
 }
-function it(e) {
-  const t = Ri(e);
-  return t ? 0.2126 * Ze(t[0]) + 0.7152 * Ze(t[1]) + 0.0722 * Ze(t[2]) : Number.NaN;
+function Ui(e) {
+  return 0.2126 * Ke(e[0]) + 0.7152 * Ke(e[1]) + 0.0722 * Ke(e[2]);
+}
+function rs(e) {
+  const t = $i(e);
+  return t ? Ui(t) : Number.NaN;
 }
-function ss(e, t) {
-  const n = it(e), a = it(t);
-  if (Number.isNaN(n) || Number.isNaN(a)) return Number.NaN;
-  const r = Math.max(n, a), i = Math.min(n, a);
-  return (r + 0.05) / (i + 0.05);
+function Vi(e, t) {
+  return Number.isNaN(e) || Number.isNaN(t) ? Number.NaN : (Math.max(e, t) + 0.05) / (Math.min(e, t) + 0.05);
 }
-function Di(e) {
-  if (e == null) return Oe;
-  const t = ss(e, Oe);
-  return Number.isNaN(t) || t >= ss(e, ts) ? Oe : ts;
+function lt(e, t) {
+  return Vi(rs(e), rs(t));
 }
-function Pi(e) {
-  if (e == null || Number.isNaN(it(e))) return;
-  const t = e.trim();
-  return t.startsWith("#") ? t : `#${t}`;
+const ct = "#FFFFFF", dt = "#040403";
+function ji(e) {
+  const t = lt(e, dt);
+  if (!Number.isNaN(t))
+    return t >= lt(e, ct) ? dt : ct;
 }
-const Oi = {
-  dark: Ai,
-  light: "#ffffff"
-};
-function Et({
+const Hi = {
+  dark: 0.3,
+  light: 0.9
+}, Gi = {
+  dark: ct,
+  light: dt
+}, Yi = 3, Wi = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i, is = 0.5, Xi = 25;
+function qi(e) {
+  if (typeof e != "string" || !Wi.test(e.trim())) return;
+  const t = e.trim().replace(/^#/, ""), n = t.length === Yi ? t.replace(/./g, (a) => a + a) : t;
+  return [
+    Number.parseInt(n.slice(0, 2), 16),
+    Number.parseInt(n.slice(2, 4), 16),
+    Number.parseInt(n.slice(4, 6), 16)
+  ];
+}
+function Ki(e) {
+  return `#${e.map(
+    (t) => Math.round(Math.min(255, Math.max(0, t))).toString(16).padStart(2, "0")
+  ).join("")}`;
+}
+function Ze(e) {
+  return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
+}
+function Je(e) {
+  return e <= 31308e-7 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - 0.055;
+}
+function Zi(e) {
+  const t = Ze(e[0] / 255), n = Ze(e[1] / 255), a = Ze(e[2] / 255), r = Math.cbrt(
+    0.4122214708 * t + 0.5363325363 * n + 0.0514459929 * a
+  ), i = Math.cbrt(
+    0.2119034982 * t + 0.6806995451 * n + 0.1073969566 * a
+  ), l = Math.cbrt(
+    0.0883024619 * t + 0.2817188376 * n + 0.6299787005 * a
+  ), o = 0.2104542553 * r + 0.793617785 * i - 0.0040720468 * l, d = 1.9779984951 * r - 2.428592205 * i + 0.4505937099 * l, m = 0.0259040371 * r + 0.7827717662 * i - 0.808675766 * l;
+  return [
+    o,
+    Math.hypot(d, m),
+    (Math.atan2(m, d) * 180 / Math.PI + 360) % 360
+  ];
+}
+function Qe([e, t, n]) {
+  const a = n * Math.PI / 180, r = t * Math.cos(a), i = t * Math.sin(a), l = (e + 0.3963377774 * r + 0.2158037573 * i) ** 3, o = (e - 0.1055613458 * r - 0.0638541728 * i) ** 3, d = (e - 0.0894841775 * r - 1.291485548 * i) ** 3;
+  return [
+    255 * Je(
+      4.0767416621 * l - 3.3077115913 * o + 0.2309699292 * d
+    ),
+    255 * Je(
+      -1.2684380046 * l + 2.6097574011 * o - 0.3413193965 * d
+    ),
+    255 * Je(
+      -0.0041960863 * l - 0.7034186147 * o + 1.707614701 * d
+    )
+  ];
+}
+function os(e) {
+  return e.every(
+    (t) => t >= -is && t <= 255 + is
+  );
+}
+function Ji(e, t) {
+  if (e == null) return;
+  const n = qi(e);
+  if (!n) return;
+  const [, a, r] = Zi(n), i = Hi[t];
+  let l = 0;
+  if (os(Qe([i, a, r])))
+    l = a;
+  else {
+    let d = 0, m = a;
+    for (let f = 0; f < Xi; f++) {
+      const u = (d + m) / 2;
+      os(Qe([i, u, r])) ? (l = u, d = u) : m = u;
+    }
+  }
+  const o = Ki(Qe([i, l, r]));
+  return lt(o, Gi[t]) >= Oi ? o : void 0;
+}
+function Mt({
   variant: e,
   accentColor: t,
   status: n = "ready",
@@ -3321,23 +3414,23 @@ function Et({
   mimeType: i,
   sourceUrl: l
 }) {
-  const [o, d] = F.useState(!1);
-  F.useEffect(() => {
+  const [o, d] = B.useState(!1);
+  B.useEffect(() => {
     d(!1);
   }, [r]);
-  const m = F.useCallback(() => {
+  const m = B.useCallback(() => {
     d(!0);
-  }, []), u = a === "featured" && !!r && !Le(i, l) && !o && n === "ready" ? Pi(t) : void 0;
+  }, []), f = a === "featured" && !!r && !o, u = Me(i, l), g = f && n === "ready" ? Ji(t, e) : void 0, c = g ?? (u ? Pi : zi[e]);
   return {
     thumbnailUrl: o ? void 0 : r,
-    accentStyle: u ? { backgroundColor: u } : void 0,
-    chinTextColor: u ? Di(u) : void 0,
-    tailColor: u ?? Oi[e],
+    accentStyle: g ? { backgroundColor: g } : void 0,
+    chinTextColor: ji(c),
+    tailColor: c,
     isLoading: n === "loading",
     onImageError: m
   };
 }
-const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Bi = "relative before:absolute before:-inset-[10px] before:content-['']", Fi = ({
+const Qi = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", eo = "relative before:absolute before:-inset-[10px] before:content-['']", to = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3354,7 +3447,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onEditClick: c,
   dismissLabel: x = "Dismiss attachment"
 }) => {
-  const _ = o === "classic", b = Le(r, l), p = Et({
+  const _ = o === "classic", b = Me(r, l), p = Mt({
     variant: "dark",
     accentColor: f,
     status: u,
@@ -3369,10 +3462,10 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: g,
       "aria-label": x,
       className: y(
-        zi,
-        !b && Bi
+        Qi,
+        !b && eo
       ),
-      children: /* @__PURE__ */ s(ct, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ s(ht, { className: "size-3", weight: "bold" })
     }
   ) : void 0, w = c ? /* @__PURE__ */ s(
     "button",
@@ -3381,12 +3474,12 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: c,
       "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(ca, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(fa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return b && !p.isLoading ? /* @__PURE__ */ s(Fe, { variant: "dark", bgClassName: St, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return b && !p.isLoading ? /* @__PURE__ */ s(Fe, { variant: "dark", bgClassName: At, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
-      $e,
+      Be,
       {
         variant: "dark",
         sourceUrl: l,
@@ -3405,7 +3498,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       topRight: _ ? v : void 0,
       children: [
         !_ && /* @__PURE__ */ s(
-          $e,
+          Be,
           {
             variant: "dark",
             thumbnailUrl: p.thumbnailUrl,
@@ -3418,8 +3511,9 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ s(
-          Ct,
+          It,
           {
+            chinTextColor: p.chinTextColor,
             variant: "dark",
             title: e,
             placeholderTitle: t,
@@ -3428,14 +3522,13 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
             appIcon: d,
             cta: m,
             trailingAction: w,
-            chinTextColor: p.chinTextColor,
             isLoading: p.isLoading
           }
         )
       ]
     }
   );
-}, js = ({
+}, Xs = ({
   color: e,
   side: t,
   visible: n,
@@ -3459,7 +3552,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ s(J, { children: a }), $i = ({
+) : /* @__PURE__ */ s(J, { children: a }), so = ({
   title: e,
   description: t,
   url: n,
@@ -3474,13 +3567,13 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: u,
   groupPosition: g = "single"
 }) => {
-  const c = kt(a, i), x = yt(n), _ = d == null && x != null && !c ? x : void 0, b = d == null && !c ? u : void 0, p = f !== "loading" && Le(a, i) ? St : void 0, v = d && u ? {
+  const c = Tt(a, i), x = Et(n), _ = d == null && x != null && !c ? x : void 0, b = d == null && !c ? u : void 0, p = f !== "loading" && Me(a, i) ? At : void 0, v = d && u ? {
     ...d,
     onClick: () => {
       var C;
       u(), (C = d.onClick) == null || C.call(d);
     }
-  } : d, w = Et({
+  } : d, w = Mt({
     variant: "light",
     accentColor: m,
     status: f,
@@ -3490,7 +3583,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: i
   });
   return /* @__PURE__ */ s(
-    js,
+    Xs,
     {
       color: w.tailColor,
       side: "receiver",
@@ -3509,7 +3602,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           "data-testid": "link-attachment",
           children: [
             l === "featured" && /* @__PURE__ */ s(
-              $e,
+              Be,
               {
                 variant: "light",
                 thumbnailUrl: w.thumbnailUrl,
@@ -3521,15 +3614,15 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ s(
-              Ct,
+              It,
               {
+                chinTextColor: w.chinTextColor,
                 variant: "light",
                 title: e,
                 description: t,
                 url: n,
                 appIcon: o,
                 cta: v,
-                chinTextColor: w.chinTextColor,
                 isLoading: w.isLoading
               }
             )
@@ -3538,7 +3631,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, Ui = ({
+}, no = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3554,7 +3647,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const x = kt(r, l), _ = yt(a), b = m == null && _ != null && !x ? _ : void 0, p = m == null && !x && b != null ? g : void 0, v = u !== "loading" && Le(r, l), w = Et({
+  const x = Tt(r, l), _ = Et(a), b = m == null && _ != null && !x ? _ : void 0, p = m == null && !x && b != null ? g : void 0, v = u !== "loading" && Me(r, l), w = Mt({
     variant: "dark",
     accentColor: f,
     status: u,
@@ -3564,7 +3657,7 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ s(
-    js,
+    Xs,
     {
       color: w.tailColor,
       side: "sender",
@@ -3578,10 +3671,10 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           fixedHeight: o === "featured" && !v,
           accentStyle: w.accentStyle,
           busy: w.isLoading,
-          bgClassName: v ? St : void 0,
+          bgClassName: v ? At : void 0,
           children: [
             o === "featured" && /* @__PURE__ */ s(
-              $e,
+              Be,
               {
                 variant: "dark",
                 thumbnailUrl: w.thumbnailUrl,
@@ -3593,8 +3686,9 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ s(
-              Ct,
+              It,
               {
+                chinTextColor: w.chinTextColor,
                 variant: "dark",
                 title: e,
                 placeholderTitle: t,
@@ -3602,7 +3696,6 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 url: a,
                 appIcon: d,
                 cta: m,
-                chinTextColor: w.chinTextColor,
                 isLoading: w.isLoading
               }
             )
@@ -3611,22 +3704,22 @@ const zi = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, ot = {
-  Composer: Fi,
-  Sent: Ui,
-  Received: $i
+}, ut = {
+  Composer: to,
+  Sent: no,
+  Received: so
 };
 function D(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function ns(e) {
+function ls(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Vi(e, t) {
+function ao(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = ns(e), a = ns(t);
+  const n = ls(e), a = ls(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3634,7 +3727,7 @@ function Vi(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function as(e) {
+function cs(e) {
   const t = D(e.og_scrape_url) ?? D(e.title_link), n = D(e.image_url) ?? D(e.thumb_url), a = D(e.asset_url), r = D(e.mime_type);
   return {
     title: D(e.title),
@@ -3644,7 +3737,7 @@ function as(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || kt(r, a) ? "featured" : "classic",
+    layout: n || Tt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
@@ -3656,15 +3749,15 @@ function as(e) {
     status: "ready"
   };
 }
-function ji(e) {
+function ro(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 qs(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 qs(e) {
   const t = D(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Gs(e) {
+function Ks(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3682,25 +3775,25 @@ function Gs(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Hs(r)) {
+    if (qs(r)) {
       a(r);
       continue;
     }
-    const i = ji(r);
+    const i = ro(r);
     i && n(i, r);
   }
   return t;
 }
-function Hi(e) {
+function io(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function Gi(e, t, n) {
+function oo(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function rs(e) {
+function ds(e) {
   return D(e.image_url) ?? D(e.asset_url) ?? "";
 }
-function Yi(e) {
+function lo(e) {
   switch (e) {
     case "image":
       return Ne.Image;
@@ -3714,13 +3807,13 @@ function Yi(e) {
       return Ne.File;
   }
 }
-function Wi(e, t) {
+function co(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: rs(a),
+            src: ds(a),
             alt: D(a.title)
           }))
         };
@@ -3765,7 +3858,7 @@ function Wi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: rs(n),
+        src: ds(n),
         alt: D(n.title)
       };
     case "video":
@@ -3797,49 +3890,49 @@ function Wi(e, t) {
       };
   }
 }
-function qi({
+function uo({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = Yi(n.kind), r = {
-    ...Wi(n.kind, n.attachments),
+  const a = lo(n.kind), r = {
+    ...co(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const Xi = ({
+const mo = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var _;
-  const r = Gs(n.attachments);
+  const r = Ks(n.attachments);
   if (r.length === 0) return null;
-  const i = Hi(r), l = (_ = n.text) == null ? void 0 : _.trim(), o = r.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? as(o.attachments[0] ?? {}).url : void 0, m = l && Vi(l, d) ? void 0 : l;
+  const i = io(r), l = (_ = n.text) == null ? void 0 : _.trim(), o = r.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? cs(o.attachments[0] ?? {}).url : void 0, m = l && ao(l, d) ? void 0 : l;
   let f = 0;
   const u = [], g = m ? "middle" : e, c = (b, p, v) => {
-    const w = t ? ot.Sent : ot.Received;
+    const w = t ? ut.Sent : ut.Received;
     u.push(
       /* @__PURE__ */ s(
         w,
         {
-          ...as(b),
+          ...cs(b),
           groupPosition: v ? g : "middle"
         },
         p
       )
     );
   }, x = (b, p) => {
-    const v = Gi(
+    const v = oo(
       f,
       i,
       e
     );
     f += 1, u.push(
       /* @__PURE__ */ s(
-        qi,
+        uo,
         {
           groupPosition: v,
           isMyMessage: t,
@@ -3876,17 +3969,17 @@ const Xi = ({
         },
         children: [
           u,
-          !m && /* @__PURE__ */ s(tt, {})
+          !m && /* @__PURE__ */ s(nt, {})
         ]
       }
     ),
     m ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-      /* @__PURE__ */ s(ze, { message: n, renderText: a }),
-      /* @__PURE__ */ s(tt, {})
+      /* @__PURE__ */ s(Oe, { message: n, renderText: a }),
+      /* @__PURE__ */ s(nt, {})
     ] }) : null
   ] });
-}, Ki = (e) => {
-  var Dt, Pt, Ot, zt, Bt, Ft, $t, Ut, Vt, jt;
+}, ho = (e) => {
+  var Ft, Bt, $t, Ut, Vt, jt, Ht, Gt, Yt, Wt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3905,79 +3998,79 @@ const Xi = ({
     threadList: _,
     viewerLanguage: b,
     onBroadcastClick: p
-  } = e, { client: v } = Se("CustomMessage"), { channel: w } = he("CustomMessage"), { isUnlocking: C, onUnlockClick: T, onFetchSource: O, onDownloadClick: R } = ai("LockedAttachment"), [z, $] = B(!1), L = cn(c.id), { selected: S, voteUp: P, voteDown: k } = Ra(c), {
-    Attachment: E = dn,
-    EditMessageModal: I = un,
+  } = e, { client: v } = Se("CustomMessage"), { channel: w } = he("CustomMessage"), { isUnlocking: C, onUnlockClick: T, onFetchSource: O, onDownloadClick: R } = ci("LockedAttachment"), [z, $] = F(!1), M = fn(c.id), { selected: S, voteUp: P, voteDown: k } = Fa(c), {
+    Attachment: E = gn,
+    EditMessageModal: I = pn,
     MessageActions: A,
-    MessageBlocked: U = mn,
-    MessageBouncePrompt: j = hn,
-    MessageDeleted: q = fn,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = gn,
-    MessageRepliesCountButton: K = pn,
-    ReminderNotification: N = bn,
-    StreamedMessageText: M = vn,
+    MessageBlocked: U = bn,
+    MessageBouncePrompt: j = vn,
+    MessageDeleted: X = xn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = _n,
+    MessageRepliesCountButton: K = wn,
+    ReminderNotification: N = Nn,
+    StreamedMessageText: L = yn,
     PinIndicator: G
-  } = ds("CustomMessage"), X = xn(c), se = _n(c), Z = ne(
+  } = gs("CustomMessage"), q = Cn(c), se = kn(c), Z = ne(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), V = ne(() => {
     const ue = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...ue] : ue;
-    if (!Be(c)) return be;
-    const Ht = be.filter((Gt) => !("type" in Gt) || !Ss(Gt));
-    return Ht.length === be.length ? be : Ht;
+    if (!ze(c)) return be;
+    const Xt = be.filter((qt) => !("type" in qt) || !Ms(qt));
+    return Xt.length === be.length ? be : Xt;
   }, [c]), ee = ne(
-    () => Gs(V),
+    () => Ks(V),
     [V]
   ), re = ne(() => {
-    const ue = ws({ message: c, viewerLanguage: b });
+    const ue = Ss({ message: c, viewerLanguage: b });
     return ue === c.text ? c : { ...c, text: ue };
-  }, [c, b]), Me = ee.length > 0, Re = ee.reduce(
+  }, [c, b]), Le = ee.length > 0, Re = ee.reduce(
     (ue, be) => ue + be.attachments.length,
     0
-  ) === ((V == null ? void 0 : V.length) ?? 0), ie = ir({
+  ) === ((V == null ? void 0 : V.length) ?? 0), ie = ur({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l
   });
-  if (wn(c))
+  if (Sn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ s(q, { message: c });
-  if (Nn(c))
+    return /* @__PURE__ */ s(X, { message: c });
+  if (En(c))
     return /* @__PURE__ */ s(U, {});
-  const de = !_ && !!c.reply_count, oe = !_ && c.show_in_channel && c.parent_id, It = c.status === "failed" && ((Dt = c.error) == null ? void 0 : Dt.status) !== 403, Tt = yn(c);
+  const de = !_ && !!c.reply_count, oe = !_ && c.show_in_channel && c.parent_id, Lt = c.status === "failed" && ((Ft = c.error) == null ? void 0 : Ft.status) !== 403, Rt = In(c);
   let ge;
-  It ? ge = () => m(c) : Tt && (ge = () => $(!0));
-  const te = g(), Zs = y(
+  Lt ? ge = () => m(c) : Rt && (ge = () => $(!0));
+  const te = g(), sn = y(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
     te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": X,
+      "str-chat__message--has-attachment": q,
       "str-chat__message--highlighted": f,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": se,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Pt = c == null ? void 0 : c.error) == null ? void 0 : Pt.status) !== 403,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Bt = c == null ? void 0 : c.error) == null ? void 0 : Bt.status) !== 403,
       "str-chat__message-with-thread-link": de || oe,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), je = c.poll_id && v.polls.fromState(c.poll_id), At = mi(c), pe = Be(c), Js = wt(c), He = !!(V != null && V.length && !c.quoted_message), Lt = pe && te && He, Qs = Me && Re && !c.quoted_message && !je && !Z && !pe, Mt = {
+  ), Ve = c.poll_id && v.polls.fromState(c.poll_id), Dt = bi(c), pe = ze(c), nn = kt(c), je = !!(V != null && V.length && !c.quoted_message), Pt = pe && te && je, an = Le && Re && !c.quoted_message && !Ve && !Z && !pe, Ot = {
     contentType: "text",
-    amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
-    paymentStatus: (zt = c.metadata) == null ? void 0 : zt.payment_status,
-    renderedText: c.text && /* @__PURE__ */ s(ze, { message: re, renderText: x })
-  }, Rt = {
+    amountText: ($t = c.metadata) == null ? void 0 : $t.amount_text,
+    paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
+    renderedText: c.text && /* @__PURE__ */ s(Oe, { message: re, renderText: x })
+  }, zt = {
     contentType: "media",
-    title: (Bt = c.metadata) == null ? void 0 : Bt.attachment_title,
-    mimeType: (Ft = c.metadata) == null ? void 0 : Ft.attachment_mime_type,
-    thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
-    amountText: (Ut = c.metadata) == null ? void 0 : Ut.amount_text,
-    detail: (Vt = c.metadata) == null ? void 0 : Vt.attachment_detail,
-    paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
+    title: (Vt = c.metadata) == null ? void 0 : Vt.attachment_title,
+    mimeType: (jt = c.metadata) == null ? void 0 : jt.attachment_mime_type,
+    thumbnailUrl: (Ht = c.metadata) == null ? void 0 : Ht.attachment_thumbnail,
+    amountText: (Gt = c.metadata) == null ? void 0 : Gt.amount_text,
+    detail: (Yt = c.metadata) == null ? void 0 : Yt.attachment_detail,
+    paymentStatus: (Wt = c.metadata) == null ? void 0 : Wt.payment_status,
     onFetchSource: O ? () => O(c, w) : void 0
   };
   return /* @__PURE__ */ h(J, { children: [
@@ -3988,7 +4081,7 @@ const Xi = ({
       }
     ),
     z && /* @__PURE__ */ s(
-      Cn,
+      Tn,
       {
         MessageBouncePrompt: j,
         onClose: () => $(!1),
@@ -3998,12 +4091,12 @@ const Xi = ({
     /* @__PURE__ */ h(
       "div",
       {
-        className: Zs,
+        className: sn,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           G && /* @__PURE__ */ s(G, {}),
-          !!L && /* @__PURE__ */ s(N, { reminder: L }),
+          !!M && /* @__PURE__ */ s(N, { reminder: M }),
           c.user && /* @__PURE__ */ s(
             _e,
             {
@@ -4020,7 +4113,7 @@ const Xi = ({
             "div",
             {
               className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": It || Tt
+                "str-chat__simple-message--error-failed": Lt || Rt
               }),
               "data-testid": "message-inner",
               onClick: ge,
@@ -4033,38 +4126,38 @@ const Xi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: At ? /* @__PURE__ */ s(Xe, { message: c, standalone: !0 }) : di(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              children: Dt ? /* @__PURE__ */ s(Xe, { message: c, standalone: !0 }) : gi(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                 te && A && /* @__PURE__ */ s(A, {}),
                 te ? /* @__PURE__ */ s(
                   Pe,
                   {
-                    ...Mt,
+                    ...Ot,
                     isMine: !0
                   }
                 ) : /* @__PURE__ */ s(
                   Pe,
                   {
-                    ...Mt,
+                    ...Ot,
                     isMine: !1,
                     isUnlocking: C(c.id),
                     onUnlockClick: () => T == null ? void 0 : T(c, w)
                   }
                 ),
                 !te && A && /* @__PURE__ */ s(A, {})
-              ] }) }) : ui(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : pi(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   te && A && /* @__PURE__ */ s(A, {}),
                   te ? /* @__PURE__ */ s(
                     Pe,
                     {
-                      ...Rt,
+                      ...zt,
                       isMine: !0,
                       onPreviewClick: () => T ? T(c, w) : void 0
                     }
                   ) : /* @__PURE__ */ s(
                     Pe,
                     {
-                      ...Rt,
+                      ...zt,
                       isMine: !1,
                       isUnlocking: C(c.id),
                       onUnlockClick: () => T ? T(c, w) : void 0,
@@ -4074,14 +4167,14 @@ const Xi = ({
                   !te && A && /* @__PURE__ */ s(A, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  ze,
+                  Oe,
                   {
                     message: re,
                     renderText: x
                   }
                 ) })
-              ] }) : Qs ? /* @__PURE__ */ s(
-                Xi,
+              ] }) : an ? /* @__PURE__ */ s(
+                mo,
                 {
                   groupPosition: ie,
                   isMyMessage: te,
@@ -4096,15 +4189,15 @@ const Xi = ({
                   renderText: x
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                pe && !Lt && /* @__PURE__ */ s(
+                pe && !Pt && /* @__PURE__ */ s(
                   Xe,
                   {
                     message: c,
-                    hasAttachment: He,
+                    hasAttachment: je,
                     isMyMessage: te
                   }
                 ),
-                je && /* @__PURE__ */ s(kn, { poll: je }),
+                Ve && /* @__PURE__ */ s(An, { poll: Ve }),
                 V != null && V.length && !c.quoted_message ? /* @__PURE__ */ s(
                   E,
                   {
@@ -4113,33 +4206,33 @@ const Xi = ({
                   }
                 ) : null,
                 Z ? /* @__PURE__ */ s(
-                  M,
+                  L,
                   {
                     message: re,
                     renderText: x
                   }
                 ) : /* @__PURE__ */ s(
-                  ze,
+                  Oe,
                   {
                     message: re,
                     renderText: x
                   }
                 ),
-                /* @__PURE__ */ s(tt, {})
+                /* @__PURE__ */ s(nt, {})
               ] }) })
             }
           ),
-          !Js && !At && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!pe || Lt) && /* @__PURE__ */ s(
+          !nn && !Dt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!pe || Pt) && /* @__PURE__ */ s(
               Xe,
               {
                 message: c,
-                hasAttachment: He,
+                hasAttachment: je,
                 isMyMessage: te
               }
             ),
             n && pe && /* @__PURE__ */ s(
-              hi,
+              vi,
               {
                 selected: S,
                 onVoteUp: P,
@@ -4147,7 +4240,7 @@ const Xi = ({
               }
             )
           ] }),
-          /* @__PURE__ */ s(bi, { onBroadcastClick: p }),
+          /* @__PURE__ */ s(Ni, { onBroadcastClick: p }),
           de && /* @__PURE__ */ s(
             K,
             {
@@ -4161,57 +4254,57 @@ const Xi = ({
       c.id
     )
   ] });
-}, Zi = F.memo(
-  Ki,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick ? !1 : ln(e, t)
-), Ji = (e) => {
+}, fo = B.memo(
+  ho,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || e.onBroadcastClick !== t.onBroadcastClick ? !1 : hn(e, t)
+), go = (e) => {
   const t = fe("CustomMessage");
-  return /* @__PURE__ */ s(Zi, { ...t, ...e });
-}, Qi = () => {
+  return /* @__PURE__ */ s(fo, { ...t, ...e });
+}, po = () => {
   var n;
   const { handleDelete: e, message: t } = fe("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    gs,
+    _s,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(da, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ga, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, eo = () => {
+}, bo = () => {
   const { handleFlag: e } = fe("CustomMessageActions");
   return /* @__PURE__ */ s(
-    gs,
+    _s,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(us, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ps, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, to = () => {
+}, vo = () => {
   var t;
   const { message: e } = fe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== le.ATTACHMENT ? null : /* @__PURE__ */ s(
-    va,
+    ya,
     {
       messageActionSet: [
-        { Component: Qi, placement: "quick", type: "delete" },
-        { Component: eo, placement: "quick", type: "flag" }
+        { Component: po, placement: "quick", type: "delete" },
+        { Component: bo, placement: "quick", type: "flag" }
       ]
     }
   );
-}, so = (e) => ({
+}, xo = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => et.previewIsLoaded(t) || et.previewIsLoading(t)
+    (t) => st.previewIsLoaded(t) || st.previewIsLoading(t)
   )
-}), no = () => {
-  const { linkPreviewsManager: e } = Sn(), { linkPreviews: t } = En(
+}), _o = () => {
+  const { linkPreviewsManager: e } = Mn(), { linkPreviews: t } = Ln(
     e.state,
-    so
+    xo
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -4259,9 +4352,9 @@ const Xi = ({
     // past the fold, reachable by scrolling. That residue belongs to whoever
     // owns the mobile layout contract, not to this component.
     /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 overflow-y-auto overscroll-contain", children: t.map((r) => {
-      const i = et.previewIsLoading(r);
+      const i = st.previewIsLoading(r);
       return /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(
-        ot.Composer,
+        ut.Composer,
         {
           title: r.title,
           url: r.og_scrape_url,
@@ -4273,7 +4366,7 @@ const Xi = ({
       ) }, r.og_scrape_url);
     }) })
   ) : null;
-}, Ue = F.createContext(!1), ao = 200, Wo = () => ke(Ue), ro = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, $e = B.createContext(!1), wo = 200, cl = () => ke($e), No = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -4282,13 +4375,13 @@ const Xi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ s(ua, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(pa, { weight: "bold", className: "size-4" })
   }
-), is = () => {
-  const e = ke(Ue), { handleSubmit: t } = In(), n = Tn(), a = e || !n, {
-    SendButton: r = ro,
-    AttachmentPreviewList: i = An
-  } = ds("CustomMessageInput");
+), us = () => {
+  const e = ke($e), { handleSubmit: t } = Rn(), n = Dn(), a = e || !n, {
+    SendButton: r = No,
+    AttachmentPreviewList: i = Pn
+  } = gs("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -4318,13 +4411,13 @@ const Xi = ({
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ h("div", { className: "messaging-composer-previews empty:hidden flex min-h-0 flex-col gap-2 px-2 pt-2", children: [
-            /* @__PURE__ */ s(Ln, {}),
-            /* @__PURE__ */ s(no, {}),
+            /* @__PURE__ */ s(On, {}),
+            /* @__PURE__ */ s(_o, {}),
             /* @__PURE__ */ s(i, {})
           ] }),
           /* @__PURE__ */ h("div", { className: "messaging-composer-row flex shrink-0 items-start", children: [
             /* @__PURE__ */ s(
-              Mn,
+              zn,
               {
                 "aria-disabled": e || void 0,
                 containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4352,7 +4445,7 @@ const Xi = ({
       }
     )
   );
-}, os = ({
+}, ms = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: n,
@@ -4361,8 +4454,8 @@ const Xi = ({
   composerInput: i
 }) => {
   var f;
-  const { channel: l } = he(), o = ((f = l == null ? void 0 : l.data) == null ? void 0 : f.frozen) === !0, d = !!i, m = F.useRef(null);
-  return F.useEffect(() => {
+  const { channel: l } = he(), o = ((f = l == null ? void 0 : l.data) == null ? void 0 : f.frozen) === !0, d = !!i, m = B.useRef(null);
+  return B.useEffect(() => {
     if (!d)
       return;
     const u = m.current, g = u == null ? void 0 : u.parentElement;
@@ -4374,7 +4467,7 @@ const Xi = ({
       c = b;
       const v = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((C) => C.scrollHeight > C.clientHeight) ?? null, w = v ? v.scrollHeight - v.scrollTop - v.clientHeight < ao : !1;
+      ).find((C) => C.scrollHeight > C.clientHeight) ?? null, w = v ? v.scrollHeight - v.scrollTop - v.clientHeight < wo : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${b}px`
@@ -4436,7 +4529,7 @@ const Xi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ s(Ue.Provider, { value: o, children: /* @__PURE__ */ s(Yt, { Input: i ?? is }) })
+                  /* @__PURE__ */ s($e.Provider, { value: o, children: /* @__PURE__ */ s(Kt, { Input: i ?? us }) })
                 ]
               }
             ),
@@ -4455,67 +4548,67 @@ const Xi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(Ue.Provider, { value: o, children: /* @__PURE__ */ s(Yt, { Input: is }) })
+          /* @__PURE__ */ s($e.Provider, { value: o, children: /* @__PURE__ */ s(Kt, { Input: us }) })
         ]
       }
     ),
     n == null ? void 0 : n()
   ] });
-}, io = {
+}, yo = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, oo = ["SYSTEM_AGE_SAFETY_BLOCKED"], lo = {
+}, Co = ["SYSTEM_AGE_SAFETY_BLOCKED"], ko = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Je = "age safety guidelines.", co = "https://linktr.ee/s/about/contact", uo = (e) => oo.includes(
+}, et = "age safety guidelines.", So = "https://linktr.ee/s/about/contact", Eo = (e) => Co.includes(
   e
-), mo = (e) => {
+), Io = (e) => {
   var t;
-  return uo((t = e.metadata) == null ? void 0 : t.custom_type);
-}, ho = (e) => {
+  return Eo((t = e.metadata) == null ? void 0 : t.custom_type);
+}, To = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Xt(t))
+  if (Qt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (pa(t))
+  if (wa(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (Xt(n))
+  if (Qt(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, fo = (e) => {
-  const t = e.indexOf(Je);
+}, Ao = (e) => {
+  const t = e.indexOf(et);
   if (t === -1)
     return e;
-  const n = t + Je.length;
+  const n = t + et.length;
   return /* @__PURE__ */ h(J, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: co,
+        href: So,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Je
+        children: et
       }
     ),
     e.slice(n)
   ] });
-}, go = (e) => {
+}, Mo = (e) => {
   var a, r;
-  const t = !mo(e.message), n = ho(
+  const t = !Io(e.message), n = To(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || io[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || yo[n.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -4525,7 +4618,7 @@ const Xi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ma,
+              ba,
               {
                 size: 16,
                 weight: "regular",
@@ -4537,11 +4630,11 @@ const Xi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ s(Ge, { message: e.message })
+      !t && /* @__PURE__ */ s(He, { message: e.message })
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || lo[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ko[n.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -4551,7 +4644,7 @@ const Xi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ha,
+              va,
               {
                 size: 24,
                 weight: "duotone",
@@ -4560,11 +4653,11 @@ const Xi = ({
                 "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: fo(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: Ao(i) }) })
           ]
         }
       ),
-      !t && /* @__PURE__ */ s(Ge, { message: e.message })
+      !t && /* @__PURE__ */ s(He, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4573,9 +4666,9 @@ const Xi = ({
       /* @__PURE__ */ s("p", { children: e.message.text }),
       /* @__PURE__ */ s("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ s(Ge, { message: e.message })
+    !t && /* @__PURE__ */ s(He, { message: e.message })
   ] });
-}, Ys = lt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Zs = mt(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4585,17 +4678,17 @@ const Xi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), po = /* @__PURE__ */ new Set([
-  Ye.Thinking,
-  Ye.Generating,
-  Ye.ExternalSources
-]), bo = ({ threadList: e }) => {
+) }), Lo = /* @__PURE__ */ new Set([
+  Ge.Thinking,
+  Ge.Generating,
+  Ge.ExternalSources
+]), Ro = ({ threadList: e }) => {
   var x, _;
-  const { channel: t, channelConfig: n, thread: a } = he(), { client: r } = Se(), { typing: i = {} } = Rn(), { aiState: l } = Dn(t), o = ke(Ys);
-  if (!e && o && po.has(l)) {
-    const b = vo(t, (x = r.user) == null ? void 0 : x.id);
+  const { channel: t, channelConfig: n, thread: a } = he(), { client: r } = Se(), { typing: i = {} } = Fn(), { aiState: l } = Bn(t), o = ke(Zs);
+  if (!e && o && Lo.has(l)) {
+    const b = Do(t, (x = r.user) == null ? void 0 : x.id);
     return /* @__PURE__ */ s(
-      ls,
+      hs,
       {
         avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
         avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
@@ -4621,7 +4714,7 @@ const Xi = ({
     return null;
   const g = (_ = u[0]) == null ? void 0 : _.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
-    ls,
+    hs,
     {
       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",
@@ -4629,7 +4722,7 @@ const Xi = ({
       testId: "typing-indicator"
     }
   );
-}, ls = ({
+}, hs = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4664,16 +4757,16 @@ const Xi = ({
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ s(Qe, { cx: "4", index: 0 }),
-            /* @__PURE__ */ s(Qe, { cx: "16", index: 1 }),
-            /* @__PURE__ */ s(Qe, { cx: "28", index: 2 })
+            /* @__PURE__ */ s(tt, { cx: "4", index: 0 }),
+            /* @__PURE__ */ s(tt, { cx: "16", index: 1 }),
+            /* @__PURE__ */ s(tt, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
     ] })
   }
 );
-function vo(e, t) {
+function Do(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)) {
@@ -4682,7 +4775,7 @@ function vo(e, t) {
       return i;
   }
 }
-const xo = () => null, _o = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Po = () => null, Oo = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: y("flex items-center justify-center h-full", e),
@@ -4725,12 +4818,12 @@ const xo = () => null, _o = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ s("span", { className: "text-stone", children: t })
     ]
   }
-), Ve = F.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(_o, { className: "w-6 h-6" }),
+), Ue = B.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ s(Oo, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Ve.displayName = "LoadingState";
-const wo = ({
+Ue.displayName = "LoadingState";
+const zo = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4758,17 +4851,17 @@ const wo = ({
   onBroadcastClick: z,
   composerInput: $
 }) => {
-  const { channel: L } = he(), S = H(z);
+  const { channel: M } = he(), S = H(z);
   Y(() => {
     S.current = z;
   }, [z]);
   const P = W((j) => {
-    var q;
-    (q = S.current) == null || q.call(S, j);
-  }, []), k = z ? P : void 0, E = L.state.messages.some(
+    var X;
+    (X = S.current) == null || X.call(S, j);
+  }, []), k = z ? P : void 0, E = M.state.messages.some(
     (j) => j.type !== "deleted"
-  ), I = p ? /* @__PURE__ */ s(F.Fragment, { children: p() }, "lt-channel-banner") : null, A = /* @__PURE__ */ s(
-    Aa,
+  ), I = p ? /* @__PURE__ */ s(B.Fragment, { children: p() }, "lt-channel-banner") : null, A = /* @__PURE__ */ s(
+    Pa,
     {
       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,
@@ -4789,8 +4882,8 @@ const wo = ({
     }
   ), U = W(
     (j) => {
-      const { message: q } = fe("ChannelView"), Q = /* @__PURE__ */ s(
-        Ji,
+      const { message: X } = fe("ChannelView"), Q = /* @__PURE__ */ s(
+        go,
         {
           ...j,
           chatbotVotingEnabled: b,
@@ -4798,20 +4891,20 @@ const wo = ({
           onBroadcastClick: k
         }
       );
-      return !C || !q ? Q : C(Q, q);
+      return !C || !X ? Q : C(Q, X);
     },
     [b, k, C, T]
   );
   return /* @__PURE__ */ s(J, { children: /* @__PURE__ */ s(
-    On,
+    Un,
     {
       overrides: {
         Message: U,
-        MessageActions: to,
+        MessageActions: vo,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(zn, { children: $ ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s(Vn, { children: $ ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4822,7 +4915,7 @@ const wo = ({
                 I
               ] }) }),
               /* @__PURE__ */ s(
-                Wt,
+                Zt,
                 {
                   head: E ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
                     A,
@@ -4837,15 +4930,15 @@ const wo = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ s(
-          os,
+          ms,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(L)
+              renderActions: () => n == null ? void 0 : n(M)
             },
             ...r && {
-              renderHeader: () => r(L)
+              renderHeader: () => r(M)
             },
-            renderFooter: () => a == null ? void 0 : a(L),
+            renderFooter: () => a == null ? void 0 : a(M),
             disabled: c,
             disabledReason: x,
             composerInput: $
@@ -4863,7 +4956,7 @@ const wo = ({
                 I
               ] }) }),
               /* @__PURE__ */ s(
-                Wt,
+                Zt,
                 {
                   head: E ? /* @__PURE__ */ h("div", { className: "sticky top-0 z-10", children: [
                     A,
@@ -4877,14 +4970,14 @@ const wo = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ s(F.Fragment, { children: r(L) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ s(B.Fragment, { children: r(M) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          os,
+          ms,
           {
             ...n && {
-              renderActions: () => n == null ? void 0 : n(L)
+              renderActions: () => n == null ? void 0 : n(M)
             },
-            renderFooter: () => a == null ? void 0 : a(L),
+            renderFooter: () => a == null ? void 0 : a(M),
             disabled: c,
             disabledReason: x,
             composerInput: $
@@ -4894,7 +4987,7 @@ const wo = ({
       ] }) })
     }
   ) });
-}, Ws = F.memo(
+}, Js = B.memo(
   ({
     channel: e,
     onBack: t,
@@ -4905,7 +4998,7 @@ const wo = ({
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: m = xo,
+    CustomChannelEmptyState: m = Po,
     showDeleteConversation: f = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: g,
@@ -4922,7 +5015,7 @@ const wo = ({
     renderChannelBanner: R,
     customChannelActions: z,
     renderChannelActions: $,
-    renderMessage: L,
+    renderMessage: M,
     onMessageLinkClick: S,
     sendButton: P,
     attachmentPreviewList: k,
@@ -4932,12 +5025,12 @@ const wo = ({
     onBroadcastClick: U,
     composerInput: j
   }) => {
-    const q = W(
-      async (K, N, M) => {
+    const X = W(
+      async (K, N, L) => {
         var ee;
-        const G = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, X = v && !G, se = {
+        const G = ((ee = e.data) == null ? void 0 : ee.chatbot_paused) === !0, q = v && !G, se = {
           ...N,
-          ...X && { silent: !0 },
+          ...q && { silent: !0 },
           ...w && {
             metadata: {
               ...N.metadata ?? {},
@@ -4945,8 +5038,8 @@ const wo = ({
             }
           }
         }, Z = {
-          ...M,
-          ...X && { skip_push: !0 }
+          ...L,
+          ...q && { skip_push: !0 }
         }, V = await e.sendMessage(se, Z);
         return C == null || C(V), V;
       },
@@ -4956,10 +5049,10 @@ const wo = ({
       if (!S) return;
       const K = Q.current;
       if (!K) return;
-      const N = (M) => {
-        const G = M.target, X = G == null ? void 0 : G.closest("a[href]"), se = X == null ? void 0 : X.getAttribute("href");
+      const N = (L) => {
+        const G = L.target, q = G == null ? void 0 : G.closest("a[href]"), se = q == null ? void 0 : q.getAttribute("href");
         if (!se) return;
-        const Z = X == null ? void 0 : X.closest("[data-message-id]"), V = Z == null ? void 0 : Z.getAttribute("data-message-id"), ee = V ? e.state.messages.find((re) => re.id === V) : void 0;
+        const Z = q == null ? void 0 : q.closest("[data-message-id]"), V = Z == null ? void 0 : Z.getAttribute("data-message-id"), ee = V ? e.state.messages.find((re) => re.id === V) : void 0;
         S(se, ee);
       };
       return K.addEventListener("click", N), () => K.removeEventListener("click", N);
@@ -4971,20 +5064,20 @@ const wo = ({
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ys.Provider, { value: v ?? !1, children: /* @__PURE__ */ s(
-          Pn,
+        children: /* @__PURE__ */ s(Zs.Provider, { value: v ?? !1, children: /* @__PURE__ */ s(
+          $n,
           {
             channel: e,
-            MessageSystem: go,
+            MessageSystem: Mo,
             EmptyStateIndicator: m,
-            LoadingIndicator: Ve,
-            DateSeparator: La,
-            TypingIndicator: bo,
-            doSendMessageRequest: q,
+            LoadingIndicator: Ue,
+            DateSeparator: Oa,
+            TypingIndicator: Ro,
+            doSendMessageRequest: X,
             ...P ? { SendButton: P } : {},
             ...k ? { AttachmentPreviewList: k } : {},
             children: /* @__PURE__ */ s(
-              wo,
+              zo,
               {
                 onBack: t,
                 showBackButton: n,
@@ -5007,7 +5100,7 @@ const wo = ({
                 renderChannelBanner: R,
                 customChannelActions: z,
                 renderChannelActions: $,
-                renderMessage: L,
+                renderMessage: M,
                 viewerLanguage: E,
                 showChannelInfo: I,
                 onParticipantNameClick: A,
@@ -5021,8 +5114,8 @@ const wo = ({
     );
   }
 );
-Ws.displayName = "ChannelView";
-const ye = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+Js.displayName = "ChannelView";
+const ye = B.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("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 }),
@@ -5037,7 +5130,7 @@ const ye = F.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
   )
 ] }) }));
 ye.displayName = "ErrorState";
-const qo = ({
+const dl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -5066,15 +5159,15 @@ const qo = ({
     client: R,
     isConnected: z,
     isLoading: $,
-    error: L,
+    error: M,
     refreshConnection: S,
     service: P,
     debug: k
-  } = xa(), [E, I] = B(null), [A, U] = B(null), [j, q] = B(!1), { showDeleteConversation: Q = !0 } = e, K = H(l);
+  } = Ca(), [E, I] = F(null), [A, U] = F(null), [j, X] = F(!1), { showDeleteConversation: Q = !0 } = e, K = H(l);
   K.current = l;
   const N = H(a);
   N.current = a;
-  const M = H(null), G = H(null);
+  const L = H(null), G = H(null);
   Y(() => {
     G.current = E;
   }, [E]), Y(() => {
@@ -5082,13 +5175,13 @@ const qo = ({
     const Z = R.userID;
     if (!Z) return;
     const V = `${Z}::${i}`;
-    if (M.current === V) return;
-    M.current = V;
+    if (L.current === V) return;
+    L.current = V;
     const ee = () => {
-      M.current === V && (M.current = null);
+      L.current === V && (L.current = null);
     };
     (async () => {
-      var Me, Re;
+      var Le, Re;
       try {
         k && console.log(
           "[MessagingShell] Loading initial conversation with:",
@@ -5103,7 +5196,7 @@ const qo = ({
           { limit: 1 }
         );
         if (ie.length > 0) {
-          I(ie[0]), U(null), (Me = N.current) == null || Me.call(N, ie[0]), k && console.log(
+          I(ie[0]), U(null), (Le = N.current) == null || Le.call(N, ie[0]), k && console.log(
             "[MessagingShell] Initial conversation loaded:",
             ie[0].id
           );
@@ -5141,20 +5234,20 @@ const qo = ({
       }
     })();
   }, [i, R, z, P, k]);
-  const X = H(r);
-  X.current = r;
+  const q = H(r);
+  q.current = r;
   const se = W(() => {
     var Z;
-    I(null), q(!0), (Z = X.current) == null || Z.call(X);
+    I(null), X(!0), (Z = q.current) == null || Z.call(q);
   }, []);
-  return $ ? /* @__PURE__ */ s(Ve, {}) : L ? /* @__PURE__ */ s(ye, { message: L, onBack: S }) : !z || !R ? /* @__PURE__ */ s(
+  return $ ? /* @__PURE__ */ s(Ue, {}) : M ? /* @__PURE__ */ s(ye, { message: M, onBack: S }) : !z || !R ? /* @__PURE__ */ s(
     ye,
     {
       message: "Not connected to messaging service",
       onBack: S
     }
   ) : A ? /* @__PURE__ */ s(ye, { message: A }) : j && !E ? /* @__PURE__ */ s(ye, { 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,
+    Js,
     {
       channel: E,
       renderMessageInputActions: t,
@@ -5180,15 +5273,15 @@ const qo = ({
       composerInput: O
     },
     E.id
-  ) }) }) : /* @__PURE__ */ s(Ve, {});
+  ) }) }) : /* @__PURE__ */ s(Ue, {});
 };
-function No(e) {
+function Fo(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const qs = F.createContext({
+const Qs = B.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5196,18 +5289,18 @@ const qs = F.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), yo = qs.Provider, Co = () => F.useContext(qs), ko = (e, t) => {
+}), Bo = Qs.Provider, $o = () => B.useContext(Qs), Uo = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, So = (e) => {
+}, Vo = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = ko(e, t);
+  const a = Uo(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5217,9 +5310,9 @@ const qs = F.createContext({
     month: "short",
     year: "2-digit"
   });
-}, Xs = F.memo(
+}, en = B.memo(
   (e) => {
-    var z, $, L;
+    var z, $, M;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5227,7 +5320,7 @@ const qs = F.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = Co(), { client: m } = Se(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = bs(t);
+    } = $o(), { client: m } = Se(), f = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), u = Ns(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -5244,11 +5337,11 @@ const qs = F.createContext({
     }, c = (S) => {
       const P = S.key === "Enter" || S.key === " ", k = S.repeat;
       !P || k || (S.preventDefault(), g());
-    }, x = vs(
+    }, x = ys(
       (z = t == null ? void 0 : t.state) == null ? void 0 : z.members,
       m == null ? void 0 : m.userID,
       t == null ? void 0 : t.type
-    ), _ = xs(x == null ? void 0 : x.user), b = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, p = (() => {
+    ), _ = Cs(x == null ? void 0 : x.user), b = ($ = x == null ? void 0 : x.user) == null ? void 0 : $.image, p = (() => {
       var P;
       const S = (P = t == null ? void 0 : t.state) == null ? void 0 : P.messages;
       if (S != null && S.length) {
@@ -5257,7 +5350,7 @@ const qs = F.createContext({
       }
     })(), w = (() => {
       var I;
-      const S = ws({
+      const S = Ss({
         message: p,
         viewerLanguage: d
       }), { custom_type: P, attachment_content_type: k } = (p == null ? void 0 : p.metadata) || {};
@@ -5274,7 +5367,7 @@ const qs = F.createContext({
       if (S) return S;
       const E = (I = p == null ? void 0 : p.attachments) == null ? void 0 : I[0];
       return E ? E.og_scrape_url ? E.og_scrape_url : E.type === "image" ? "📷 Sent an image" : E.type === "video" ? "🎥 Sent a video" : E.type === "audio" ? "🎵 Sent audio" : E.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), C = p != null && p.created_at ? So(new Date(p.created_at)) : "", T = p ? Be(p) : !1, O = o ? o(p, w) : `${T ? "✨ " : ""}${w}`, R = n ?? 0;
+    })(), C = p != null && p.created_at ? Vo(new Date(p.created_at)) : "", T = p ? ze(p) : !1, O = o ? o(p, w) : `${T ? "✨ " : ""}${w}`, R = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: f,
@@ -5300,7 +5393,7 @@ const qs = F.createContext({
           /* @__PURE__ */ s(
             _e,
             {
-              id: ((L = x == null ? void 0 : x.user) == null ? void 0 : L.id) || t.id || "unknown",
+              id: ((M = x == null ? void 0 : x.user) == null ? void 0 : M.id) || t.id || "unknown",
               name: _,
               image: b,
               size: 48,
@@ -5333,18 +5426,18 @@ const qs = F.createContext({
     );
   }
 );
-Xs.displayName = "CustomChannelPreview";
-const Eo = { last_message_at: -1 }, Io = F.memo(
+en.displayName = "CustomChannelPreview";
+const jo = { last_message_at: -1 }, Ho = B.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Eo,
+    sort: i = jo,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = Fn,
+    channelListPaginator: d = Hn,
     channelPreview: m,
     renderMessagePreview: f,
     viewerLanguage: u,
@@ -5355,12 +5448,12 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
     onAddedToChannel: b,
     onChannelUpdated: p
   }) => {
-    const v = F.useRef(0);
+    const v = B.useRef(0);
     v.current++;
-    const { debug: w = !1 } = dt(), C = F.useCallback(
+    const { debug: w = !1 } = ft(), C = B.useCallback(
       (O) => {
         for (const R of O)
-          No(R);
+          Fo(R);
         return r ? r(O) : O;
       },
       [r]
@@ -5370,7 +5463,7 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: n
     });
-    const T = F.useMemo(
+    const T = B.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -5395,8 +5488,8 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(yo, { value: T, children: /* @__PURE__ */ s(
-          Bn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Bo, { value: T, children: /* @__PURE__ */ s(
+          jn,
           {
             filters: n,
             sort: i,
@@ -5410,7 +5503,7 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
             onAddedToChannel: b,
             onChannelUpdated: p,
             Paginator: d,
-            Preview: Xs,
+            Preview: en,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5419,11 +5512,11 @@ const Eo = { last_message_at: -1 }, Io = F.memo(
     );
   }
 );
-Io.displayName = "ChannelList";
-const cs = `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%`, To = {
+Ho.displayName = "ChannelList";
+const fs = `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%`, Go = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Ao = ({ variant: e }) => /* @__PURE__ */ s(
+}, Yo = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -5433,12 +5526,12 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: To[e],
-      WebkitMask: cs,
-      mask: cs
+      backgroundColor: Go[e],
+      WebkitMask: fs,
+      mask: fs
     }
   }
-), Lo = {
+), Wo = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5447,7 +5540,7 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Ks = ({
+}, tn = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5463,23 +5556,23 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...Lo[e],
+      ...Wo[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(Ao, { variant: e })
+      n && /* @__PURE__ */ s(Yo, { variant: e })
     ]
   }
-), Mo = ({
+), Xo = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Ks,
+  tn,
   {
     variant: "received",
     text: e,
@@ -5487,10 +5580,10 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), Ro = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Ks, { variant: "sent", text: e, tail: t, className: n }), Xo = {
-  Sent: Ro,
-  Received: Mo
-}, Do = ({
+), qo = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(tn, { variant: "sent", text: e, tail: t, className: n }), ul = {
+  Sent: qo,
+  Received: Xo
+}, Ko = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5512,7 +5605,7 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), Ko = ({
+), ml = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5521,7 +5614,7 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   avatarImage: i,
   avatarName: l
 }) => {
-  const o = ba(e);
+  const o = Na(e);
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
       _e,
@@ -5541,7 +5634,7 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            Do,
+            Ko,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5555,42 +5648,42 @@ const cs = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   ] }) });
 };
 export {
-  ys as A,
-  ft as B,
-  xo as C,
-  xs as D,
-  Wo as E,
-  Ko as F,
-  ai as G,
-  Ra as H,
-  xa as I,
-  ot as L,
-  Go as M,
+  Is as A,
+  vt as B,
+  Po as C,
+  Cs as D,
+  cl as E,
+  ml as F,
+  ci as G,
+  Fa as H,
+  Ca as I,
+  ut as L,
+  ol as M,
   we as a,
   _e as b,
-  Io as c,
-  Ws as d,
-  Yo as e,
-  Do as f,
+  Ho as c,
+  Js as d,
+  ll as e,
+  Ko as f,
   ce as g,
   Pe as h,
   Ne as i,
-  Xo as j,
-  hi as k,
-  Ho as l,
-  qo as m,
-  pr as n,
+  ul as j,
+  vi as k,
+  il as l,
+  dl as m,
+  wr as n,
   me as o,
-  hr as p,
-  So as q,
+  vr as p,
+  Vo as q,
   xe as r,
-  gr as s,
-  ws as t,
-  Ss as u,
-  wa as v,
-  ir as w,
-  Da as x,
-  vs as y,
-  ht as z
+  _r as s,
+  Ss as t,
+  Ms as u,
+  Sa as v,
+  ur as w,
+  Ba as x,
+  ys as y,
+  bt as z
 };
-//# sourceMappingURL=index-Daw6ObfN.js.map
+//# sourceMappingURL=index-DSQieSNh.js.map