@linktr.ee/messaging-react 4.1.0-rc-1786608731 → 4.1.0

package/dist/{index-CH6y1lmh.js → index-Cxj0F8aQ.js}

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as f, Fragment as Z } from "react/jsx-runtime";
-import z, { createContext as He, useContext as we, useCallback as K, useState as B, useRef as V, useEffect as X, useId as as, Suspense as rs, useMemo as ie } from "react";
-import { StreamChatService as is } from "@linktr.ee/messaging-core";
-import { StreamChat as ls, LinkPreviewsManager as nt } from "stream-chat";
-import { Chat as os, useChannelStateContext as _e, useChatContext as Ve, DateSeparator as cs, useMessageContext as fe, MessageStatus as ds, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as dn, Attachment as hs, EditMessageModal as fs, MessageBlocked as gs, MessageBouncePrompt as ps, MessageDeleted as bs, MessageIsThreadReplyInChannelButtonIndicator as vs, MessageRepliesCountButton as xs, ReminderNotification as ws, StreamedMessageText as _s, messageHasAttachments as ys, messageHasReactions as Ns, isDateSeparatorMessage as ks, isMessageBlocked as Cs, isMessageBounced as Ss, MessageBounceModal as Es, Poll as Is, useMessageComposer as Ts, useStateStore as As, MessageInput as Ht, useMessageInputContext as Rs, useMessageComposerHasSendableData as Ls, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as Xe, AIStates as qe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Vt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
+import { jsx as n, jsxs as f, Fragment as K } from "react/jsx-runtime";
+import z, { createContext as je, useContext as xe, useCallback as q, useState as B, useRef as H, useEffect as Y, useId as rs, Suspense as is, useMemo as le } from "react";
+import { StreamChatService as ls } from "@linktr.ee/messaging-core";
+import { StreamChat as os, LinkPreviewsManager as tt } from "stream-chat";
+import { Chat as cs, useChannelStateContext as we, useChatContext as He, DateSeparator as ds, useMessageContext as fe, MessageStatus as us, MessageErrorIcon as nt, MessageText as ze, areMessageUIPropsEqual as ms, useMessageReminder as hs, useComponentContext as dn, Attachment as fs, EditMessageModal as gs, MessageBlocked as ps, MessageBouncePrompt as bs, MessageDeleted as vs, MessageIsThreadReplyInChannelButtonIndicator as xs, MessageRepliesCountButton as ws, ReminderNotification as _s, StreamedMessageText as ys, messageHasAttachments as Ns, messageHasReactions as ks, isDateSeparatorMessage as Cs, isMessageBlocked as Ss, isMessageBounced as Es, MessageBounceModal as Is, Poll as Ts, useMessageComposer as As, useStateStore as Rs, MessageInput as Ht, useMessageInputContext as Ls, useMessageComposerHasSendableData as Ms, AttachmentPreviewList as Ds, QuotedMessagePreview as Os, TextareaComposer as Ps, MessageTimestamp as We, AIStates as Xe, useTypingContext as zs, useAIState as Fs, Channel as $s, WithComponents as Bs, Window as Us, MessageList as Vt, ChannelList as js, InfiniteScroll as Hs } from "stream-chat-react";
+import { isOfficialChannel as un, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Gt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
 import k from "classnames";
-import { StarIcon as at, DotsThreeIcon as Hs, SpinnerGapIcon as Pe, SignOutIcon as Vs, ProhibitInsetIcon as Gt, FlagIcon as un, CurrencyDollarIcon as Gs, CaretRightIcon as mn, ArrowLeftIcon as Ys, FileIcon as hn, ImageIcon as Ws, SpeakerHighIcon as Xs, VideoCameraIcon as fn, FileMdIcon as qs, FileTextIcon as Ks, FileZipIcon as Zs, FilePptIcon as Js, FileCsvIcon as Qs, FileXlsIcon as ea, FileDocIcon as ta, FilePdfIcon as na, CircleNotchIcon as ve, PlayIcon as rt, PauseIcon as sa, LinkIcon as aa, DownloadSimpleIcon as Ee, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as lt, PencilSimpleIcon as ca, CaretLeftIcon as da, TrashSimpleIcon as ua, ArrowUpIcon as ma, SparkleIcon as ha, ProhibitIcon as fa } from "@phosphor-icons/react";
-import { isOfficialChannel as ga, OFFICIAL_SENDER_USER_ID as pa, MESSAGE_CUSTOM_TYPE as le, isDmAgentSystemType as Yt, isAgeSafetySystemType as ba, resolveRichCardImagePresentation as va, selectEnabledFaqs as xa } from "@linktr.ee/messaging-taxonomy";
-import { MessageActions as wa, DefaultDropdownActionButton as gn } from "stream-chat-react/experimental";
-const pn = He({
+import { StarIcon as st, DotsThreeIcon as Xs, SpinnerGapIcon as Oe, SignOutIcon as qs, ProhibitInsetIcon as Yt, FlagIcon as mn, CurrencyDollarIcon as Ks, CaretRightIcon as hn, ArrowLeftIcon as Zs, FileIcon as fn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as gn, FileMdIcon as ea, FileTextIcon as ta, FileZipIcon as na, FilePptIcon as sa, FileCsvIcon as aa, FileXlsIcon as ra, FileDocIcon as ia, FilePdfIcon as la, CircleNotchIcon as be, PlayIcon as at, PauseIcon as oa, LinkIcon as ca, DownloadSimpleIcon as Se, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as it, PencilSimpleIcon as fa, CaretLeftIcon as ga, TrashSimpleIcon as pa, ArrowUpIcon as ba, SparkleIcon as va, ProhibitIcon as xa } from "@phosphor-icons/react";
+import { MessageActions as wa, DefaultDropdownActionButton as pn } from "stream-chat-react/experimental";
+const bn = je({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const pn = He({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => we(pn), eo = ({
+}), lt = () => xe(bn), eo = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -26,10 +26,10 @@ const pn = He({
   debug: i = !1,
   client: o
 }) => {
-  var I, C;
-  const l = K(
-    (S, ...P) => {
-      i && console.log(`🔥 [MessagingProvider] ${S}`, ...P);
+  var S, C;
+  const l = q(
+    (A, ...P) => {
+      i && console.log(`🔥 [MessagingProvider] ${A}`, ...P);
     },
     [i]
   );
@@ -39,64 +39,64 @@ const pn = He({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [d, u] = B(null), [h, m] = B(null), [g, c] = B(!1), [p, w] = B(!1), [v, x] = B(null), b = V(!1), y = V(null), _ = V(s);
+  const [d, u] = B(null), [h, m] = B(null), [g, c] = B(!1), [p, w] = B(!1), [v, x] = B(null), b = H(!1), N = H(null), _ = H(s);
   _.current = s;
-  const T = V(i);
+  const T = H(i);
   T.current = i;
-  const R = V({
+  const L = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), L = V(0);
-  L.current++, l("📊 RENDER INFO", {
-    renderCount: L.current,
+  }), E = H(0);
+  E.current++, l("📊 RENDER INFO", {
+    renderCount: E.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: R.current.apiKey !== a,
-      serviceConfigChanged: R.current.serviceConfig !== s,
-      capabilitiesChanged: R.current.capabilities !== r
+      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: L.current.apiKey !== a,
+      serviceConfigChanged: L.current.serviceConfig !== s,
+      capabilitiesChanged: L.current.capabilities !== r
     }
-  }), R.current = {
+  }), L.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const $ = V(null);
-  !o && a && ((I = $.current) == null ? void 0 : I.apiKey) !== a && ($.current = { apiKey: a, client: new ls(a) });
+  const $ = H(null);
+  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new os(a) });
   const F = o || (a ? ((C = $.current) == null ? void 0 : C.client) ?? null : null);
-  X(() => {
-    const S = L.current, P = _.current;
+  Y(() => {
+    const A = E.current, P = _.current;
     if (o) {
-      y.current = null, u(null), m(null), c(!1), x(null), w(!1);
+      N.current = null, u(null), m(null), c(!1), x(null), w(!1);
       return;
     }
     if (!a || !F || !P) {
       l("⚠️ SERVICE INIT SKIPPED", {
-        renderCount: S,
+        renderCount: A,
         reason: "Missing apiKey, client, or serviceConfig"
       });
       return;
     }
     l("🚀 CREATING SERVICE", {
-      renderCount: S,
+      renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new is({
+    const U = new ls({
       ...P,
       apiKey: a,
       debug: T.current,
       client: F
     });
-    y.current = U, u(U), l("✅ SERVICE SET", {
-      renderCount: S,
+    N.current = U, u(U), l("✅ SERVICE SET", {
+      renderCount: A,
       serviceInstance: !!U
     });
   }, [a, F, o]);
-  const M = V(null);
-  X(() => {
+  const R = H(null);
+  Y(() => {
     var P, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
@@ -115,7 +115,7 @@ const pn = He({
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((P = M.current) == null ? void 0 : P.serviceId) === d && ((U = M.current) == null ? void 0 : U.userId) === t.id) {
+    if (((P = R.current) == null ? void 0 : P.serviceId) === d && ((U = R.current) == null ? void 0 : U.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -126,16 +126,16 @@ const pn = He({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const j = await d.connectUser(t);
-        m(j), c(!0), M.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const V = await d.connectUser(t);
+        m(V), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: j.userID
+          clientId: V.userID
         });
-      } catch (j) {
-        const ee = j instanceof Error ? j.message : "Connection failed";
-        x(ee), l("❌ USER CONNECTION ERROR", {
+      } catch (V) {
+        const te = V instanceof Error ? V.message : "Connection failed";
+        x(te), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: ee
+          error: te
         });
       } finally {
         w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
@@ -144,14 +144,14 @@ const pn = He({
         });
       }
     })();
-  }, [d, t, l, g, o]), X(() => {
-    const S = F;
+  }, [d, t, l, g, o]), Y(() => {
+    const A = F;
     return () => {
       var P;
-      S && (M.current = null, (P = y.current) == null || P.disconnectUser().catch(console.error));
+      A && (R.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const E = K(async () => {
+  const I = q(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -163,10 +163,10 @@ const pn = He({
       l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), w(!0);
       try {
         l("🔌 DISCONNECTING FOR REFRESH"), await d.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
-        const S = await d.connectUser(t);
-        m(S), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
-      } catch (S) {
-        const P = S instanceof Error ? S.message : "Refresh failed";
+        const A = await d.connectUser(t);
+        m(A), c(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      } catch (A) {
+        const P = A instanceof Error ? A.message : "Refresh failed";
         x(P), l("❌ CONNECTION REFRESH ERROR", {
           userId: t.id,
           error: P
@@ -197,7 +197,7 @@ const pn = He({
     isLoading: o ? !1 : p,
     error: o ? null : v,
     capabilities: r,
-    refreshConnection: E,
+    refreshConnection: I,
     debug: i
   }), [
     d,
@@ -207,16 +207,16 @@ const pn = He({
     p,
     v,
     r,
-    E,
+    I,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: L.current,
+    renderCount: E.current,
     willRenderChat: !!F,
     contextValueReady: !!D
-  }), /* @__PURE__ */ n(pn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
-    os,
+  }), /* @__PURE__ */ n(bn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
+    cs,
     {
       client: F,
       customClasses: {
@@ -225,12 +225,12 @@ const pn = He({
       children: e
     }
   ) : e });
-}, _a = () => ot(), bn = (e) => {
+}, _a = () => lt(), vn = (e) => {
   var a, r;
   const [t, s] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return X(() => {
+  return Y(() => {
     var o;
     if (!e) {
       s(!1);
@@ -248,13 +248,13 @@ const pn = He({
     };
   }, [e]), t;
 };
-function vn(e, t, s) {
+function xn(e, t, s) {
   const a = Object.values(e || {});
-  if (ga(s)) {
+  if (un(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === pa;
+        return ((o = i.user) == null ? void 0 : o.id) === Vs;
       }
     );
     if (r) return r;
@@ -274,7 +274,7 @@ function Wt(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Na(s);
 }
-function xn(e) {
+function wn(e) {
   return Wt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Wt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const Xt = [
@@ -313,16 +313,16 @@ function ka(e) {
   }
   return Math.abs(t);
 }
-function wn(e) {
+function _n(e) {
   return Xt[ka(e) % Xt.length];
 }
 function Ca(e) {
-  return wn(e).emoji;
+  return _n(e).emoji;
 }
 function Sa(e) {
-  return wn(e).bgColor;
+  return _n(e).bgColor;
 }
-const ye = ({
+const _e = ({
   id: e,
   image: t,
   size: s = 40,
@@ -359,7 +359,7 @@ const ye = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(at, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(st, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
@@ -396,41 +396,41 @@ const ye = ({
   logLabel: h = "useChannelModerationActions"
 }) => {
   var D;
-  const { service: m, debug: g } = ot(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [y, _] = B(!1), [T, R] = B(!1), L = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
-  return X(() => {
+  const { service: m, debug: g } = lt(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [N, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  return Y(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
       return;
     }
-    let I = !1;
+    let S = !1;
     return (async () => {
       try {
         const C = await m.getBlockedUsers();
-        if (I) return;
+        if (S) return;
         v(
           C.some(
-            (S) => S.blocked_user_id === c
+            (A) => A.blocked_user_id === c
           )
         );
       } catch (C) {
-        I || console.error(`[${h}] Failed to check blocked status:`, C);
+        S || console.error(`[${h}] Failed to check blocked status:`, C);
       } finally {
-        I || b({ participantId: c, service: m });
+        S || b({ participantId: c, service: m });
       }
     })(), () => {
-      I = !0;
+      S = !0;
     };
   }, [p, m, c, h]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: L,
-    isLeaving: y,
+    isCheckingBlockedStatus: E,
+    isLeaving: N,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var I;
-      if (!y) {
+      var S;
+      if (!N) {
         o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
-          const C = ((I = e._client) == null ? void 0 : I.userID) ?? null;
+          const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${h}] Failed to leave conversation`, C);
@@ -440,28 +440,28 @@ const ye = ({
       }
     },
     handleBlockUser: async () => {
-      var I, C, S;
+      var S, C, A;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Block member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), R(!0);
+        l == null || l(), g && console.log(`[${h}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
         try {
-          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
+          await m.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to block member`, P);
         } finally {
-          R(!1);
+          L(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var I, C, S;
+      var S, C, A;
       if (!(T || !m)) {
-        l == null || l(), g && console.log(`[${h}] Unblock member`, (I = t == null ? void 0 : t.user) == null ? void 0 : I.id), R(!0);
+        l == null || l(), g && console.log(`[${h}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), L(!0);
         try {
-          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), u == null || u();
+          await m.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((A = t == null ? void 0 : t.user) == null ? void 0 : A.id), u == null || u();
         } catch (P) {
           console.error(`[${h}] Failed to unblock member`, P);
         } finally {
-          R(!1);
+          L(!1);
         }
       }
     },
@@ -469,7 +469,7 @@ const ye = ({
       d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
-}, ke = ({
+}, Ne = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -500,14 +500,14 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = V(null), w = as(), v = K(() => c(!1), []), {
+  const [g, c] = B(!1), p = H(null), w = rs(), v = q(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
-    isLeaving: y,
+    isLeaving: N,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: T,
-    handleBlockUser: R,
-    handleUnblockUser: L,
+    handleBlockUser: L,
+    handleUnblockUser: E,
     handleReportUser: $
   } = Ia({
     channel: e,
@@ -522,15 +522,15 @@ const ye = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return X(() => {
+  return Y(() => {
     if (!g) return;
-    const M = (D) => {
+    const R = (D) => {
       p.current && !p.current.contains(D.target) && c(!1);
-    }, E = (D) => {
+    }, I = (D) => {
       D.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", M), document.addEventListener("keydown", E), () => {
-      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", E);
+    return document.addEventListener("mousedown", R), document.addEventListener("keydown", I), () => {
+      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
     };
   }, [g]), !t || !(s || a || r || !!h) ? null : /* @__PURE__ */ f("div", { ref: p, className: "relative", children: [
     /* @__PURE__ */ f(
@@ -541,9 +541,9 @@ const ye = ({
         "aria-haspopup": "true",
         "aria-expanded": g,
         "aria-controls": g ? w : void 0,
-        onClick: () => c((M) => !M),
+        onClick: () => c((R) => !R),
         children: [
-          /* @__PURE__ */ n(Hs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Xs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -559,13 +559,13 @@ const ye = ({
         ),
         children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(
-            ke,
+            Ne,
             {
               onClick: T,
-              disabled: y,
-              "aria-busy": y,
+              disabled: N,
+              "aria-busy": N,
               children: [
-                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Vs, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(qs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -573,35 +573,35 @@ const ye = ({
           a && /* @__PURE__ */ n("li", { children: b ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ f(ke, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ f(Ne, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : x ? /* @__PURE__ */ f(
-            ke,
+            Ne,
             {
-              onClick: L,
+              onClick: E,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ f(
-            ke,
+            Ne,
             {
-              onClick: R,
+              onClick: L,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Gt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Yt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(ke, { variant: "danger", onClick: $, children: [
-            /* @__PURE__ */ n(un, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: $, children: [
+            /* @__PURE__ */ n(mn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           h
@@ -609,7 +609,7 @@ const ye = ({
       }
     )
   ] });
-}, Ke = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
+}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -627,32 +627,32 @@ const ye = ({
   showChannelInfo: p = !0,
   onParticipantNameClick: w
 }) => {
-  var E, D, I, C;
-  const { channel: v } = _e(), { client: x } = Ve(), b = z.useMemo(
+  var I, D, S, C;
+  const { channel: v } = we(), { client: x } = He(), b = z.useMemo(
     () => {
-      var S;
-      return vn(
-        (S = v.state) == null ? void 0 : S.members,
+      var A;
+      return xn(
+        (A = v.state) == null ? void 0 : A.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
-    [(E = v.state) == null ? void 0 : E.members, x == null ? void 0 : x.userID, v.type]
-  ), y = xn(b == null ? void 0 : b.user), _ = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, T = bn(v), R = Ra((I = v.data) == null ? void 0 : I.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, L = a && T, $ = R || L || !!w, F = async () => {
+    [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
+  ), N = wn(b == null ? void 0 : b.user), _ = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, T = vn(v), L = Ra((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, $ = L || E || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
-    } catch (S) {
+    } catch (A) {
       console.error(
         "[ChannelHeaderRedesign] Failed to update pinned status:",
-        S
+        A
       );
     }
-  }, M = /* @__PURE__ */ f(Z, { children: [
+  }, R = /* @__PURE__ */ f(K, { children: [
     /* @__PURE__ */ n(
-      ye,
+      _e,
       {
         id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
-        name: y,
+        name: N,
         image: _,
         shape: "circle",
         size: 48,
@@ -667,26 +667,26 @@ const ye = ({
           $ ? "pl-3 pr-2" : "px-3"
         ),
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
-          /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: y }),
+          /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
           $ && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
-            R && /* @__PURE__ */ n(
+            L && /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(Gs, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ n(Ks, { className: "size-2.5", weight: "bold" })
               }
             ),
-            L && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
+            E && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Starred conversation",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                children: /* @__PURE__ */ n(at, { className: "size-2.5", weight: "fill" })
+                children: /* @__PURE__ */ n(st, { className: "size-2.5", weight: "fill" })
               }
             ) }),
             w && /* @__PURE__ */ n(
-              mn,
+              hn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -710,14 +710,14 @@ const ye = ({
           "button",
           {
             className: k(
-              Ke,
+              qe,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
             onClick: t || (() => {
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Ys, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Zs, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ n(
@@ -725,22 +725,22 @@ const ye = ({
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${y}`,
+            "aria-label": `View details for ${N}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
-            children: M
+            children: R
           }
-        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: M }) }),
+        ) : /* @__PURE__ */ n("div", { className: "flex min-w-0 max-w-full flex-col items-center px-2", children: R }) }),
         /* @__PURE__ */ f("div", { className: "flex items-start justify-end gap-2", children: [
           a && /* @__PURE__ */ n(
             "button",
             {
-              className: Ke,
+              className: qe,
               onClick: F,
               type: "button",
               "aria-pressed": T,
               "aria-label": T ? "Unstar conversation" : "Star conversation",
               children: /* @__PURE__ */ n(
-                at,
+                st,
                 {
                   className: k("size-5", {
                     "text-[#FFD60A]": T,
@@ -765,18 +765,18 @@ const ye = ({
               onBlockParticipantClick: h,
               onReportParticipantClick: m,
               customChannelActions: g,
-              triggerClassName: Ke
+              triggerClassName: qe
             }
           ))
         ] })
       ] })
     }
   );
-}, Ma = (e) => /* @__PURE__ */ n(cs, { ...e, position: "center" });
+}, Ma = (e) => /* @__PURE__ */ n(ds, { ...e, position: "center" });
 function Da(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function _n({
+function yn({
   message: e,
   viewerLanguage: t
 }) {
@@ -797,7 +797,7 @@ function za(e) {
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
-function oe(e) {
+function ce(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
   const s = Pa(t);
@@ -815,36 +815,36 @@ const Fa = [
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ce(e) {
+function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function yn(e) {
+function Nn(e) {
   const t = Fa.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
 const $a = {
-  video: fn,
-  audio: Xs,
-  image: Ws,
-  document: hn
+  video: gn,
+  audio: Qs,
+  image: Js,
+  document: fn
 }, Ba = {
-  pdf: na,
-  doc: ta,
-  xls: ea,
-  csv: Qs,
-  ppt: Js,
-  zip: Zs,
-  text: Ks,
-  markdown: qs,
-  generic: hn
+  pdf: la,
+  doc: ia,
+  xls: ra,
+  csv: aa,
+  ppt: sa,
+  zip: na,
+  text: ta,
+  markdown: ea,
+  generic: fn
 };
 function Ua(e) {
-  const t = ce(e);
-  return t !== "document" ? $a[t] : Ba[yn(e)];
+  const t = de(e);
+  return t !== "document" ? $a[t] : Ba[Nn(e)];
 }
-function xe(e, t) {
+function ve(e, t) {
   return z.createElement(Ua(e), t);
 }
 const ja = (e) => {
@@ -862,78 +862,78 @@ const ja = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = ce(t), m = V(null), g = V(null), c = V(null), p = V(r), [w, v] = B(a), [x, b] = B(0), [y, _] = B(!1), [T, R] = B(!1), [L, $] = B(!1), [F, M] = B(!1), [E, D] = B(!0), [I, C] = B(null), S = K(() => {
+  const h = de(t), m = H(null), g = H(null), c = H(null), p = H(r), [w, v] = B(a), [x, b] = B(0), [N, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, D] = B(!0), [S, C] = B(null), A = q(() => {
     $(!1), v(!0);
-  }, []), P = K((N) => {
-    const A = g.current;
-    if (!A) return 0;
-    const Y = A.getBoundingClientRect();
+  }, []), P = q((y) => {
+    const M = g.current;
+    if (!M) return 0;
+    const W = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ja(N) - Y.left) / Y.width)
+      Math.min(1, (ja(y) - W.left) / W.width)
     );
-  }, []), U = K((N) => {
-    const A = m.current;
-    A && A.duration && (A.currentTime = N * A.duration);
-  }, []), j = (N) => {
-    N.stopPropagation(), _(!0);
-    const A = P(N);
-    b(A), U(A);
+  }, []), U = q((y) => {
+    const M = m.current;
+    M && M.duration && (M.currentTime = y * M.duration);
+  }, []), V = (y) => {
+    y.stopPropagation(), _(!0);
+    const M = P(y);
+    b(M), U(M);
   };
-  X(() => {
+  Y(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
-  }, [r]), X(() => {
+  }, [r]), Y(() => {
     if (!w) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const N = () => {
-      const A = m.current;
-      A && A.duration && !y && b(A.currentTime / A.duration), c.current = requestAnimationFrame(N);
+    const y = () => {
+      const M = m.current;
+      M && M.duration && !N && b(M.currentTime / M.duration), c.current = requestAnimationFrame(y);
     };
-    return c.current = requestAnimationFrame(N), () => {
+    return c.current = requestAnimationFrame(y), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, y]), X(() => {
-    const N = m.current;
-    N && (w ? N.play().catch((A) => {
+  }, [w, N]), Y(() => {
+    const y = m.current;
+    y && (w ? y.play().catch((M) => {
       v(!1), $(!0);
-    }) : N.pause());
-  }, [w]), X(() => {
-    if (!y) return;
-    const N = (Y) => b(P(Y)), A = (Y) => {
-      _(!1), U(P(Y));
+    }) : y.pause());
+  }, [w]), Y(() => {
+    if (!N) return;
+    const y = (W) => b(P(W)), M = (W) => {
+      _(!1), U(P(W));
     };
-    return window.addEventListener("mousemove", N), window.addEventListener("mouseup", A), window.addEventListener("touchmove", N, { passive: !0 }), window.addEventListener("touchend", A), () => {
-      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", N), window.removeEventListener("touchend", A);
+    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", M), window.addEventListener("touchmove", y, { passive: !0 }), window.addEventListener("touchend", M), () => {
+      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", M);
     };
-  }, [y, P, U]);
-  const ee = I ? { aspectRatio: String(I) } : void 0, J = I ? "" : " aspect-video", G = Math.round(x * 100);
+  }, [N, P, U]);
+  const te = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", G = Math.round(x * 100);
   return /* @__PURE__ */ f(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
-      style: ee,
-      onClick: (N) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
+      style: te,
+      onClick: (y) => {
         if (u) {
-          u(N);
+          u(y);
           return;
         }
-        L || o && v((A) => !A);
+        E || o && v((M) => !M);
       },
-      onKeyDown: (N) => {
-        if (!(N.key !== "Enter" && N.key !== " ")) {
-          if (N.preventDefault(), u) {
-            u(N);
+      onKeyDown: (y) => {
+        if (!(y.key !== "Enter" && y.key !== " ")) {
+          if (y.preventDefault(), u) {
+            u(y);
             return;
           }
-          L || o && v((A) => !A);
+          E || o && v((M) => !M);
         }
       },
       children: [
-        s && (h === "audio" || E) && /* @__PURE__ */ n(
+        s && (h === "audio" || I) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -941,7 +941,7 @@ const ja = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (h === "audio" || E) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: xe(t, {
+        !s && (h === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ve(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -953,11 +953,11 @@ const ja = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => M(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              M(!1), D(!1);
+              R(!1), D(!1);
             },
-            onWaiting: () => M(!0),
+            onWaiting: () => R(!0),
             onPlay: () => $(!1),
             onEnded: () => {
               i || (v(!1), b(0));
@@ -973,15 +973,15 @@ const ja = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => M(!0),
+            onLoadStart: () => R(!0),
             onCanPlay: () => {
-              M(!1), D(!1);
+              R(!1), D(!1);
             },
-            onWaiting: () => M(!0),
+            onWaiting: () => R(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
-              const N = m.current;
-              N instanceof HTMLVideoElement && N.videoWidth && N.videoHeight && C(N.videoWidth / N.videoHeight);
+              const y = m.current;
+              y instanceof HTMLVideoElement && y.videoWidth && y.videoHeight && C(y.videoWidth / y.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), b(0));
@@ -989,27 +989,27 @@ const ja = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        F && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ve,
+        F && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          be,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        L && !o && /* @__PURE__ */ n(
+        E && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (N) => {
-              N.stopPropagation(), S();
+            onClick: (y) => {
+              y.stopPropagation(), A();
             },
-            onKeyDown: (N) => {
-              N.key !== "Enter" && N.key !== " " || (N.preventDefault(), N.stopPropagation(), S());
+            onKeyDown: (y) => {
+              y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), A());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(at, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         l && !o && /* @__PURE__ */ n("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__ */ n(
@@ -1023,11 +1023,11 @@ const ja = (e) => {
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: j,
-            onTouchStart: j,
-            onClick: (N) => N.stopPropagation(),
-            onKeyDown: (N) => {
-              N.key === "ArrowRight" && U(Math.min(1, x + 0.05)), N.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
+            onMouseDown: V,
+            onTouchStart: V,
+            onClick: (y) => y.stopPropagation(),
+            onKeyDown: (y) => {
+              y.key === "ArrowRight" && U(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -1043,12 +1043,12 @@ const ja = (e) => {
             "button",
             {
               type: "button",
-              onClick: (N) => {
-                N.stopPropagation(), v((A) => !A);
+              onClick: (y) => {
+                y.stopPropagation(), v((M) => !M);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(sa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(at, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1062,19 +1062,19 @@ const ja = (e) => {
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: j,
-              onTouchStart: j,
-              onClick: (N) => N.stopPropagation(),
-              onMouseEnter: () => R(!0),
-              onMouseLeave: () => R(!1),
-              onKeyDown: (N) => {
-                N.key === "ArrowRight" && U(Math.min(1, x + 0.05)), N.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
+              onMouseDown: V,
+              onTouchStart: V,
+              onClick: (y) => y.stopPropagation(),
+              onMouseEnter: () => L(!0),
+              onMouseLeave: () => L(!1),
+              onKeyDown: (y) => {
+                y.key === "ArrowRight" && U(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || y ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || N ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -1087,7 +1087,7 @@ const ja = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${G}%` }
                   }
                 )
@@ -1098,7 +1098,7 @@ const ja = (e) => {
       ]
     }
   );
-}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Va = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Nn = ({
+}, Kt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Va = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", kn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1107,7 +1107,7 @@ const ja = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ce(e), [d, u] = B(!1), h = oe(t), m = oe(s);
+  const l = de(e), [d, u] = B(!1), h = ce(t), m = ce(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     Ha,
     {
@@ -1155,7 +1155,7 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: xe(e, {
+      children: ve(e, {
         className: Kt(r),
         weight: "regular"
       })
@@ -1172,13 +1172,13 @@ const ja = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: xe(e, {
+      children: ve(e, {
         className: Kt(r),
         weight: "regular"
       })
     }
   );
-}, kn = ({
+}, Cn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1219,7 +1219,7 @@ const ja = (e) => {
             }
           ),
           /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
-            xe(r, {
+            ve(r, {
               className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
@@ -1244,10 +1244,10 @@ const ja = (e) => {
     }
   );
 };
-function Cn(e) {
+function Sn(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function ct(e) {
+function ot(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) {
@@ -1265,12 +1265,12 @@ function Xa(e) {
 function qa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const dt = ({ attachment: e, isMyMessage: t }) => {
+const ct = ({ attachment: e, isMyMessage: t }) => {
   const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, u = /* @__PURE__ */ f(z.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
-        src: oe(r) ?? r,
+        src: ce(r) ?? r,
         alt: s ?? "",
         className: "aspect-video w-full rounded-[20px] object-cover"
       }
@@ -1278,7 +1278,7 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${Ga(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(aa, { className: `size-12 ${qa(t)}` })
+        children: /* @__PURE__ */ n(ca, { className: `size-12 ${qa(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
@@ -1316,12 +1316,12 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
     }
   ) : /* @__PURE__ */ n("div", { className: "block", children: u });
 };
-function Sn(e) {
+function En(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function ut(e) {
+function dt(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(Sn);
+  return (t = e.attachments) == null ? void 0 : t.find(En);
 }
 async function Ka(e, t) {
   let s;
@@ -1356,19 +1356,19 @@ const Za = ({
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
       children: s ? /* @__PURE__ */ n(
-        ve,
+        be,
         {
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
       ) : /* @__PURE__ */ f(z.Fragment, { children: [
-        /* @__PURE__ */ n(Ee, { className: "size-4 text-white", weight: "bold" }),
+        /* @__PURE__ */ n(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function mt(e) {
+function ut(e) {
   var m, g, c, p;
   const t = (m = e.attachments) == null ? void 0 : m.find(
     (w) => w.type === "video" && w.asset_url
@@ -1389,16 +1389,16 @@ function mt(e) {
     thumbnailUrl: h
   };
 }
-const En = ({
+const In = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? Cn(a) : void 0;
+  const i = a !== void 0 ? Sn(a) : void 0;
   return /* @__PURE__ */ n(
-    kn,
+    Cn,
     {
       variant: "dark",
       title: s,
@@ -1406,7 +1406,7 @@ const En = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        Nn,
+        kn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1417,23 +1417,23 @@ const En = ({
       )
     }
   );
-}, In = ({
+}, Tn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ce(t), o = a !== void 0 ? Cn(a) : void 0;
+  const i = de(t), o = a !== void 0 ? Sn(a) : void 0;
   return /* @__PURE__ */ n(
-    kn,
+    Cn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        Nn,
+        kn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1450,10 +1450,10 @@ const En = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const s = ut(e), a = mt(e);
+  const s = dt(e), a = ut(e);
   return !s && !a ? null : /* @__PURE__ */ f("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ n(
-      ye,
+      _e,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1477,13 +1477,13 @@ const En = ({
               overflow: "visible",
               background: "transparent"
             },
-            children: s ? /* @__PURE__ */ n("div", { className: ct(t), children: /* @__PURE__ */ n(
-              dt,
+            children: s ? /* @__PURE__ */ n("div", { className: ot(t), children: /* @__PURE__ */ n(
+              ct,
               {
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(En, { ...a }) : /* @__PURE__ */ n(In, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(In, { ...a }) : /* @__PURE__ */ n(Tn, { ...a })
           }
         ) })
       }
@@ -1492,19 +1492,19 @@ const En = ({
 }, Qa = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = dt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !0 }) });
-  const s = mt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(En, { ...s }) }) : null;
+    return /* @__PURE__ */ n("div", { className: ot(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ct, { attachment: t, isMyMessage: !0 }) });
+  const s = ut(e);
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
 }, er = ({
   message: e
 }) => {
-  const t = ut(e);
+  const t = dt(e);
   if (t)
-    return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
-  const s = mt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
+    return /* @__PURE__ */ n("div", { className: ot(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(ct, { attachment: t, isMyMessage: !1 }) });
+  const s = ut(e);
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Tn, { ...s }) }) : null;
 }, to = Object.assign(Ja, {
   Creator: Qa,
   Visitor: er
@@ -1512,17 +1512,17 @@ const En = ({
   isUnlocking: () => !1
 }, nr = {
   LockedAttachment: tr
-}, Tn = He({}), no = Tn.Provider;
+}, An = je({}), no = An.Provider;
 function sr(e) {
-  return we(Tn)[e] ?? nr[e];
+  return xe(An)[e] ?? nr[e];
 }
-const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-ClyBNKoW.js")), ir = () => /* @__PURE__ */ n(
+const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-LPAZ4FjL.js")), ir = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), ze = (e) => /* @__PURE__ */ n(rs, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), Pe = (e) => /* @__PURE__ */ n(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1541,41 +1541,41 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   }
 ), or = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.TIP;
-}, An = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
+}, Rn = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.PAID;
-}, $e = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
+}, Fe = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.CHATBOT;
-}, ht = (e) => {
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.CHATBOT;
+}, mt = (e) => {
   var t;
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) === le.ATTACHMENT;
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
 }, cr = (e) => {
   var t;
-  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
+  return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
 }, dr = (e) => {
   var t;
-  return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Rn = (e) => or(e) || An(e), ur = (e) => {
+  return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
+}, Ln = (e) => or(e) || Rn(e), ur = (e) => {
   var t;
-  return Rn(e) && !((t = e.text) != null && t.trim());
-}, Ze = ({
+  return Ln(e) && !((t = e.text) != null && t.trim());
+}, Ke = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Rn(e), i = $e(e);
+  const r = Ln(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
     const c = (g = e.metadata) == null ? void 0 : g.amount_text;
     if (!c) return null;
-    const p = t ? "message-tip-standalone inline-flex items-center gap-1.5 px-3.5 py-2.5 rounded-[18px] text-[14px] font-medium text-[#016e1a] bg-[#dbf0e0]" : "message-tag--tip inline-flex items-center gap-1 text-[12px] leading-[2] font-medium text-[#016630]", w = An(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
+    const p = t ? "message-tip-standalone inline-flex items-center gap-1.5 px-3.5 py-2.5 rounded-[18px] text-[14px] font-medium text-[#016e1a] bg-[#dbf0e0]" : "message-tag--tip inline-flex items-center gap-1 text-[12px] leading-[2] font-medium text-[#016630]", w = Rn(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
     return /* @__PURE__ */ f("div", { className: p, children: [
-      /* @__PURE__ */ n(ra, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(da, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: v })
     ] });
   }
@@ -1585,10 +1585,10 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     {
       className: `${d} ${u}`,
       "data-testid": "message-chatbot-indicator",
-      children: s && !o ? /* @__PURE__ */ f(Z, { children: [
+      children: s && !o ? /* @__PURE__ */ f(K, { children: [
         h,
         m
-      ] }) : /* @__PURE__ */ f(Z, { children: [
+      ] }) : /* @__PURE__ */ f(K, { children: [
         m,
         h
       ] })
@@ -1597,7 +1597,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, Zt = `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%`, mr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Be = ({ side: e }) => /* @__PURE__ */ n(
+}, $e = ({ side: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -1612,7 +1612,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       mask: Zt
     }
   }
-), Ln = He(
+), Mn = je(
   void 0
 ), hr = (e) => {
   var s;
@@ -1650,8 +1650,8 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, pr = (e, t) => {
   const s = fr(e, t), [a, r] = B(s);
   return gr(a, s) ? a : (r(s), s);
-}, ft = () => {
-  const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = _e("SentMessageDeliveryStatus"), s = (() => {
+}, ht = () => {
+  const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = we("SentMessageDeliveryStatus"), s = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -1660,12 +1660,12 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Je = () => ft() ? /* @__PURE__ */ f(Z, { children: [
-  /* @__PURE__ */ n(oa, { weight: "bold", "aria-hidden": "true" }),
+}, Ze = () => ht() ? /* @__PURE__ */ f(K, { children: [
+  /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, br = () => ft() ? /* @__PURE__ */ f(Z, { children: [
+] }) : null, br = () => ht() ? /* @__PURE__ */ f(K, { children: [
   /* @__PURE__ */ n(
-    ve,
+    be,
     {
       className: "sent-message-status__spinner animate-spin",
       weight: "bold",
@@ -1677,8 +1677,8 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   outbound: e,
   onOutboundClick: t
 }) => {
-  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(Z, { children: [
-    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(la, { weight: "fill" }) }),
+  const s = e.name || "Broadcast", r = /* @__PURE__ */ f(K, { children: [
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ma, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
@@ -1701,7 +1701,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     }
   ) : r;
 }, xr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(ia, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ n(ua, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
 ] }), wr = ({
   onOutboundClick: e,
@@ -1710,7 +1710,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   var h;
   const { isMyMessage: s, message: a, threadList: r } = fe(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ft();
+  ), i = s(), o = ht();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
@@ -1724,11 +1724,11 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       onOutboundClick: e
     }
   ) : null, u = /* @__PURE__ */ n(
-    ds,
+    us,
     {
-      MessageSentStatus: Je,
-      MessageDeliveredStatus: Je,
-      MessageReadStatus: Je,
+      MessageSentStatus: Ze,
+      MessageDeliveredStatus: Ze,
+      MessageReadStatus: Ze,
       MessageSendingStatus: br
     }
   );
@@ -1738,7 +1738,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
     d
   ] }) : u;
 }, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function gt(e) {
+function ft(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -1758,7 +1758,7 @@ const Nr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, Mn = ({
+}, Dn = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
@@ -1769,7 +1769,7 @@ const Nr = {
     s ? "w-full" : "min-w-0",
     !a && "mt-2",
     Nr[e][r]
-  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
+  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = ft(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
     {
@@ -1804,7 +1804,7 @@ const Nr = {
 }, Sr = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, pt = ({
+}, gt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: s,
@@ -1821,13 +1821,13 @@ const Nr = {
   const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = u != null;
   if (!m && !p && !w && !x && !b)
     return null;
-  const y = g && !a, _ = k(
+  const N = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    s == null && (y ? Cr : kr[e])
+    s == null && (N ? Cr : kr[e])
   ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
     s == null && Jt[e]
-  ), R = k(
+  ), L = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
     s == null && Jt[e]
@@ -1842,13 +1842,13 @@ const Nr = {
       /* @__PURE__ */ n("div", { className: k("h-4 w-1/2", F), "aria-hidden": !0 })
     ] }) });
   }
-  const L = s ? { color: s } : void 0, $ = o > 1 ? {
-    ...L,
+  const E = s ? { color: s } : void 0, $ = o > 1 ? {
+    ...E,
     display: "-webkit-box",
     WebkitBoxOrient: "vertical",
     WebkitLineClamp: o,
     overflow: "hidden"
-  } : L;
+  } : E;
   return /* @__PURE__ */ f("div", { className: "shrink-0 px-4 py-3", children: [
     /* @__PURE__ */ f("div", { className: "flex items-end gap-3", children: [
       /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
@@ -1858,24 +1858,29 @@ const Nr = {
             "p",
             {
               className: k("min-w-0", _),
-              style: L,
+              style: E,
               children: c
             }
           )
         ] }),
-        w && /* @__PURE__ */ n("p", { className: R, style: $, children: i }),
-        !b && x && /* @__PURE__ */ n("p", { className: T, style: L, children: v })
+        w && /* @__PURE__ */ n("p", { className: L, style: $, children: i }),
+        !b && x && /* @__PURE__ */ n("p", { className: T, style: E, children: v })
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(Mn, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n(Dn, { variant: t ?? e, cta: u })
   ] });
 }, Er = "Loading link preview", Ir = k(
-  "relative w-[290px] select-none overflow-hidden",
+  // Width is a channel-scoped token: default 290px, but a read-only surface with no
+  // composer (the official channel) sets `--lt-msg-card-width` on its root to widen the
+  // content column (see ChannelView). Consumers that don't set the var keep 290px.
+  // `max-w-full` caps the card to its container so a widened value can never overflow
+  // horizontally on a narrow (sub-393px) viewport — it shrinks to fit instead.
+  "relative w-[var(--lt-msg-card-width,290px)] max-w-full 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]"
-), Tr = "flex h-[250px] flex-col", Ie = ({
+), Tr = "flex h-[250px] flex-col", Ee = ({
   variant: e,
   children: t,
   href: s,
@@ -1971,11 +1976,11 @@ const Nr = {
 }, Ar = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ae = (e, t) => !!t && !!e && ce(e) === "audio", bt = (e, t) => {
+}, Te = (e, t) => !!t && !!e && de(e) === "audio", pt = (e, t) => {
   if (!t || !e) return !1;
-  const s = ce(e);
+  const s = de(e);
   return s === "video" || s === "audio";
-}, vt = "bg-[#F2F3F4]", Te = ({
+}, bt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -1986,8 +1991,8 @@ const Nr = {
   isLoading: l = !1,
   onImageError: d
 }) => {
-  const u = ce(r), h = !!s && u === "video", m = oe(t);
-  return !l && Ae(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  const u = de(r), h = !!s && u === "video", m = ce(t);
+  return !l && Te(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -2023,7 +2028,7 @@ const Nr = {
               "aria-hidden": !0
             }
           )
-        ) : h ? /* @__PURE__ */ f(Z, { children: [
+        ) : h ? /* @__PURE__ */ f(K, { children: [
           /* @__PURE__ */ n(
             "video",
             {
@@ -2064,7 +2069,7 @@ const Nr = {
               "flex h-full w-full items-center justify-center",
               Qt[e]
             ),
-            children: xe(r, {
+            children: ve(r, {
               className: Ar[e],
               weight: "regular"
             })
@@ -2080,11 +2085,11 @@ function Lr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Mr = "#FFFFFF", Dn = "#040403", Dr = {
+const Mr = "#FFFFFF", On = "#040403", Dr = {
   dark: Mr,
-  light: Dn
+  light: On
 };
-function Ge({
+function Ve({
   variant: e,
   accentColor: t,
   status: s = "ready",
@@ -2099,7 +2104,7 @@ function Ge({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? Dn : Dr[e];
+  }, []), h = Te(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Rr.test(t.trim()) ? Lr(t) : void 0, p = h ? On : Dr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2127,7 +2132,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onEditClick: p,
   dismissLabel: w = "Dismiss attachment"
 }) => {
-  const v = d === "classic", x = Ae(i, l), b = Ge({
+  const v = d === "classic", x = Te(i, l), b = Ve({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2135,7 +2140,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     thumbnailUrl: o,
     mimeType: i,
     sourceUrl: l
-  }), y = c ? /* @__PURE__ */ n(
+  }), N = c ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -2145,7 +2150,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         Or,
         !x && Pr
       ),
-      children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(it, { className: "size-3", weight: "bold" })
     }
   ) : void 0, _ = p ? /* @__PURE__ */ n(
     "button",
@@ -2154,12 +2159,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: p,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(ca, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(fa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return x && !b.isLoading ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
+  return x && !b.isLoading ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: bt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Te,
+      Ie,
       {
         variant: "dark",
         sourceUrl: l,
@@ -2167,31 +2172,31 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         mimeType: i
       }
     ) }),
-    y && /* @__PURE__ */ n("div", { className: "shrink-0", children: y })
+    N && /* @__PURE__ */ n("div", { className: "shrink-0", children: N })
   ] }) }) : /* @__PURE__ */ f(
-    Ie,
+    Ee,
     {
       variant: "dark",
       fixedHeight: !v,
       accentHex: b.accentHex,
       busy: b.isLoading,
-      topRight: v ? y : void 0,
+      topRight: v ? N : void 0,
       children: [
         !v && /* @__PURE__ */ n(
-          Te,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
             sourceUrl: l,
             title: e,
             mimeType: i,
-            topRight: y,
+            topRight: N,
             isLoading: b.isLoading,
             onImageError: b.onImageError
           }
         ),
         /* @__PURE__ */ n(
-          pt,
+          gt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -2210,7 +2215,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, xt = ({
+}, vt = ({
   accentHex: e,
   side: t,
   visible: s,
@@ -2235,7 +2240,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(Z, { children: a }), Fr = ({
+) : /* @__PURE__ */ n(K, { children: a }), Fr = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2251,13 +2256,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Ae(r, o) ? vt : void 0, y = u && g ? {
+  const p = pt(r, o), w = ft(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? bt : void 0, N = u && g ? {
     ...u,
     onClick: () => {
       var T;
       g(), (T = u.onClick) == null || T.call(u);
     }
-  } : u, _ = Ge({
+  } : u, _ = Ve({
     variant: "light",
     accentColor: h,
     status: m,
@@ -2267,13 +2272,13 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: o
   });
   return /* @__PURE__ */ n(
-    xt,
+    vt,
     {
       accentHex: _.accentHex,
       side: "receiver",
       visible: b == null && (c === "single" || c === "end"),
       children: /* @__PURE__ */ f(
-        Ie,
+        Ee,
         {
           variant: "light",
           href: v,
@@ -2286,7 +2291,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           "data-testid": "link-attachment",
           children: [
             l === "featured" && /* @__PURE__ */ n(
-              Te,
+              Ie,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2298,7 +2303,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              gt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -2308,7 +2313,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 descriptionLines: s,
                 url: a,
                 appIcon: d,
-                cta: y,
+                cta: N,
                 isLoading: _.isLoading
               }
             )
@@ -2334,7 +2339,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: p = "single"
 }) => {
-  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Ae(i, l), _ = Ge({
+  const w = pt(i, l), v = ft(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, N = g !== "loading" && Te(i, l), _ = Ve({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2344,24 +2349,24 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ n(
-    xt,
+    vt,
     {
       accentHex: _.accentHex,
       side: "sender",
-      visible: !y && (p === "single" || p === "end"),
+      visible: !N && (p === "single" || p === "end"),
       children: /* @__PURE__ */ f(
-        Ie,
+        Ee,
         {
           variant: "dark",
           href: x,
           onClick: b,
-          fixedHeight: d === "featured" && !y,
+          fixedHeight: d === "featured" && !N,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: y ? vt : void 0,
+          bgClassName: N ? bt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
-              Te,
+              Ie,
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
@@ -2373,7 +2378,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              gt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -2393,7 +2398,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, it = {
+}, rt = {
   Composer: zr,
   Sent: $r,
   Received: Fr
@@ -2419,7 +2424,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Re = ({
+}, Ae = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -2491,7 +2496,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, Le = ({
+}, Re = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -2507,9 +2512,9 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(it, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", so = ({
+), Le = (e) => e === "received" ? "light" : "dark", so = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -2530,7 +2535,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   ),
   s ?? null
-] }), wt = ({
+] }), xt = ({
   state: e,
   src: t,
   mimeType: s,
@@ -2541,12 +2546,12 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Me(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Le(e), h = e === "composer" && !!d, m = Gr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Re,
+    Ae,
     {
       variant: u,
       text: i,
@@ -2560,14 +2565,14 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            h && p === 0 ? /* @__PURE__ */ n(Le, { onClick: d, variant: "inline" }) : void 0
+            h && p === 0 ? /* @__PURE__ */ n(Re, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${p}`
       )) })
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Kr = {
+}, Wr = (e) => /* @__PURE__ */ n(xt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(xt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(xt, { ...e, state: "received" }), Kr = {
   Composer: Wr,
   Sent: Xr,
   Received: qr
@@ -2594,8 +2599,8 @@ function Qr(e, t) {
     }
   }
   if (!e) return;
-  if (ce(e) === "document") {
-    const r = yn(e), i = Jr[r];
+  if (de(e) === "document") {
+    const r = Nn(e), i = Jr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2607,7 +2612,7 @@ function ei(e, t, s) {
   const a = Qr(e, t), r = typeof s == "number" && s > 0 ? Zr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function ae(e) {
+function re(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -2624,7 +2629,7 @@ const ti = {
 }, si = {
   dark: "text-white/85",
   light: "text-black/85"
-}, On = ({
+}, Pn = ({
   variant: e,
   filename: t,
   title: s,
@@ -2642,7 +2647,7 @@ const ti = {
         ni[e]
       ),
       "aria-hidden": !0,
-      children: xe(a, {
+      children: ve(a, {
         className: k("size-6", si[e]),
         weight: "regular"
       })
@@ -2674,7 +2679,7 @@ const ti = {
         m
       ]
     }
-  ) : /* @__PURE__ */ f(Z, { children: [
+  ) : /* @__PURE__ */ f(K, { children: [
     h,
     m
   ] });
@@ -2683,8 +2688,8 @@ const ti = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function Pn(e, t) {
-  const s = t ?? ae(e);
+async function zn(e, t) {
+  const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -2711,9 +2716,9 @@ const ai = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ae(t.src);
+  const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    On,
+    Pn,
     {
       variant: e,
       filename: i,
@@ -2725,7 +2730,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, _t = ({
+}, wt = ({
   state: e,
   src: t,
   filename: s,
@@ -2738,7 +2743,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Me(e), g = e === "composer" && !!h, c = ai({
+  const m = Le(e), g = e === "composer" && !!h, c = ai({
     src: t,
     filename: s,
     fileSize: a,
@@ -2749,8 +2754,8 @@ const ai = ({
     if ((u == null ? void 0 : u(v)) === !1) return;
     const x = c[v];
     if (!x) return;
-    const b = x.filename ?? ae(x.src);
-    Pn(x.src, b);
+    const b = x.filename ?? re(x.src);
+    zn(x.src, b);
   };
   if (c.length === 0)
     return null;
@@ -2762,11 +2767,11 @@ const ai = ({
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(Ee, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Se, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Re,
+    Ae,
     {
       variant: m,
       text: l,
@@ -2779,22 +2784,22 @@ const ai = ({
           item: v,
           index: x,
           onActivate: p,
-          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Le, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Re, { onClick: h, variant: "inline" }) : w
         },
         `${v.src}-${x}`
       )) })
     }
   );
-}, ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
+}, ii = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), ci = {
   Composer: ii,
   Sent: li,
   Received: oi
-}, zn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", en = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
+}, Fn = "inline-flex size-10 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none disabled:cursor-default disabled:opacity-40", en = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", _t = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ f(Z, { children: [
+}) => /* @__PURE__ */ f(K, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -2802,7 +2807,7 @@ const ai = ({
       onClick: e,
       "aria-label": s,
       className: `${en} left-4`,
-      children: /* @__PURE__ */ n(da, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(ga, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2812,10 +2817,10 @@ const ai = ({
       onClick: t,
       "aria-label": a,
       className: `${en} right-4`,
-      children: /* @__PURE__ */ n(mn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(hn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Fn = ({
+] }), $n = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2824,9 +2829,9 @@ const ai = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), u = K(
+  const [l, d] = B(!1), u = q(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), Pn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -2851,14 +2856,14 @@ const ai = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        ve,
+        be,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Ee,
+        Se,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -2873,8 +2878,8 @@ const ai = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: zn,
-      children: l ? /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: Fn,
+      children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
     "button",
@@ -2889,34 +2894,34 @@ const ai = ({
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          ve,
+          be,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Ee, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Se, { ...g, "aria-hidden": !0 }),
         h ? null : a
       ]
     }
   );
-}, Qe = (e, t, s) => Math.min(Math.max(e, t), s), Nt = ({
+}, Je = (e, t, s) => Math.min(Math.max(e, t), s), yt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
-  X(() => {
-    s && i(Qe(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), X(() => {
-    i((d) => Qe(d, 0, Math.max(e - 1, 0)));
+  const a = Je(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
+  Y(() => {
+    s && i(Je(t, 0, Math.max(e - 1, 0)));
+  }, [s, t, e]), Y(() => {
+    i((d) => Je(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = K(() => {
+  const o = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = K(() => {
+  }, [e]), l = q(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return X(() => {
+  return Y(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -2925,7 +2930,7 @@ const ai = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, kt = ({
+}, Nt = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -2934,8 +2939,8 @@ const ai = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = V(null), d = V(null);
-  return X(() => {
+  const l = H(null), d = H(null);
+  return Y(() => {
     var g;
     const m = l.current;
     if (m) {
@@ -3005,8 +3010,8 @@ const ai = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: zn,
-                children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
+                className: Fn,
+                children: /* @__PURE__ */ n(it, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3015,29 +3020,29 @@ const ai = ({
       ]
     }
   );
-}, $n = ({
+}, Bn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = yt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ie(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
+  }), l = t[r], d = le(
+    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Nt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        Fn,
+        $n,
         {
           url: l.src,
           filename: d,
@@ -3059,7 +3064,7 @@ const ai = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -3080,7 +3085,7 @@ const ai = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, Bn = ({
+}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, Un = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3181,13 +3186,13 @@ const ai = ({
       })
     }
   );
-}, De = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = K(
+}, Me = (e) => {
+  const [t, s] = B(!1), [a, r] = B(0), i = q(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = K(() => s(!1), []);
+  ), o = q(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, gi = ({
   item: e,
@@ -3205,7 +3210,7 @@ const ai = ({
       "img",
       {
         ref: r,
-        src: oe(e.src) ?? e.src,
+        src: ce(e.src) ?? e.src,
         alt: e.alt ?? "",
         width: e.width,
         height: e.height,
@@ -3221,12 +3226,12 @@ const ai = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Un = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], jn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = De(r);
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Me(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3238,7 +3243,7 @@ const ai = ({
         children: /* @__PURE__ */ n(
           "img",
           {
-            src: oe(e) ?? e,
+            src: ce(e) ?? e,
             alt: t ?? "",
             draggable: !1,
             loading: a,
@@ -3248,12 +3253,12 @@ const ai = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      $n,
+      Bn,
       {
         open: o,
-        items: Un([{ src: e, alt: t }], s),
+        items: jn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
@@ -3278,7 +3283,7 @@ const ai = ({
     imgRef: r,
     onLoad: i
   };
-}, jn = ({
+}, Hn = ({
   state: e,
   src: t,
   alt: s,
@@ -3289,13 +3294,13 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Me(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = De(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
+  const u = pi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
-    (b, y) => gi({
+    (b, N) => gi({
       item: b,
-      index: y,
+      index: N,
       totalCount: u.length,
       fallbackLoading: l,
       imgRef: w ? v.imgRef : void 0,
@@ -3303,7 +3308,7 @@ const ai = ({
     })
   );
   return /* @__PURE__ */ f(
-    Re,
+    Ae,
     {
       variant: h,
       text: i,
@@ -3315,7 +3320,7 @@ const ai = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Bn,
+          Un,
           {
             tiles: x,
             onTileActivate: c,
@@ -3323,10 +3328,10 @@ const ai = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          $n,
+          Bn,
           {
             open: m,
-            items: Un(u, a),
+            items: jn(u, a),
             initialIndex: g,
             onClose: p
           }
@@ -3334,7 +3339,7 @@ const ai = ({
       ]
     }
   );
-}, wi = (e) => /* @__PURE__ */ n(bi, { ...e }), _i = (e) => /* @__PURE__ */ n(jn, { ...e, state: "sent" }), yi = (e) => /* @__PURE__ */ n(jn, { ...e, state: "received" }), Ni = {
+}, wi = (e) => /* @__PURE__ */ n(bi, { ...e }), _i = (e) => /* @__PURE__ */ n(Hn, { ...e, state: "sent" }), yi = (e) => /* @__PURE__ */ n(Hn, { ...e, state: "received" }), Ni = {
   Composer: wi,
   Sent: _i,
   Received: yi
@@ -3344,19 +3349,19 @@ const ai = ({
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = yt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ie(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
+  }), l = t[r], d = le(
+    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
-  ), u = ie(
+  ), u = le(
     () => l ? Ci(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
-    kt,
+    Nt,
     {
       open: e,
       onClose: a,
@@ -3375,7 +3380,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -3402,9 +3407,9 @@ const ai = ({
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? ae(t.src);
+  const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    On,
+    Pn,
     {
       variant: e,
       filename: i,
@@ -3416,7 +3421,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, Ct = ({
+}, kt = ({
   state: e,
   src: t,
   filename: s,
@@ -3428,24 +3433,24 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Me(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = De(d), v = e === "composer" && !!u;
+  const h = Le(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(d), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((b) => ({
     src: b.src,
-    filename: b.filename ?? ae(b.src)
+    filename: b.filename ?? re(b.src)
   }));
   return /* @__PURE__ */ f(
-    Re,
+    Ae,
     {
       variant: h,
       text: o,
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, y) => {
-          const _ = b.filename ?? ae(b.src), T = v && y === 0 ? /* @__PURE__ */ n(Le, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            Fn,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, N) => {
+          const _ = b.filename ?? re(b.src), T = v && N === 0 ? /* @__PURE__ */ n(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            $n,
             {
               url: b.src,
               filename: _,
@@ -3459,11 +3464,11 @@ const ai = ({
             {
               variant: h,
               item: b,
-              index: y,
+              index: N,
               onActivate: p,
               trailingAction: T
             },
-            `${b.src}-${y}`
+            `${b.src}-${N}`
           );
         }) }),
         /* @__PURE__ */ n(
@@ -3478,26 +3483,26 @@ const ai = ({
       ]
     }
   );
-}, Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ri = {
+}, Ii = (e) => /* @__PURE__ */ n(kt, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(kt, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(kt, { ...e, state: "received" }), Ri = {
   Composer: Ii,
   Sent: Ti,
   Received: Ai
-}, Hn = ({
+}, Vn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = yt({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ie(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
+  }), l = t[r], d = le(
+    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Nt,
     {
       open: e,
       onClose: a,
@@ -3521,7 +3526,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          _t,
           {
             onPrev: i,
             onNext: o,
@@ -3532,7 +3537,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, Li = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Vn = ({
+}, Li = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(at, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Gn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3547,7 +3552,7 @@ const ai = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    fn,
+    gn,
     {
       className: "size-16 text-white/30",
       weight: "regular",
@@ -3557,21 +3562,21 @@ const ai = ({
   /* @__PURE__ */ n(Li, {})
 ] }), Mi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Vn, { item: e, index: t })
+  content: /* @__PURE__ */ n(Gn, { item: e, index: t })
 }), Di = ({
   src: e,
   poster: t,
   mimeType: s,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Gn = (e, t) => e.map((s, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: s, preload: a }] : [], Yn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = De(i);
+  const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3580,21 +3585,21 @@ const ai = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(Vn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Gn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Hn,
+      Vn,
       {
         open: l,
-        items: Gn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: Yn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Yn = ({
+}, Wn = ({
   state: e,
   src: t,
   poster: s,
@@ -3606,26 +3611,26 @@ const ai = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = De(u);
+  const h = Di({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(u);
   if (h.length === 0)
     return null;
   const v = h.map(
     (x, b) => Mi(x, b, h.length)
   );
   return /* @__PURE__ */ f(
-    Re,
+    Ae,
     {
       variant: m,
       text: o,
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Bn, { tiles: v, onTileActivate: p }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Un, { tiles: v, onTileActivate: p }) }),
         /* @__PURE__ */ n(
-          Hn,
+          Vn,
           {
             open: g,
-            items: Gn(h, r),
+            items: Yn(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -3633,11 +3638,11 @@ const ai = ({
       ]
     }
   );
-}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), zi = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "received" }), $i = {
+}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), zi = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "received" }), $i = {
   Composer: Pi,
   Sent: zi,
   Received: Fi
-}, Ce = {
+}, ke = {
   Image: Ni,
   Video: $i,
   Audio: Kr,
@@ -3668,11 +3673,11 @@ function nn(e) {
     title: O(e.title),
     description: O(e.text),
     url: t,
-    thumbnailUrl: oe(s),
+    thumbnailUrl: ce(s),
     // 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: s || bt(r, a) ? "featured" : "classic",
+    layout: s || pt(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
@@ -3686,13 +3691,13 @@ function nn(e) {
 }
 function Ui(e) {
   var t;
-  return Wn(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 Xn(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 Wn(e) {
+function Xn(e) {
   const t = O(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Xn(e) {
+function qn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3710,7 +3715,7 @@ function Xn(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Wn(r)) {
+    if (Xn(r)) {
       a(r);
       continue;
     }
@@ -3731,15 +3736,15 @@ function sn(e) {
 function Vi(e) {
   switch (e) {
     case "image":
-      return Ce.Image;
+      return ke.Image;
     case "video":
-      return Ce.Video;
+      return ke.Video;
     case "audio":
-      return Ce.Audio;
+      return ke.Audio;
     case "pdf":
-      return Ce.Pdf;
+      return ke.Pdf;
     default:
-      return Ce.File;
+      return ke.File;
   }
 }
 function Gi(e, t) {
@@ -3843,24 +3848,24 @@ const Wi = ({
   renderText: a
 }) => {
   var v;
-  const r = Xn(s.attachments);
+  const r = qn(s.attachments);
   if (r.length === 0) return null;
   const i = ji(r), o = (v = s.text) == null ? void 0 : v.trim(), l = r.find((x) => x.type === "link"), d = (l == null ? void 0 : l.type) === "link" ? nn(l.attachments[0] ?? {}).url : void 0, u = o && Bi(o, d) ? void 0 : o;
   let h = 0;
-  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
-    const _ = t ? it.Sent : it.Received;
+  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, N) => {
+    const _ = t ? rt.Sent : rt.Received;
     m.push(
       /* @__PURE__ */ n(
         _,
         {
           ...nn(x),
-          groupPosition: y ? g : "middle"
+          groupPosition: N ? g : "middle"
         },
         b
       )
     );
   }, w = (x, b) => {
-    const y = Hi(
+    const N = Hi(
       h,
       i,
       e
@@ -3869,7 +3874,7 @@ const Wi = ({
       /* @__PURE__ */ n(
         Yi,
         {
-          groupPosition: y,
+          groupPosition: N,
           isMyMessage: t,
           segment: x
         },
@@ -3878,13 +3883,13 @@ const Wi = ({
     );
   };
   return r.forEach((x, b) => {
-    const y = b === r.length - 1;
+    const N = b === r.length - 1;
     if (x.type === "link") {
       x.attachments.forEach((_, T) => {
         p(
           _,
           `link-${b}-${T}`,
-          y && T === x.attachments.length - 1
+          N && T === x.attachments.length - 1
         );
       });
       return;
@@ -3904,7 +3909,7 @@ const Wi = ({
         },
         children: [
           m,
-          !u && /* @__PURE__ */ n(st, {})
+          !u && /* @__PURE__ */ n(nt, {})
         ]
       }
     ),
@@ -3915,9 +3920,9 @@ const Wi = ({
           "relative isolate": c
         }),
         children: [
-          /* @__PURE__ */ n(Fe, { message: s, renderText: a }),
-          /* @__PURE__ */ n(st, {}),
-          c && /* @__PURE__ */ n(Be, { side: t ? "me" : "other" })
+          /* @__PURE__ */ n(ze, { message: s, renderText: a }),
+          /* @__PURE__ */ n(nt, {}),
+          c && /* @__PURE__ */ n($e, { side: t ? "me" : "other" })
         ]
       }
     ) : null
@@ -3943,67 +3948,67 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: y } = Ve("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: R, onFetchSource: L, onDownloadClick: $ } = sr("LockedAttachment"), [F, M] = B(!1), E = ms(c.id), {
-    Attachment: D = hs,
-    EditMessageModal: I = fs,
+  } = e, { client: N } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = hs(c.id), {
+    Attachment: D = fs,
+    EditMessageModal: S = gs,
     MessageActions: C,
-    MessageBlocked: S = gs,
-    MessageBouncePrompt: P = ps,
-    MessageDeleted: U = bs,
-    MessageIsThreadReplyInChannelButtonIndicator: j = vs,
-    MessageRepliesCountButton: ee = xs,
-    ReminderNotification: J = ws,
-    StreamedMessageText: G = _s,
-    PinIndicator: N
-  } = dn("CustomMessage"), A = ys(c), Y = Ns(c), q = ie(
+    MessageBlocked: A = ps,
+    MessageBouncePrompt: P = bs,
+    MessageDeleted: U = vs,
+    MessageIsThreadReplyInChannelButtonIndicator: V = xs,
+    MessageRepliesCountButton: te = ws,
+    ReminderNotification: Z = _s,
+    StreamedMessageText: G = ys,
+    PinIndicator: y
+  } = dn("CustomMessage"), M = Ns(c), W = ks(c), Q = le(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), H = ie(() => {
-    const he = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...he] : he;
-    if (!$e(c)) return be;
-    const Ut = be.filter((jt) => !("type" in jt) || !Sn(jt));
-    return Ut.length === be.length ? be : Ut;
-  }, [c]), te = ie(
-    () => Xn(H),
-    [H]
-  ), W = ie(() => {
-    const he = _n({ message: c, viewerLanguage: v });
+  ), j = le(() => {
+    const he = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...he] : he;
+    if (!Fe(c)) return pe;
+    const Ut = pe.filter((jt) => !("type" in jt) || !En(jt));
+    return Ut.length === pe.length ? pe : Ut;
+  }, [c]), J = le(
+    () => qn(j),
+    [j]
+  ), X = le(() => {
+    const he = yn({ message: c, viewerLanguage: v });
     return he === c.text ? c : { ...c, text: he };
-  }, [c, v]), ne = te.length > 0, de = te.reduce(
-    (he, be) => he + be.attachments.length,
+  }, [c, v]), ne = J.length > 0, ue = J.reduce(
+    (he, pe) => he + pe.attachments.length,
     0
-  ) === ((H == null ? void 0 : H.length) ?? 0), ge = (i == null ? void 0 : i[0]) ?? "", Oe = ge === "top" ? "first" : ge === "middle" ? "middle" : ge === "bottom" ? "end" : "single", ue = ge === "single" || ge === "bottom";
-  if (ks(c))
+  ) === ((j == null ? void 0 : j.length) ?? 0), ae = (i == null ? void 0 : i[0]) ?? "", De = ae === "top" ? "first" : ae === "middle" ? "middle" : ae === "bottom" ? "end" : "single", se = ae === "single" || ae === "bottom";
+  if (Cs(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Cs(c))
-    return /* @__PURE__ */ n(S, {});
-  const se = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, re = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, St = Ss(c);
-  let pe;
-  re ? pe = () => u(c) : St && (pe = () => M(!0));
-  const Q = g(), ts = k(
+  if (Ss(c))
+    return /* @__PURE__ */ n(A, {});
+  const me = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Ct = c.status === "failed" && ((Rt = c.error) == null ? void 0 : Rt.status) !== 403, St = Es(c);
+  let ge;
+  Ct ? ge = () => u(c) : St && (ge = () => R(!0));
+  const ee = g(), ns = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    Q ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ee ? "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": A,
+      "str-chat__message--has-attachment": M,
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": Y,
+      "str-chat__message--with-reactions": W,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Lt = c == null ? void 0 : c.error) == null ? void 0 : Lt.status) !== 403,
-      "str-chat__message-with-thread-link": se || me,
+      "str-chat__message-with-thread-link": me || ie,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), Et = ur(c), Ne = $e(c), ns = ht(c), We = !!(H != null && H.length && !c.quoted_message), It = Ne && Q && We, ss = ne && de && !c.quoted_message && !Ye && !q && !Ne, Tt = {
+  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Et = ur(c), ye = Fe(c), ss = mt(c), Ye = !!(j != null && j.length && !c.quoted_message), It = ye && ee && Ye, as = ne && ue && !c.quoted_message && !Ge && !Q && !ye, Tt = {
     contentType: "text",
     amountText: (Mt = c.metadata) == null ? void 0 : Mt.amount_text,
     paymentStatus: (Dt = c.metadata) == null ? void 0 : Dt.payment_status,
-    renderedText: c.text && /* @__PURE__ */ n(Fe, { message: W, renderText: p })
+    renderedText: c.text && /* @__PURE__ */ n(ze, { message: X, renderText: p })
   }, At = {
     contentType: "media",
     title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
@@ -4012,34 +4017,34 @@ const Wi = ({
     amountText: (Ft = c.metadata) == null ? void 0 : Ft.amount_text,
     detail: ($t = c.metadata) == null ? void 0 : $t.attachment_detail,
     paymentStatus: (Bt = c.metadata) == null ? void 0 : Bt.payment_status,
-    onFetchSource: L ? () => L(c, _) : void 0
+    onFetchSource: E ? () => E(c, _) : void 0
   };
-  return /* @__PURE__ */ f(Z, { children: [
+  return /* @__PURE__ */ f(K, { children: [
     s && /* @__PURE__ */ n(
-      I,
+      S,
       {
         additionalMessageInputProps: t
       }
     ),
     F && /* @__PURE__ */ n(
-      Es,
+      Is,
       {
         MessageBouncePrompt: P,
-        onClose: () => M(!1),
+        onClose: () => R(!1),
         open: F
       }
     ),
     /* @__PURE__ */ f(
       "div",
       {
-        className: ts,
+        className: ns,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          N && /* @__PURE__ */ n(N, {}),
-          !!E && /* @__PURE__ */ n(J, { reminder: E }),
+          y && /* @__PURE__ */ n(y, {}),
+          !!I && /* @__PURE__ */ n(Z, { reminder: I }),
           c.user && /* @__PURE__ */ n(
-            ye,
+            _e,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -4047,86 +4052,86 @@ const Wi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: Ne
+              dmAgentEnabled: ye
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": re || St
+                "str-chat__simple-message--error-failed": Ct || St
               }),
               "data-testid": "message-inner",
-              onClick: pe,
-              onKeyDown: pe,
-              role: pe ? "button" : void 0,
-              tabIndex: pe ? 0 : void 0,
+              onClick: ge,
+              onKeyDown: ge,
+              role: ge ? "button" : void 0,
+              tabIndex: ge ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Et ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                Q && C && /* @__PURE__ */ n(C, {}),
-                Q ? /* @__PURE__ */ n(ze, { ...Tt, isMine: !0 }) : /* @__PURE__ */ n(
-                  ze,
+              children: Et ? /* @__PURE__ */ n(Ke, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+                ee && C && /* @__PURE__ */ n(C, {}),
+                ee ? /* @__PURE__ */ n(Pe, { ...Tt, isMine: !0 }) : /* @__PURE__ */ n(
+                  Pe,
                   {
                     ...Tt,
                     isMine: !1,
                     isUnlocking: T(c.id),
-                    onUnlockClick: () => R == null ? void 0 : R(c, _)
+                    onUnlockClick: () => L == null ? void 0 : L(c, _)
                   }
                 ),
-                !Q && C && /* @__PURE__ */ n(C, {})
+                !ee && C && /* @__PURE__ */ n(C, {})
               ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                  Q && C && /* @__PURE__ */ n(C, {}),
-                  Q ? /* @__PURE__ */ n(
-                    ze,
+                  ee && C && /* @__PURE__ */ n(C, {}),
+                  ee ? /* @__PURE__ */ n(
+                    Pe,
                     {
                       ...At,
                       isMine: !0,
-                      onPreviewClick: () => R ? R(c, _) : void 0
+                      onPreviewClick: () => L ? L(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
-                    ze,
+                    Pe,
                     {
                       ...At,
                       isMine: !1,
                       isUnlocking: T(c.id),
-                      onUnlockClick: () => R ? R(c, _) : void 0,
+                      onUnlockClick: () => L ? L(c, _) : void 0,
                       onDownloadClick: () => $ ? $(c, _) : void 0
                     }
                   ),
-                  !Q && C && /* @__PURE__ */ n(C, {})
+                  !ee && C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && /* @__PURE__ */ f(
                   "div",
                   {
                     className: k("str-chat__message-bubble", {
-                      "relative isolate": ue
+                      "relative isolate": se
                     }),
                     children: [
                       /* @__PURE__ */ n(
-                        Fe,
+                        ze,
                         {
-                          message: W,
+                          message: X,
                           renderText: p
                         }
                       ),
-                      ue && /* @__PURE__ */ n(Be, { side: Q ? "me" : "other" })
+                      se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                     ]
                   }
                 )
-              ] }) : ss ? /* @__PURE__ */ n(
+              ] }) : as ? /* @__PURE__ */ n(
                 Wi,
                 {
-                  groupPosition: Oe,
-                  isMyMessage: Q,
+                  groupPosition: De,
+                  isMyMessage: ee,
                   message: {
-                    ...W,
-                    attachments: H,
+                    ...X,
+                    attachments: j,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
                     // the caption uses displayMessage.text from viewerLanguage.
@@ -4138,51 +4143,51 @@ const Wi = ({
                 "div",
                 {
                   className: k("str-chat__message-bubble", {
-                    "relative isolate": ue
+                    "relative isolate": se
                   }),
                   children: [
-                    Ne && !It && /* @__PURE__ */ n(
-                      Ze,
+                    ye && !It && /* @__PURE__ */ n(
+                      Ke,
                       {
                         message: c,
-                        hasAttachment: We,
-                        isMyMessage: Q
+                        hasAttachment: Ye,
+                        isMyMessage: ee
                       }
                     ),
-                    Ye && /* @__PURE__ */ n(Is, { poll: Ye }),
-                    H != null && H.length && !c.quoted_message ? /* @__PURE__ */ n(
+                    Ge && /* @__PURE__ */ n(Ts, { poll: Ge }),
+                    j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
                       D,
                       {
                         actionHandler: l,
-                        attachments: H
+                        attachments: j
                       }
                     ) : null,
-                    q ? /* @__PURE__ */ n(
+                    Q ? /* @__PURE__ */ n(
                       G,
                       {
-                        message: W,
+                        message: X,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
-                      Fe,
+                      ze,
                       {
-                        message: W,
+                        message: X,
                         renderText: p
                       }
                     ),
-                    /* @__PURE__ */ n(st, {}),
-                    ue && /* @__PURE__ */ n(Be, { side: Q ? "me" : "other" })
+                    /* @__PURE__ */ n(nt, {}),
+                    se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ns && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || It) && /* @__PURE__ */ n(
-            Ze,
+          !ss && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || It) && /* @__PURE__ */ n(
+            Ke,
             {
               message: c,
-              hasAttachment: We,
-              isMyMessage: Q
+              hasAttachment: Ye,
+              isMyMessage: ee
             }
           ) }),
           /* @__PURE__ */ n(
@@ -4192,14 +4197,14 @@ const Wi = ({
               resolvedOutbound: b
             }
           ),
-          se && /* @__PURE__ */ n(
-            ee,
+          me && /* @__PURE__ */ n(
+            te,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          me && /* @__PURE__ */ n(j, {})
+          ie && /* @__PURE__ */ n(V, {})
         ]
       },
       c.id
@@ -4209,11 +4214,11 @@ const Wi = ({
   Xi,
   (e, t) => {
     var s, a, r, i;
-    return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : us(e, t);
+    return e.viewerLanguage !== t.viewerLanguage || e.onOutboundClick !== t.onOutboundClick || ((s = e.resolvedOutbound) == null ? void 0 : s.id) !== ((a = t.resolvedOutbound) == null ? void 0 : a.id) || ((r = e.resolvedOutbound) == null ? void 0 : r.name) !== ((i = t.resolvedOutbound) == null ? void 0 : i.name) ? !1 : ms(e, t);
   }
 ), Ki = (e) => {
   var i;
-  const t = fe("CustomMessage"), s = we(Ln), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
+  const t = fe("CustomMessage"), s = xe(Mn), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
   return /* @__PURE__ */ n(
     qi,
     {
@@ -4226,31 +4231,31 @@ const Wi = ({
   var s;
   const { handleDelete: e, message: t } = fe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    gn,
+    pn,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ua, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(pa, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ji = () => {
   const { handleFlag: e } = fe("CustomMessageActions");
   return /* @__PURE__ */ n(
-    gn,
+    pn,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(un, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(mn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Qi = () => {
   var t;
   const { message: e } = fe("CustomMessageActions");
-  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== le.ATTACHMENT ? null : /* @__PURE__ */ n(
+  return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
     wa,
     {
       messageActionSet: [
@@ -4261,10 +4266,10 @@ const Wi = ({
   );
 }, el = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
+    (t) => tt.previewIsLoaded(t) || tt.previewIsLoading(t)
   )
 }), tl = () => {
-  const { linkPreviewsManager: e } = Ts(), { linkPreviews: t } = As(
+  const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
     e.state,
     el
   ), s = (r) => {
@@ -4315,9 +4320,9 @@ const Wi = ({
     // edge lands ~6px past the fold, reachable by scrolling. That residue
     // belongs to whoever owns the mobile layout contract, not to this component.
     /* @__PURE__ */ n("div", { className: "messaging-link-preview-list flex flex-col items-stretch w-full gap-2", children: t.map((r) => {
-      const i = nt.previewIsLoading(r);
+      const i = tt.previewIsLoading(r);
       return /* @__PURE__ */ n(
-        it.Composer,
+        rt.Composer,
         {
           title: r.title,
           url: r.og_scrape_url,
@@ -4330,7 +4335,7 @@ const Wi = ({
       );
     }) })
   ) : null;
-}, Ue = z.createContext(!1), nl = 200, ao = () => we(Ue), sl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Be = z.createContext(!1), nl = 200, ao = () => xe(Be), sl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4339,12 +4344,12 @@ const Wi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(ma, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(ba, { weight: "bold", className: "size-4" })
   }
 ), an = () => {
-  const e = we(Ue), { handleSubmit: t } = Rs(), s = Ls(), a = e || !s, {
+  const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
     SendButton: r = sl,
-    AttachmentPreviewList: i = Ms
+    AttachmentPreviewList: i = Ds
   } = dn("CustomMessageInput"), o = z.useRef(null);
   return z.useEffect(() => {
     const l = o.current;
@@ -4408,13 +4413,13 @@ const Wi = ({
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ f("div", { className: "messaging-composer-previews empty:hidden flex flex-col gap-2 px-2 pt-2", children: [
-          /* @__PURE__ */ n(Ds, {}),
+          /* @__PURE__ */ n(Os, {}),
           /* @__PURE__ */ n(tl, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
-            Os,
+            Ps,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4450,7 +4455,7 @@ const Wi = ({
   composerInput: i
 }) => {
   var h;
-  const { channel: o } = _e(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = z.useRef(null);
+  const { channel: o } = we(), l = ((h = o == null ? void 0 : o.data) == null ? void 0 : h.frozen) === !0, d = !!i, u = z.useRef(null);
   return z.useEffect(() => {
     if (!d)
       return;
@@ -4463,11 +4468,11 @@ const Wi = ({
       c = v;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < nl : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < nl : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
-      ), x && y && b && (b.scrollTop = b.scrollHeight);
+      ), x && N && b && (b.scrollTop = b.scrollHeight);
     };
     if (p(), typeof ResizeObserver > "u")
       return;
@@ -4496,7 +4501,7 @@ const Wi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f(Z, { children: [
+  ) : /* @__PURE__ */ f(K, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     s == null ? void 0 : s()
@@ -4525,7 +4530,7 @@ const Wi = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ n(Ue.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: i ?? an }) })
+                  /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: i ?? an }) })
                 ]
               }
             ),
@@ -4544,7 +4549,7 @@ const Wi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(Ue.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: an }) })
+          /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Ht, { Input: an }) })
         ]
       }
     ),
@@ -4555,7 +4560,7 @@ const Wi = ({
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
 }, rl = ["SYSTEM_AGE_SAFETY_BLOCKED"], il = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", ll = "https://linktr.ee/s/about/contact", ol = (e) => rl.includes(
+}, Qe = "age safety guidelines.", ll = "https://linktr.ee/s/about/contact", ol = (e) => rl.includes(
   e
 ), cl = (e) => {
   var t;
@@ -4563,28 +4568,28 @@ const Wi = ({
 }, dl = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Yt(t))
+  if (Gt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (ba(t))
+  if (Gs(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Yt(s))
+  if (Gt(s))
     return {
       kind: "dm-agent",
       type: s
     };
 }, ul = (e) => {
-  const t = e.indexOf(et);
+  const t = e.indexOf(Qe);
   if (t === -1)
     return e;
-  const s = t + et.length;
-  return /* @__PURE__ */ f(Z, { children: [
+  const s = t + Qe.length;
+  return /* @__PURE__ */ f(K, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -4593,7 +4598,7 @@ const Wi = ({
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: et
+        children: Qe
       }
     ),
     e.slice(s)
@@ -4614,7 +4619,7 @@ const Wi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              ha,
+              va,
               {
                 size: 16,
                 weight: "regular",
@@ -4626,7 +4631,7 @@ const Wi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Xe, { message: e.message })
+      !t && /* @__PURE__ */ n(We, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -4640,7 +4645,7 @@ const Wi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              fa,
+              xa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4653,7 +4658,7 @@ const Wi = ({
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(Xe, { message: e.message })
+      !t && /* @__PURE__ */ n(We, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -4662,9 +4667,9 @@ const Wi = ({
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(Xe, { message: e.message })
+    !t && /* @__PURE__ */ n(We, { message: e.message })
   ] });
-}, qn = He(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, Kn = je(!1), et = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4675,12 +4680,12 @@ const Wi = ({
     repeatCount: "indefinite"
   }
 ) }), hl = /* @__PURE__ */ new Set([
-  qe.Thinking,
-  qe.Generating,
-  qe.ExternalSources
+  Xe.Thinking,
+  Xe.Generating,
+  Xe.ExternalSources
 ]), fl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ve(), { typing: i = {} } = Ps(), { aiState: o } = zs(t), l = we(qn);
+  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = zs(), { aiState: o } = Fs(t), l = xe(Kn);
   if (!e && l && hl.has(o)) {
     const v = gl(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
@@ -4733,7 +4738,7 @@ const Wi = ({
     },
     children: /* @__PURE__ */ f("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        ye,
+        _e,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4754,13 +4759,13 @@ const Wi = ({
             height: "13",
             overflow: "visible",
             children: [
-              /* @__PURE__ */ n(tt, { cx: "4", index: 0 }),
-              /* @__PURE__ */ n(tt, { cx: "16", index: 1 }),
-              /* @__PURE__ */ n(tt, { cx: "28", index: 2 })
+              /* @__PURE__ */ n(et, { cx: "4", index: 0 }),
+              /* @__PURE__ */ n(et, { cx: "16", index: 1 }),
+              /* @__PURE__ */ n(et, { cx: "28", index: 2 })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ n(Be, { side: "other" })
+        /* @__PURE__ */ n($e, { side: "other" })
       ] }) }) })
     ] })
   }
@@ -4817,11 +4822,11 @@ const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), je = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+), Ue = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
   /* @__PURE__ */ n(bl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-je.displayName = "LoadingState";
+Ue.displayName = "LoadingState";
 const vl = ({
   onBack: e,
   showBackButton: t,
@@ -4842,24 +4847,24 @@ const vl = ({
   renderChannelBanner: v,
   customChannelActions: x,
   renderChannelActions: b,
-  renderMessage: y,
+  renderMessage: N,
   viewerLanguage: _,
   showChannelInfo: T = !0,
-  onParticipantNameClick: R,
-  onOutboundClick: L,
+  onParticipantNameClick: L,
+  onOutboundClick: E,
   resolveOutbound: $,
   composerInput: F
 }) => {
-  const { channel: M, messages: E } = _e(), D = V(L);
-  X(() => {
-    D.current = L;
-  }, [L]);
-  const I = K((J) => {
+  const { channel: R, messages: I } = we(), D = H(E);
+  Y(() => {
+    D.current = E;
+  }, [E]);
+  const S = q((Z) => {
     var G;
-    (G = D.current) == null || G.call(D, J);
-  }, []), C = L ? I : void 0, S = pr(E, $), P = M.state.messages.some(
-    (J) => J.type !== "deleted"
-  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, j = /* @__PURE__ */ n(
+    (G = D.current) == null || G.call(D, Z);
+  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
+    (Z) => Z.type !== "deleted"
+  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, V = /* @__PURE__ */ n(
     La,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
@@ -4877,46 +4882,46 @@ const vl = ({
       onReportParticipantClick: h,
       customChannelActions: x,
       renderChannelActions: b,
-      onParticipantNameClick: R
+      onParticipantNameClick: L
     }
-  ), ee = K(
-    (J) => {
-      const { message: G } = fe("ChannelView"), N = /* @__PURE__ */ n(
+  ), te = q(
+    (Z) => {
+      const { message: G } = fe("ChannelView"), y = /* @__PURE__ */ n(
         Ki,
         {
-          ...J,
+          ...Z,
           viewerLanguage: _,
           onOutboundClick: C
         }
       );
-      return !y || !G ? N : y(N, G);
+      return !N || !G ? y : N(y, G);
     },
-    [C, y, _]
+    [C, N, _]
   );
-  return /* @__PURE__ */ n(Ln.Provider, { value: S, children: /* @__PURE__ */ n(
-    $s,
+  return /* @__PURE__ */ n(Mn.Provider, { value: A, children: /* @__PURE__ */ n(
+    Bs,
     {
       overrides: {
-        Message: ee,
+        Message: te,
         MessageActions: Qi,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Bs, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n(Us, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
               !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                j,
+                V,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Vt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    j,
+                    V,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4931,33 +4936,33 @@ const vl = ({
           rn,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(M)
+              renderActions: () => s == null ? void 0 : s(R)
             },
             ...r && {
-              renderHeader: () => r(M)
+              renderHeader: () => r(R)
             },
-            renderFooter: () => a == null ? void 0 : a(M),
+            renderFooter: () => a == null ? void 0 : a(R),
             disabled: c,
             disabledReason: p,
             composerInput: F
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ f(Z, { children: [
+      ] }) : /* @__PURE__ */ f(K, { children: [
         /* @__PURE__ */ f(
           "div",
           {
             className: "flex-1 overflow-hidden relative",
             children: [
               !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                j,
+                V,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Vt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    j,
+                    V,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4968,14 +4973,14 @@ const vl = ({
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(z.Fragment, { children: r(M) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(z.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           rn,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(M)
+              renderActions: () => s == null ? void 0 : s(R)
             },
-            renderFooter: () => a == null ? void 0 : a(M),
+            renderFooter: () => a == null ? void 0 : a(R),
             disabled: c,
             disabledReason: p,
             composerInput: F
@@ -4985,7 +4990,7 @@ const vl = ({
       ] }) })
     }
   ) });
-}, Kn = z.memo(
+}, Zn = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -5006,73 +5011,76 @@ const vl = ({
     composerDisabled: v = !1,
     composerDisabledReason: x,
     dmAgentEnabled: b,
-    messageMetadata: y,
+    messageMetadata: N,
     onMessageSent: _,
     showStarButton: T = !1,
-    renderChannelBanner: R,
-    customChannelActions: L,
+    renderChannelBanner: L,
+    customChannelActions: E,
     renderChannelActions: $,
     renderMessage: F,
-    onMessageLinkClick: M,
-    sendButton: E,
+    onMessageLinkClick: R,
+    sendButton: I,
     attachmentPreviewList: D,
-    viewerLanguage: I,
+    viewerLanguage: S,
     showChannelInfo: C = !0,
-    onParticipantNameClick: S,
+    onParticipantNameClick: A,
     onOutboundClick: P,
     resolveOutbound: U,
-    composerInput: j
+    composerInput: V
   }) => {
-    const ee = K(
-      async (G, N, A) => {
-        var ne;
-        const Y = ((ne = e.data) == null ? void 0 : ne.chatbot_paused) === !0, q = b && !Y, H = {
-          ...N,
-          ...q && { silent: !0 },
-          ...y && {
+    const te = q(
+      async (y, M, W) => {
+        var ue;
+        const Q = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, j = b && !Q, J = {
+          ...M,
+          ...j && { silent: !0 },
+          ...N && {
             metadata: {
-              ...N.metadata ?? {},
-              ...y
+              ...M.metadata ?? {},
+              ...N
             }
           }
-        }, te = {
-          ...A,
-          ...q && { skip_push: !0 }
-        }, W = await e.sendMessage(H, te);
-        return _ == null || _(W), W;
+        }, X = {
+          ...W,
+          ...j && { skip_push: !0 }
+        }, ne = await e.sendMessage(J, X);
+        return _ == null || _(ne), ne;
       },
-      [e, b, y, _]
-    ), J = V(null);
-    return X(() => {
-      if (!M) return;
-      const G = J.current;
-      if (!G) return;
-      const N = (A) => {
-        const Y = A.target, q = Y == null ? void 0 : Y.closest("a[href]"), H = q == null ? void 0 : q.getAttribute("href");
-        if (!H) return;
-        const te = q == null ? void 0 : q.closest("[data-message-id]"), W = te == null ? void 0 : te.getAttribute("data-message-id"), ne = W ? e.state.messages.find((de) => de.id === W) : void 0;
-        M(H, ne);
+      [e, b, N, _]
+    ), Z = H(null);
+    Y(() => {
+      if (!R) return;
+      const y = Z.current;
+      if (!y) return;
+      const M = (W) => {
+        const Q = W.target, j = Q == null ? void 0 : Q.closest("a[href]"), J = j == null ? void 0 : j.getAttribute("href");
+        if (!J) return;
+        const X = j == null ? void 0 : j.closest("[data-message-id]"), ne = X == null ? void 0 : X.getAttribute("data-message-id"), ue = ne ? e.state.messages.find((ae) => ae.id === ne) : void 0;
+        R(J, ue);
       };
-      return G.addEventListener("click", N), () => G.removeEventListener("click", N);
-    }, [M, e]), /* @__PURE__ */ n(
+      return y.addEventListener("click", M), () => y.removeEventListener("click", M);
+    }, [R, e]);
+    const G = un(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+    return /* @__PURE__ */ n(
       "div",
       {
-        ref: J,
+        ref: Z,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ n(qn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
-          Fs,
+        style: G,
+        children: /* @__PURE__ */ n(Kn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+          $s,
           {
             channel: e,
             MessageSystem: ml,
             EmptyStateIndicator: u,
-            LoadingIndicator: je,
+            LoadingIndicator: Ue,
             DateSeparator: Ma,
             TypingIndicator: fl,
-            doSendMessageRequest: ee,
-            ...E ? { SendButton: E } : {},
+            doSendMessageRequest: te,
+            ...I ? { SendButton: I } : {},
             ...D ? { AttachmentPreviewList: D } : {},
             children: /* @__PURE__ */ n(
               vl,
@@ -5094,16 +5102,16 @@ const vl = ({
                 composerDisabled: v,
                 composerDisabledReason: x,
                 showStarButton: T,
-                renderChannelBanner: R,
-                customChannelActions: L,
+                renderChannelBanner: L,
+                customChannelActions: E,
                 renderChannelActions: $,
                 renderMessage: F,
-                viewerLanguage: I,
+                viewerLanguage: S,
                 showChannelInfo: C,
-                onParticipantNameClick: S,
+                onParticipantNameClick: A,
                 onOutboundClick: P,
                 resolveOutbound: U,
-                composerInput: j
+                composerInput: V
               }
             )
           }
@@ -5112,8 +5120,8 @@ const vl = ({
     );
   }
 );
-Kn.displayName = "ChannelView";
-const Se = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
+Zn.displayName = "ChannelView";
+const Ce = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ f("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -5127,153 +5135,151 @@ const Se = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-Se.displayName = "ErrorState";
+Ce.displayName = "ErrorState";
 const ro = ({
   capabilities: e = {},
   renderMessageInputActions: t,
-  renderMessageInputFooter: s,
-  renderConversationFooter: a,
-  onChannelSelect: r,
-  onExitConversation: i,
-  initialParticipantFilter: o,
-  initialParticipantData: l,
-  CustomChannelEmptyState: d,
-  onBlockParticipantClick: u,
-  onReportParticipantClick: h,
-  dmAgentEnabled: m,
-  onMessageSent: g,
-  viewerLanguage: c,
-  renderChannelBanner: p,
-  customChannelActions: w,
-  renderChannelActions: v,
-  onParticipantNameClick: x,
-  onOutboundClick: b,
-  resolveOutbound: y,
-  renderMessage: _,
-  onMessageLinkClick: T,
-  showChannelInfo: R,
+  renderConversationFooter: s,
+  onChannelSelect: a,
+  onExitConversation: r,
+  initialParticipantFilter: i,
+  initialParticipantData: o,
+  CustomChannelEmptyState: l,
+  onBlockParticipantClick: d,
+  onReportParticipantClick: u,
+  dmAgentEnabled: h,
+  onMessageSent: m,
+  viewerLanguage: g,
+  renderChannelBanner: c,
+  customChannelActions: p,
+  renderChannelActions: w,
+  onParticipantNameClick: v,
+  onOutboundClick: x,
+  resolveOutbound: b,
+  renderMessage: N,
+  onMessageLinkClick: _,
+  showChannelInfo: T,
   composerInput: L
 }) => {
   const {
-    client: $,
-    isConnected: F,
-    isLoading: M,
-    error: E,
-    refreshConnection: D,
-    service: I,
-    debug: C
-  } = _a(), [S, P] = B(null), [U, j] = B(null), [ee, J] = B(!1), { showDeleteConversation: G = !0 } = e, N = V(l);
-  N.current = l;
-  const A = V(r);
-  A.current = r;
-  const Y = V(null), q = V(null);
-  X(() => {
-    q.current = S;
-  }, [S]), X(() => {
-    if (!$ || !F) return;
-    const W = $.userID;
-    if (!W) return;
-    const ne = `${W}::${o}`;
-    if (Y.current === ne) return;
-    Y.current = ne;
-    const de = () => {
-      Y.current === ne && (Y.current = null);
+    client: E,
+    isConnected: $,
+    isLoading: F,
+    error: R,
+    refreshConnection: I,
+    service: D,
+    debug: S
+  } = _a(), [C, A] = B(null), [P, U] = B(null), [V, te] = B(!1), { showDeleteConversation: Z = !0 } = e, G = H(o);
+  G.current = o;
+  const y = H(a);
+  y.current = a;
+  const M = H(null), W = H(null);
+  Y(() => {
+    W.current = C;
+  }, [C]), Y(() => {
+    if (!E || !$) return;
+    const J = E.userID;
+    if (!J) return;
+    const X = `${J}::${i}`;
+    if (M.current === X) return;
+    M.current = X;
+    const ne = () => {
+      M.current === X && (M.current = null);
     };
     (async () => {
-      var Oe, ue;
+      var ae, De;
       try {
-        C && console.log(
+        S && console.log(
           "[MessagingShell] Loading initial conversation with:",
-          o
+          i
         );
-        const se = await $.queryChannels(
+        const se = await E.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [W, o] }
+            members: { $eq: [J, i] }
           },
           {},
           { limit: 1 }
         );
         if (se.length > 0) {
-          P(se[0]), j(null), (Oe = A.current) == null || Oe.call(A, se[0]), C && console.log(
+          A(se[0]), U(null), (ae = y.current) == null || ae.call(y, se[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
             se[0].id
           );
           return;
         }
-        const me = N.current;
-        if (!me || !I) {
-          de(), j("No conversation found with this account"), C && console.log(
+        const me = G.current;
+        if (!me || !D) {
+          ne(), U("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
-            o
+            i
           );
           return;
         }
         try {
-          const re = await I.startChannelWithParticipant({
+          const ie = await D.startChannelWithParticipant({
             id: me.id,
             name: me.name,
             phone: me.phone
           });
-          P(re), j(null), (ue = A.current) == null || ue.call(A, re), C && console.log(
+          A(ie), U(null), (De = y.current) == null || De.call(y, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
-            re.id
+            ie.id
           );
-        } catch (re) {
+        } catch (ie) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            re
-          ), de(), j("Failed to create conversation");
+            ie
+          ), ne(), U("Failed to create conversation");
         }
       } catch (se) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           se
-        ), de(), q.current || j("Failed to load conversation");
+        ), ne(), W.current || U("Failed to load conversation");
       }
     })();
-  }, [o, $, F, I, C]);
-  const H = V(i);
-  H.current = i;
-  const te = K(() => {
-    var W;
-    P(null), J(!0), (W = H.current) == null || W.call(H);
+  }, [i, E, $, D, S]);
+  const Q = H(r);
+  Q.current = r;
+  const j = q(() => {
+    var J;
+    A(null), te(!0), (J = Q.current) == null || J.call(Q);
   }, []);
-  return M ? /* @__PURE__ */ n(je, {}) : E ? /* @__PURE__ */ n(Se, { message: E, onBack: D }) : !F || !$ ? /* @__PURE__ */ n(
-    Se,
+  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
+    Ce,
     {
       message: "Not connected to messaging service",
-      onBack: D
+      onBack: I
     }
-  ) : U ? /* @__PURE__ */ n(Se, { message: U }) : ee && !S ? /* @__PURE__ */ n(Se, { message: "Conversation ended" }) : S ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
-    Kn,
+  ) : P ? /* @__PURE__ */ n(Ce, { message: P }) : V && !C ? /* @__PURE__ */ n(Ce, { message: "Conversation ended" }) : C ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+    Zn,
     {
-      channel: S,
+      channel: C,
       renderMessageInputActions: t,
-      renderMessageInputFooter: s,
-      renderConversationFooter: a,
-      renderChannelBanner: p,
-      onLeaveConversation: te,
-      onBlockParticipant: te,
-      CustomChannelEmptyState: d,
-      showDeleteConversation: G,
-      onBlockParticipantClick: u,
-      onReportParticipantClick: h,
-      dmAgentEnabled: m,
-      onMessageSent: g,
-      viewerLanguage: c,
-      customChannelActions: w,
-      renderChannelActions: v,
-      onParticipantNameClick: x,
-      onOutboundClick: b,
-      resolveOutbound: y,
-      renderMessage: _,
-      onMessageLinkClick: T,
-      showChannelInfo: R,
+      renderConversationFooter: s,
+      renderChannelBanner: c,
+      onLeaveConversation: j,
+      onBlockParticipant: j,
+      CustomChannelEmptyState: l,
+      showDeleteConversation: Z,
+      onBlockParticipantClick: d,
+      onReportParticipantClick: u,
+      dmAgentEnabled: h,
+      onMessageSent: m,
+      viewerLanguage: g,
+      customChannelActions: p,
+      renderChannelActions: w,
+      onParticipantNameClick: v,
+      onOutboundClick: x,
+      resolveOutbound: b,
+      renderMessage: N,
+      onMessageLinkClick: _,
+      showChannelInfo: T,
       composerInput: L
     },
-    S.id
-  ) }) }) : /* @__PURE__ */ n(je, {});
+    C.id
+  ) }) }) : /* @__PURE__ */ n(Ue, {});
 };
 function xl(e) {
   const t = e.state.pending_messages;
@@ -5281,7 +5287,7 @@ function xl(e) {
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Zn = z.createContext({
+const Jn = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5289,7 +5295,7 @@ const Zn = z.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), wl = Zn.Provider, _l = () => z.useContext(Zn), yl = (e, t) => {
+}), wl = Jn.Provider, _l = () => z.useContext(Jn), yl = (e, t) => {
   const s = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), a = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
   return Math.floor((a - s) / (1e3 * 60 * 60 * 24));
 }, Nl = (e) => {
@@ -5309,9 +5315,9 @@ const Zn = z.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Jn = z.memo(
+}, Qn = z.memo(
   (e) => {
-    var $, F, M;
+    var $, F, R;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -5319,7 +5325,7 @@ const Zn = z.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = _l(), { client: u } = Ve(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = bn(t);
+    } = _l(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = vn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5333,45 +5339,45 @@ const Zn = z.createContext({
       );
     const g = () => {
       t && r(t);
-    }, c = (E) => {
-      const D = E.key === "Enter" || E.key === " ", I = E.repeat;
-      !D || I || (E.preventDefault(), g());
-    }, p = vn(
+    }, c = (I) => {
+      const D = I.key === "Enter" || I.key === " ", S = I.repeat;
+      !D || S || (I.preventDefault(), g());
+    }, p = xn(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = xn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
+    ), w = wn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
       var D;
-      const E = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
-      if (E != null && E.length) {
-        for (let I = E.length - 1; I >= 0; I--)
-          if (E[I].type !== "system") return E[I];
+      const I = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
+      if (I != null && I.length) {
+        for (let S = I.length - 1; S >= 0; S--)
+          if (I[S].type !== "system") return I[S];
       }
-    })(), y = (() => {
-      var S;
-      const E = _n({
+    })(), N = (() => {
+      var A;
+      const I = yn({
         message: x,
         viewerLanguage: d
-      }), { custom_type: D, attachment_content_type: I } = (x == null ? void 0 : x.metadata) || {};
-      if (D === le.TIP)
-        return E || "Sent a tip";
-      if (D === le.PAID)
-        return E || "Sent a message";
-      if (D === le.ATTACHMENT) {
-        if (I === "text")
+      }), { custom_type: D, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
+      if (D === oe.TIP)
+        return I || "Sent a tip";
+      if (D === oe.PAID)
+        return I || "Sent a message";
+      if (D === oe.ATTACHMENT) {
+        if (S === "text")
           return "🔒 Sent a locked message";
-        if (I === "media")
+        if (S === "media")
           return "🔒 Sent a locked attachment";
       }
-      if (E) return E;
-      const C = (S = x == null ? void 0 : x.attachments) == null ? void 0 : S[0];
+      if (I) return I;
+      const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? $e(x) : !1, R = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, L = s ?? 0;
+    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
       participantName: w,
-      unreadCount: L,
+      unreadCount: E,
       hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
@@ -5390,9 +5396,9 @@ const Zn = z.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ye,
+            _e,
             {
-              id: ((M = p == null ? void 0 : p.user) == null ? void 0 : M.id) || t.id || "unknown",
+              id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || t.id || "unknown",
               name: w,
               image: v,
               size: 48,
@@ -5416,8 +5422,8 @@ const Zn = z.createContext({
               _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
-              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: R }),
-              L > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: L > 99 ? "99+" : L })
+              /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: L }),
+              E > 0 && /* @__PURE__ */ n("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: E > 99 ? "99+" : E })
             ] })
           ] })
         ] })
@@ -5425,7 +5431,7 @@ const Zn = z.createContext({
     );
   }
 );
-Jn.displayName = "CustomChannelPreview";
+Qn.displayName = "CustomChannelPreview";
 const kl = { last_message_at: -1 }, Cl = z.memo(
   ({
     onChannelSelect: e,
@@ -5436,7 +5442,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
     sort: i = kl,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = js,
+    channelListPaginator: d = Hs,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5449,15 +5455,15 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
   }) => {
     const b = z.useRef(0);
     b.current++;
-    const { debug: y = !1 } = ot(), _ = z.useCallback(
-      (R) => {
-        for (const L of R)
-          xl(L);
-        return r ? r(R) : R;
+    const { debug: N = !1 } = lt(), _ = z.useCallback(
+      (L) => {
+        for (const E of L)
+          xl(E);
+        return r ? r(L) : L;
       },
       [r]
     );
-    y && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    N && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: b.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
@@ -5466,7 +5472,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: y,
+        debug: N,
         channelPreview: u,
         renderMessagePreview: h,
         viewerLanguage: m
@@ -5474,7 +5480,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
       [
         t,
         e,
-        y,
+        N,
         u,
         h,
         m
@@ -5488,7 +5494,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
           o
         ),
         children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(wl, { value: T, children: /* @__PURE__ */ n(
-          Us,
+          js,
           {
             filters: s,
             sort: i,
@@ -5502,7 +5508,7 @@ const kl = { last_message_at: -1 }, Cl = z.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: Jn,
+            Preview: Qn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5527,7 +5533,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         a ? "mt-3 flex-col" : "min-w-0 max-w-[60%] flex-row flex-wrap justify-end"
       ),
       children: t.map((r, i) => /* @__PURE__ */ n(
-        Mn,
+        Dn,
         {
           variant: e,
           cta: r,
@@ -5573,6 +5579,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       {
         className: k(
           El,
+          r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
         ),
         style: m,
@@ -5583,7 +5590,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: g ? /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-3", children: [
     c,
     /* @__PURE__ */ n(on, { surface: e, actions: o, layout: "row" })
-  ] }) : /* @__PURE__ */ f(Z, { children: [
+  ] }) : /* @__PURE__ */ f(K, { children: [
     c,
     /* @__PURE__ */ n(
       on,
@@ -5628,7 +5635,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
         {
-          src: oe(c) ?? c,
+          src: ce(c) ?? c,
           alt: "",
           draggable: !1,
           loading: "lazy",
@@ -5656,7 +5663,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
   /* @__PURE__ */ n(
-    Te,
+    Ie,
     {
       variant: e,
       thumbnailUrl: r,
@@ -5665,7 +5672,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), Qn = ({
+) }), es = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5677,23 +5684,23 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = va({
+  const h = Ys({
     imagePresentation: i,
     images: r
-  }), m = r.length > 0, g = m && h === "hero", c = Ge({
+  }), m = r.length > 0, g = m && h === "hero", c = Ve({
     variant: e,
     accentColor: d,
     layout: "featured",
     thumbnailUrl: g ? r[0] : void 0
   }), p = u === "single" || u === "end";
   return /* @__PURE__ */ n(
-    xt,
+    vt,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
       visible: p,
       children: /* @__PURE__ */ f(
-        Ie,
+        Ee,
         {
           variant: e,
           accentHex: c.accentHex,
@@ -5727,7 +5734,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, zl = (e) => /* @__PURE__ */ n(Qn, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ n(Qn, { ...e, variant: "light" }), io = {
+}, zl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), io = {
   Sent: zl,
   Received: Fl
 }, cn = `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%`, $l = {
@@ -5757,7 +5764,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, es = ({
+}, ts = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5789,7 +5796,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  es,
+  ts,
   {
     variant: "received",
     text: e,
@@ -5797,7 +5804,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Hl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(es, { variant: "sent", text: e, tail: t, className: s }), lo = {
+), Hl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), lo = {
   Sent: Hl,
   Received: jl
 }, Vl = ({
@@ -5831,10 +5838,10 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = xa(e);
+  const l = Ws(e);
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ye,
+      _e,
       {
         id: o || "account",
         name: o || "Account",
@@ -5865,41 +5872,41 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  Nn as A,
-  xn as B,
+  kn as A,
+  wn as B,
   pl as C,
   ao as D,
   sr as E,
   oo as F,
   _a as G,
-  it as L,
+  rt as L,
   to as M,
   io as R,
-  ke as a,
-  ye as b,
+  Ne as a,
+  _e as b,
   Cl as c,
-  Kn as d,
+  Zn as d,
   no as e,
   Vl as f,
-  ce as g,
-  ze as h,
-  Ce as i,
+  de as g,
+  Pe as h,
+  ke as i,
   lo as j,
   eo as k,
   ro as l,
   ei as m,
   Zr as n,
-  oe as o,
+  ce as o,
   Nl as p,
   Qr as q,
-  xe as r,
-  _n as s,
-  Sn as t,
+  ve as r,
+  yn as s,
+  En as t,
   Na as u,
   so as v,
   Da as w,
-  vn as x,
-  ut as y,
-  mt as z
+  xn as x,
+  dt as y,
+  ut as z
 };
-//# sourceMappingURL=index-CH6y1lmh.js.map
+//# sourceMappingURL=index-Cxj0F8aQ.js.map