@linktr.ee/messaging-react 4.0.5 → 4.1.0-rc-1786707283

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

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as f, Fragment as J } from "react/jsx-runtime";
-import z, { createContext as je, useContext as ve, useCallback as Z, useState as B, useRef as j, useEffect as Y, useId as as, Suspense as rs, useMemo as le } from "react";
-import { StreamChatService as is } from "@linktr.ee/messaging-core";
-import { StreamChat as ls, LinkPreviewsManager as tt } from "stream-chat";
-import { Chat as os, useChannelStateContext as xe, useChatContext as He, DateSeparator as cs, useMessageContext as he, MessageStatus as ds, MessageErrorIcon as nt, MessageText as ze, 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 We, AIStates as Xe, 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 st, DotsThreeIcon as Hs, SpinnerGapIcon as Oe, 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 pe, PlayIcon as at, PauseIcon as sa, LinkIcon as aa, DownloadSimpleIcon as Ce, GiftIcon as ra, WarningCircleIcon as ia, MegaphoneIcon as la, ChecksIcon as oa, XIcon as it, 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 oe, 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 = je({
+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 = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), lt = () => ve(pn), eo = ({
+}), lt = () => xe(bn), eo = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -27,7 +27,7 @@ const pn = je({
   client: o
 }) => {
   var S, C;
-  const l = Z(
+  const l = q(
     (A, ...P) => {
       i && console.log(`🔥 [MessagingProvider] ${A}`, ...P);
     },
@@ -39,16 +39,16 @@ const pn = je({
     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 = j(!1), N = j(null), _ = j(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 = j(i);
+  const T = H(i);
   T.current = i;
-  const L = j({
+  const L = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = j(0);
+  }), 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)) + "..." },
@@ -64,8 +64,8 @@ const pn = je({
     serviceConfig: s,
     capabilities: r
   };
-  const $ = j(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.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);
   Y(() => {
     const A = E.current, P = _.current;
@@ -84,7 +84,7 @@ const pn = je({
       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,
@@ -95,7 +95,7 @@ const pn = je({
       serviceInstance: !!U
     });
   }, [a, F, o]);
-  const R = j(null);
+  const R = H(null);
   Y(() => {
     var P, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
@@ -126,13 +126,13 @@ const pn = je({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const H = await d.connectUser(t);
-        m(H), c(!0), R.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: H.userID
+          clientId: V.userID
         });
-      } catch (H) {
-        const te = H instanceof Error ? H.message : "Connection failed";
+      } catch (V) {
+        const te = V instanceof Error ? V.message : "Connection failed";
         x(te), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
           error: te
@@ -151,7 +151,7 @@ const pn = je({
       A && (R.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const I = Z(async () => {
+  const I = q(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -175,7 +175,7 @@ const pn = je({
         w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), M = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), D = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -214,9 +214,9 @@ const pn = je({
   return l("🔄 RENDER END", {
     renderCount: E.current,
     willRenderChat: !!F,
-    contextValueReady: !!M
-  }), /* @__PURE__ */ n(pn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
-    os,
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(bn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
+    cs,
     {
       client: F,
       customClasses: {
@@ -225,7 +225,7 @@ const pn = je({
       children: e
     }
   ) : e });
-}, _a = () => lt(), 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)
@@ -248,13 +248,13 @@ const pn = je({
     };
   }, [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 we = ({
+const _e = ({
   id: e,
   image: t,
   size: s = 40,
@@ -395,8 +395,8 @@ const we = ({
   onActionComplete: u,
   logLabel: h = "useChannelModerationActions"
 }) => {
-  var M;
-  const { service: m, debug: g } = lt(), c = (M = t == null ? void 0 : t.user) == null ? void 0 : M.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);
+  var D;
+  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);
@@ -469,7 +469,7 @@ const we = ({
       d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
-}, ye = ({
+}, Ne = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -500,7 +500,7 @@ const we = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = j(null), w = as(), v = Z(() => c(!1), []), {
+  const [g, c] = B(!1), p = H(null), w = rs(), v = q(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
     isLeaving: N,
@@ -524,10 +524,10 @@ const we = ({
   });
   return Y(() => {
     if (!g) return;
-    const R = (M) => {
-      p.current && !p.current.contains(M.target) && c(!1);
-    }, I = (M) => {
-      M.key === "Escape" && c(!1);
+    const R = (D) => {
+      p.current && !p.current.contains(D.target) && c(!1);
+    }, I = (D) => {
+      D.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", R), document.addEventListener("keydown", I), () => {
       document.removeEventListener("mousedown", R), document.removeEventListener("keydown", I);
@@ -543,7 +543,7 @@ const we = ({
         "aria-controls": g ? w : void 0,
         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 we = ({
         ),
         children: /* @__PURE__ */ f("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(
-            ye,
+            Ne,
             {
               onClick: T,
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ n(Oe, { 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 we = ({
           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(ye, { disabled: !0, "aria-busy": !0, children: [
+            /* @__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(
-            ye,
+            Ne,
             {
               onClick: E,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { 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(
-            ye,
+            Ne,
             {
               onClick: L,
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { 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(ye, { 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
@@ -627,18 +627,18 @@ const we = ({
   showChannelInfo: p = !0,
   onParticipantNameClick: w
 }) => {
-  var I, M, S, C;
-  const { channel: v } = xe(), { client: x } = He(), b = z.useMemo(
+  var I, D, S, C;
+  const { channel: v } = we(), { client: x } = He(), b = z.useMemo(
     () => {
       var A;
-      return vn(
+      return xn(
         (A = v.state) == null ? void 0 : A.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
     [(I = v.state) == null ? void 0 : I.members, x == null ? void 0 : x.userID, v.type]
-  ), N = xn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = bn(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 () => {
+  ), 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 (A) {
@@ -647,9 +647,9 @@ const we = ({
         A
       );
     }
-  }, R = /* @__PURE__ */ f(J, { children: [
+  }, R = /* @__PURE__ */ f(K, { children: [
     /* @__PURE__ */ n(
-      we,
+      _e,
       {
         id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
         name: N,
@@ -674,7 +674,7 @@ const we = ({
               {
                 "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" })
               }
             ),
             E && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
@@ -686,7 +686,7 @@ const we = ({
               }
             ) }),
             w && /* @__PURE__ */ n(
-              mn,
+              hn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -717,7 +717,7 @@ const we = ({
             }),
             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(
@@ -772,11 +772,11 @@ const we = ({
       ] })
     }
   );
-}, 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
 }) {
@@ -818,33 +818,33 @@ const Fa = [
 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 = de(e);
-  return t !== "document" ? $a[t] : Ba[yn(e)];
+  return t !== "document" ? $a[t] : Ba[Nn(e)];
 }
-function be(e, t) {
+function ve(e, t) {
   return z.createElement(Ua(e), t);
 }
 const ja = (e) => {
@@ -862,23 +862,23 @@ const ja = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const h = de(t), m = j(null), g = j(null), c = j(null), p = j(r), [w, v] = B(a), [x, b] = B(0), [N, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, M] = B(!0), [S, C] = B(null), A = Z(() => {
+  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 = Z((y) => {
-    const D = g.current;
-    if (!D) return 0;
-    const W = D.getBoundingClientRect();
+  }, []), P = q((y) => {
+    const M = g.current;
+    if (!M) return 0;
+    const W = M.getBoundingClientRect();
     return Math.max(
       0,
       Math.min(1, (ja(y) - W.left) / W.width)
     );
-  }, []), U = Z((y) => {
-    const D = m.current;
-    D && D.duration && (D.currentTime = y * D.duration);
-  }, []), H = (y) => {
+  }, []), U = q((y) => {
+    const M = m.current;
+    M && M.duration && (M.currentTime = y * M.duration);
+  }, []), V = (y) => {
     y.stopPropagation(), _(!0);
-    const D = P(y);
-    b(D), U(D);
+    const M = P(y);
+    b(M), U(M);
   };
   Y(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
@@ -888,40 +888,40 @@ const ja = (e) => {
       return;
     }
     const y = () => {
-      const D = m.current;
-      D && D.duration && !N && b(D.currentTime / D.duration), c.current = requestAnimationFrame(y);
+      const M = m.current;
+      M && M.duration && !N && b(M.currentTime / M.duration), c.current = requestAnimationFrame(y);
     };
     return c.current = requestAnimationFrame(y), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
   }, [w, N]), Y(() => {
     const y = m.current;
-    y && (w ? y.play().catch((D) => {
+    y && (w ? y.play().catch((M) => {
       v(!1), $(!0);
     }) : y.pause());
   }, [w]), Y(() => {
     if (!N) return;
-    const y = (W) => b(P(W)), D = (W) => {
+    const y = (W) => b(P(W)), M = (W) => {
       _(!1), U(P(W));
     };
-    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", D), window.addEventListener("touchmove", y, { passive: !0 }), window.addEventListener("touchend", D), () => {
-      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", D), window.removeEventListener("touchmove", y), window.removeEventListener("touchend", D);
+    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);
     };
   }, [N, P, U]);
-  const te = S ? { aspectRatio: String(S) } : void 0, Q = S ? "" : " aspect-video", V = Math.round(x * 100);
+  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 ${Q}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
       style: te,
       onClick: (y) => {
         if (u) {
           u(y);
           return;
         }
-        E || o && v((D) => !D);
+        E || o && v((M) => !M);
       },
       onKeyDown: (y) => {
         if (!(y.key !== "Enter" && y.key !== " ")) {
@@ -929,7 +929,7 @@ const ja = (e) => {
             u(y);
             return;
           }
-          E || o && v((D) => !D);
+          E || o && v((M) => !M);
         }
       },
       children: [
@@ -941,7 +941,7 @@ const ja = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (h === "audio" || I) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: be(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"
         }) }),
@@ -955,7 +955,7 @@ const ja = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), M(!1);
+              R(!1), D(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => $(!1),
@@ -975,7 +975,7 @@ const ja = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), M(!1);
+              R(!1), D(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => $(!1),
@@ -990,7 +990,7 @@ const ja = (e) => {
           }
         ) }),
         F && !E && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          pe,
+          be,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -1017,14 +1017,14 @@ const ja = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": V,
+            "aria-valuenow": G,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: H,
-            onTouchStart: H,
+            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));
@@ -1033,7 +1033,7 @@ const ja = (e) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${V}%` }
+                style: { width: `${G}%` }
               }
             ) })
           }
@@ -1044,11 +1044,11 @@ const ja = (e) => {
             {
               type: "button",
               onClick: (y) => {
-                y.stopPropagation(), v((D) => !D);
+                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(at, { 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(
@@ -1056,14 +1056,14 @@ const ja = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": V,
+              "aria-valuenow": G,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: H,
-              onTouchStart: H,
+              onMouseDown: V,
+              onTouchStart: V,
               onClick: (y) => y.stopPropagation(),
               onMouseEnter: () => L(!0),
               onMouseLeave: () => L(!1),
@@ -1079,7 +1079,7 @@ const ja = (e) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${V}%` }
+                        style: { width: `${G}%` }
                       }
                     )
                   }
@@ -1088,7 +1088,7 @@ const ja = (e) => {
                   "div",
                   {
                     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: `${V}%` }
+                    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,
@@ -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: be(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: be(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: [
-            be(r, {
+            ve(r, {
               className: k(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
@@ -1244,7 +1244,7 @@ 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 ot(e) {
@@ -1278,7 +1278,7 @@ const ct = ({ 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 ct = ({ 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 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,13 +1356,13 @@ 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(
-        pe,
+        be,
         {
           className: "size-4 animate-spin text-white",
           weight: "bold"
         }
       ) : /* @__PURE__ */ f(z.Fragment, { children: [
-        /* @__PURE__ */ n(Ce, { className: "size-4 text-white", weight: "bold" }),
+        /* @__PURE__ */ n(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
@@ -1389,16 +1389,16 @@ function ut(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 = de(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,
@@ -1453,7 +1453,7 @@ const En = ({
   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(
-      we,
+      _e,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1483,7 +1483,7 @@ const En = ({
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(En, { ...a }) : /* @__PURE__ */ n(In, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(In, { ...a }) : /* @__PURE__ */ n(Tn, { ...a })
           }
         ) })
       }
@@ -1496,7 +1496,7 @@ const En = ({
   if (t)
     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(En, { ...s }) }) : null;
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
 }, er = ({
   message: e
 }) => {
@@ -1504,7 +1504,7 @@ const En = ({
   if (t)
     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(In, { ...s }) }) : null;
+  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 = je({}), no = Tn.Provider;
+}, An = je({}), no = An.Provider;
 function sr(e) {
-  return ve(Tn)[e] ?? nr[e];
+  return xe(An)[e] ?? nr[e];
 }
-const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import("./Card-ywEqVYy5.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
   }
-), Pe = (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,
@@ -1542,7 +1542,7 @@ 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) === oe.TIP;
-}, An = (e) => {
+}, Rn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
 }, Fe = (e) => {
@@ -1557,9 +1557,9 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
 }, dr = (e) => {
   var t;
   return mt(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Rn = (e) => or(e) || An(e), ur = (e) => {
+}, Ln = (e) => or(e) || Rn(e), ur = (e) => {
   var t;
-  return Rn(e) && !((t = e.text) != null && t.trim());
+  return Ln(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -1567,15 +1567,15 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Rn(e), i = Fe(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(J, { children: [
+      children: s && !o ? /* @__PURE__ */ f(K, { children: [
         h,
         m
-      ] }) : /* @__PURE__ */ f(J, { children: [
+      ] }) : /* @__PURE__ */ f(K, { children: [
         m,
         h
       ] })
@@ -1612,7 +1612,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       mask: Zt
     }
   }
-), Ln = je(
+), Mn = je(
   void 0
 ), hr = (e) => {
   var s;
@@ -1651,7 +1651,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
   const s = fr(e, t), [a, r] = B(s);
   return gr(a, s) ? a : (r(s), s);
 }, ht = () => {
-  const { message: e } = he("SentMessageDeliveryStatus"), { messages: t } = xe("SentMessageDeliveryStatus"), s = (() => {
+  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;
-}, Ze = () => ht() ? /* @__PURE__ */ f(J, { 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 = () => ht() ? /* @__PURE__ */ f(J, { children: [
+] }) : null, br = () => ht() ? /* @__PURE__ */ f(K, { children: [
   /* @__PURE__ */ n(
-    pe,
+    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(J, { 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,14 +1701,14 @@ 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,
   resolvedOutbound: t
 }) => {
   var h;
-  const { isMyMessage: s, message: a, threadList: r } = he(
+  const { isMyMessage: s, message: a, threadList: r } = fe(
     "SentMessageDeliveryStatus"
   ), i = s(), o = ht();
   if (r)
@@ -1724,7 +1724,7 @@ const ar = z.lazy(() => import("./Card-DaJtDL7m.js")), rr = z.lazy(() => import(
       onOutboundClick: e
     }
   ) : null, u = /* @__PURE__ */ n(
-    ds,
+    us,
     {
       MessageSentStatus: Ze,
       MessageDeliveredStatus: Ze,
@@ -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,
@@ -1868,14 +1868,19 @@ const Nr = {
       ] }),
       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", Se = ({
+), 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"
-}, Ie = (e, t) => !!t && !!e && de(e) === "audio", pt = (e, t) => {
+}, Te = (e, t) => !!t && !!e && de(e) === "audio", pt = (e, t) => {
   if (!t || !e) return !1;
   const s = de(e);
   return s === "video" || s === "audio";
-}, bt = "bg-[#F2F3F4]", Ee = ({
+}, bt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -1987,7 +1992,7 @@ const Nr = {
   onImageError: d
 }) => {
   const u = de(r), h = !!s && u === "video", m = ce(t);
-  return !l && Ie(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  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(J, { 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: be(r, {
+            children: ve(r, {
               className: Ar[e],
               weight: "regular"
             })
@@ -2080,9 +2085,9 @@ 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 Ve({
   variant: e,
@@ -2099,7 +2104,7 @@ function Ve({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Ie(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 = Ie(i, l), b = Ve({
+  const v = d === "classic", x = Te(i, l), b = Ve({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -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(Se, { variant: "dark", bgClassName: bt, 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(
-      Ee,
+      Ie,
       {
         variant: "dark",
         sourceUrl: l,
@@ -2169,7 +2174,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ) }),
     N && /* @__PURE__ */ n("div", { className: "shrink-0", children: N })
   ] }) }) : /* @__PURE__ */ f(
-    Se,
+    Ee,
     {
       variant: "dark",
       fixedHeight: !v,
@@ -2178,7 +2183,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       topRight: v ? N : void 0,
       children: [
         !v && /* @__PURE__ */ n(
-          Ee,
+          Ie,
           {
             variant: "dark",
             thumbnailUrl: b.thumbnailUrl,
@@ -2235,7 +2240,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(J, { children: a }), Fr = ({
+) : /* @__PURE__ */ n(K, { children: a }), Fr = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2251,7 +2256,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  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" && Ie(r, o) ? bt : void 0, N = 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;
@@ -2273,7 +2278,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       side: "receiver",
       visible: b == null && (c === "single" || c === "end"),
       children: /* @__PURE__ */ f(
-        Se,
+        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(
-              Ee,
+              Ie,
               {
                 variant: "light",
                 thumbnailUrl: _.thumbnailUrl,
@@ -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 = 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" && Ie(i, l), _ = Ve({
+  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,
@@ -2350,7 +2355,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       side: "sender",
       visible: !N && (p === "single" || p === "end"),
       children: /* @__PURE__ */ f(
-        Se,
+        Ee,
         {
           variant: "dark",
           href: x,
@@ -2361,7 +2366,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           bgClassName: N ? bt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
-              Ee,
+              Ie,
               {
                 variant: "dark",
                 thumbnailUrl: _.thumbnailUrl,
@@ -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]"
   }
-}, Te = ({
+}, 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
       ]
     }
   );
-}, Ae = ({
+}, Re = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -2509,7 +2514,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ),
     children: /* @__PURE__ */ n(it, { className: "size-3", weight: "bold" })
   }
-), Re = (e) => e === "received" ? "light" : "dark", so = ({
+), Le = (e) => e === "received" ? "light" : "dark", so = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: 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 = Re(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(
-    Te,
+    Ae,
     {
       variant: u,
       text: i,
@@ -2560,7 +2565,7 @@ 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(Ae, { onClick: d, variant: "inline" }) : void 0
+            h && p === 0 ? /* @__PURE__ */ n(Re, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${p}`
@@ -2595,7 +2600,7 @@ function Qr(e, t) {
   }
   if (!e) return;
   if (de(e) === "document") {
-    const r = yn(e), i = Jr[r];
+    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: be(a, {
+      children: ve(a, {
         className: k("size-6", si[e]),
         weight: "regular"
       })
@@ -2674,7 +2679,7 @@ const ti = {
         m
       ]
     }
-  ) : /* @__PURE__ */ f(J, { 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,
@@ -2738,7 +2743,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Re(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(Ce, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Se, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    Te,
+    Ae,
     {
       variant: m,
       text: l,
@@ -2779,7 +2784,7 @@ const ai = ({
           item: v,
           index: x,
           onActivate: p,
-          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Ae, { onClick: h, variant: "inline" }) : w
+          trailingAction: g && x === 0 ? /* @__PURE__ */ n(Re, { onClick: h, variant: "inline" }) : w
         },
         `${v.src}-${x}`
       )) })
@@ -2789,12 +2794,12 @@ const ai = ({
   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", _t = ({
+}, 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(J, { 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 = Z(
+  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(
-        pe,
+        be,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        Ce,
+        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(pe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ce, { 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,13 +2894,13 @@ const ai = ({
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          pe,
+          be,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(Ce, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Se, { ...g, "aria-hidden": !0 }),
         h ? null : a
       ]
     }
@@ -2911,9 +2916,9 @@ const ai = ({
   }, [s, t, e]), Y(() => {
     i((d) => Je(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = Z(() => {
+  const o = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = Z(() => {
+  }, [e]), l = q(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return Y(() => {
@@ -2934,7 +2939,7 @@ const ai = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = j(null), d = j(null);
+  const l = H(null), d = H(null);
   return Y(() => {
     var g;
     const m = l.current;
@@ -3005,7 +3010,7 @@ const ai = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: zn,
+                className: Fn,
                 children: /* @__PURE__ */ n(it, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
@@ -3015,7 +3020,7 @@ const ai = ({
       ]
     }
   );
-}, $n = ({
+}, Bn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3026,7 +3031,7 @@ const ai = ({
     initialIndex: s,
     open: e
   }), l = t[r], d = le(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "image"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
@@ -3037,7 +3042,7 @@ const ai = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        Fn,
+        $n,
         {
           url: l.src,
           filename: d,
@@ -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 = ({
       })
     }
   );
-}, Le = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = Z(
+}, 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 = Z(() => s(!1), []);
+  ), o = q(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
 }, gi = ({
   item: e,
@@ -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 } = Le(r);
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Me(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
       "button",
@@ -3248,12 +3253,12 @@ const ai = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ae, { 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,7 +3294,7 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = pi({ src: t, alt: s, items: r }), h = Re(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Le(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(
@@ -3303,7 +3308,7 @@ const ai = ({
     })
   );
   return /* @__PURE__ */ f(
-    Te,
+    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
@@ -3349,7 +3354,7 @@ const ai = ({
     initialIndex: s,
     open: e
   }), l = t[r], d = le(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
   ), u = le(
     () => l ? Ci(l.src) : void 0,
@@ -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,
@@ -3428,15 +3433,15 @@ const ai = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Re(e), m = Si({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(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(
-    Te,
+    Ae,
     {
       variant: h,
       text: o,
@@ -3444,8 +3449,8 @@ const ai = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, N) => {
-          const _ = b.filename ?? ae(b.src), T = v && N === 0 ? /* @__PURE__ */ n(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            Fn,
+          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: _,
@@ -3482,7 +3487,7 @@ const ai = ({
   Composer: Ii,
   Sent: Ti,
   Received: Ai
-}, Hn = ({
+}, Vn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3493,7 +3498,7 @@ const ai = ({
     initialIndex: s,
     open: e
   }), l = t[r], d = le(
-    () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "video"),
+    () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ f(
@@ -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(at, { 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 } = Le(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(Ae, { 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 = Re(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Le(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(
-    Te,
+    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
-}, Ne = {
+}, ke = {
   Image: Ni,
   Video: $i,
   Audio: Kr,
@@ -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 Ne.Image;
+      return ke.Image;
     case "video":
-      return Ne.Video;
+      return ke.Video;
     case "audio":
-      return Ne.Audio;
+      return ke.Audio;
     case "pdf":
-      return Ne.Pdf;
+      return ke.Pdf;
     default:
-      return Ne.File;
+      return ke.File;
   }
 }
 function Gi(e, t) {
@@ -3843,7 +3848,7 @@ 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;
@@ -3943,67 +3948,67 @@ const Wi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = xe("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = ms(c.id), {
-    Attachment: M = hs,
-    EditMessageModal: S = 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: A = gs,
-    MessageBouncePrompt: P = ps,
-    MessageDeleted: U = bs,
-    MessageIsThreadReplyInChannelButtonIndicator: H = vs,
-    MessageRepliesCountButton: te = xs,
-    ReminderNotification: Q = ws,
-    StreamedMessageText: V = _s,
+    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"), D = ys(c), W = Ns(c), X = le(
+  } = dn("CustomMessage"), M = Ns(c), W = ks(c), Q = le(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), G = le(() => {
-    const me = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...me] : me;
-    if (!Fe(c)) return ge;
-    const Ut = ge.filter((jt) => !("type" in jt) || !Sn(jt));
-    return Ut.length === ge.length ? ge : Ut;
-  }, [c]), q = le(
-    () => Xn(G),
-    [G]
-  ), K = le(() => {
-    const me = _n({ message: c, viewerLanguage: v });
-    return me === c.text ? c : { ...c, text: me };
-  }, [c, v]), se = q.length > 0, Me = q.reduce(
-    (me, ge) => me + ge.attachments.length,
+  ), 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 = J.length > 0, ue = J.reduce(
+    (he, pe) => he + pe.attachments.length,
     0
-  ) === ((G == null ? void 0 : G.length) ?? 0), re = (i == null ? void 0 : i[0]) ?? "", De = re === "top" ? "first" : re === "middle" ? "middle" : re === "bottom" ? "end" : "single", ne = re === "single" || re === "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))
+  if (Ss(c))
     return /* @__PURE__ */ n(A, {});
-  const ue = !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 = Ss(c);
-  let fe;
-  Ct ? fe = () => u(c) : St && (fe = () => R(!0));
-  const ee = g(), ts = k(
+  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}`,
     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": D,
+      "str-chat__message--has-attachment": M,
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
       "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": ue || ie,
+      "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
     }
-  ), Ge = c.poll_id && N.polls.fromState(c.poll_id), Et = ur(c), _e = Fe(c), ns = mt(c), Ye = !!(G != null && G.length && !c.quoted_message), It = _e && ee && Ye, ss = se && Me && !c.quoted_message && !Ge && !X && !_e, 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(ze, { message: K, 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,
@@ -4014,7 +4019,7 @@ const Wi = ({
     paymentStatus: (Bt = c.metadata) == null ? void 0 : Bt.payment_status,
     onFetchSource: E ? () => E(c, _) : void 0
   };
-  return /* @__PURE__ */ f(J, { children: [
+  return /* @__PURE__ */ f(K, { children: [
     s && /* @__PURE__ */ n(
       S,
       {
@@ -4022,7 +4027,7 @@ const Wi = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      Es,
+      Is,
       {
         MessageBouncePrompt: P,
         onClose: () => R(!1),
@@ -4032,14 +4037,14 @@ const Wi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: ts,
+        className: ns,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           y && /* @__PURE__ */ n(y, {}),
-          !!I && /* @__PURE__ */ n(Q, { reminder: I }),
+          !!I && /* @__PURE__ */ n(Z, { reminder: I }),
           c.user && /* @__PURE__ */ n(
-            we,
+            _e,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -4047,7 +4052,7 @@ const Wi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: _e
+              dmAgentEnabled: ye
             }
           ),
           /* @__PURE__ */ n(
@@ -4057,10 +4062,10 @@ const Wi = ({
                 "str-chat__simple-message--error-failed": Ct || St
               }),
               "data-testid": "message-inner",
-              onClick: fe,
-              onKeyDown: fe,
-              role: fe ? "button" : void 0,
-              tabIndex: fe ? 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
@@ -4105,28 +4110,28 @@ const Wi = ({
                   "div",
                   {
                     className: k("str-chat__message-bubble", {
-                      "relative isolate": ne
+                      "relative isolate": se
                     }),
                     children: [
                       /* @__PURE__ */ n(
                         ze,
                         {
-                          message: K,
+                          message: X,
                           renderText: p
                         }
                       ),
-                      ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                      se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                     ]
                   }
                 )
-              ] }) : ss ? /* @__PURE__ */ n(
+              ] }) : as ? /* @__PURE__ */ n(
                 Wi,
                 {
                   groupPosition: De,
                   isMyMessage: ee,
                   message: {
-                    ...K,
-                    attachments: G,
+                    ...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,10 +4143,10 @@ const Wi = ({
                 "div",
                 {
                   className: k("str-chat__message-bubble", {
-                    "relative isolate": ne
+                    "relative isolate": se
                   }),
                   children: [
-                    _e && !It && /* @__PURE__ */ n(
+                    ye && !It && /* @__PURE__ */ n(
                       Ke,
                       {
                         message: c,
@@ -4149,35 +4154,35 @@ const Wi = ({
                         isMyMessage: ee
                       }
                     ),
-                    Ge && /* @__PURE__ */ n(Is, { poll: Ge }),
-                    G != null && G.length && !c.quoted_message ? /* @__PURE__ */ n(
-                      M,
+                    Ge && /* @__PURE__ */ n(Ts, { poll: Ge }),
+                    j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
+                      D,
                       {
                         actionHandler: l,
-                        attachments: G
+                        attachments: j
                       }
                     ) : null,
-                    X ? /* @__PURE__ */ n(
-                      V,
+                    Q ? /* @__PURE__ */ n(
+                      G,
                       {
-                        message: K,
+                        message: X,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
                       ze,
                       {
-                        message: K,
+                        message: X,
                         renderText: p
                       }
                     ),
                     /* @__PURE__ */ n(nt, {}),
-                    ne && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                    se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ns && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!_e || It) && /* @__PURE__ */ n(
+          !ss && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || It) && /* @__PURE__ */ n(
             Ke,
             {
               message: c,
@@ -4192,14 +4197,14 @@ const Wi = ({
               resolvedOutbound: b
             }
           ),
-          ue && /* @__PURE__ */ n(
+          me && /* @__PURE__ */ n(
             te,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ n(H, {})
+          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 = he("CustomMessage"), s = ve(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,
     {
@@ -4224,32 +4229,32 @@ const Wi = ({
   );
 }, Zi = () => {
   var s;
-  const { handleDelete: e, message: t } = he("CustomMessageActions");
+  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 } = he("CustomMessageActions");
+  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 } = he("CustomMessageActions");
+  const { message: e } = fe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
     wa,
     {
@@ -4264,7 +4269,7 @@ const Wi = ({
     (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) => {
@@ -4330,7 +4335,7 @@ const Wi = ({
       );
     }) })
   ) : null;
-}, Be = z.createContext(!1), nl = 200, ao = () => ve(Be), 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 = ve(Be), { 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 } = xe(), 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;
@@ -4496,7 +4501,7 @@ const Wi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ f(J, { 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()
@@ -4563,18 +4568,18 @@ 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
@@ -4584,7 +4589,7 @@ const Wi = ({
   if (t === -1)
     return e;
   const s = t + Qe.length;
-  return /* @__PURE__ */ f(J, { children: [
+  return /* @__PURE__ */ f(K, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -4614,7 +4619,7 @@ const Wi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              ha,
+              va,
               {
                 size: 16,
                 weight: "regular",
@@ -4640,7 +4645,7 @@ const Wi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              fa,
+              xa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4664,7 +4669,7 @@ const Wi = ({
     ] }),
     !t && /* @__PURE__ */ n(We, { message: e.message })
   ] });
-}, qn = je(!1), et = ({ 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",
@@ -4680,7 +4685,7 @@ const Wi = ({
   Xe.ExternalSources
 ]), fl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = xe(), { client: r } = He(), { typing: i = {} } = Ps(), { aiState: o } = zs(t), l = ve(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(
-        we,
+        _e,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4850,16 +4855,16 @@ const vl = ({
   resolveOutbound: $,
   composerInput: F
 }) => {
-  const { channel: R, messages: I } = xe(), M = j(E);
+  const { channel: R, messages: I } = we(), D = H(E);
   Y(() => {
-    M.current = E;
+    D.current = E;
   }, [E]);
-  const S = Z((Q) => {
-    var V;
-    (V = M.current) == null || V.call(M, Q);
+  const S = q((Z) => {
+    var G;
+    (G = D.current) == null || G.call(D, Z);
   }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
-    (Q) => Q.type !== "deleted"
-  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, H = /* @__PURE__ */ n(
+    (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%)]",
@@ -4879,22 +4884,22 @@ const vl = ({
       renderChannelActions: b,
       onParticipantNameClick: L
     }
-  ), te = Z(
-    (Q) => {
-      const { message: V } = he("ChannelView"), y = /* @__PURE__ */ n(
+  ), te = q(
+    (Z) => {
+      const { message: G } = fe("ChannelView"), y = /* @__PURE__ */ n(
         Ki,
         {
-          ...Q,
+          ...Z,
           viewerLanguage: _,
           onOutboundClick: C
         }
       );
-      return !N || !V ? y : N(y, V);
+      return !N || !G ? y : N(y, G);
     },
     [C, N, _]
   );
-  return /* @__PURE__ */ n(Ln.Provider, { value: A, children: /* @__PURE__ */ n(
-    $s,
+  return /* @__PURE__ */ n(Mn.Provider, { value: A, children: /* @__PURE__ */ n(
+    Bs,
     {
       overrides: {
         Message: te,
@@ -4902,21 +4907,21 @@ const vl = ({
         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: [
-                H,
+                V,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Vt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    H,
+                    V,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4943,21 +4948,21 @@ const vl = ({
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ f(J, { 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: [
-                H,
+                V,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Vt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    H,
+                    V,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4985,7 +4990,7 @@ const vl = ({
       ] }) })
     }
   ) });
-}, Kn = z.memo(
+}, Zn = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -5015,55 +5020,58 @@ const vl = ({
     renderMessage: F,
     onMessageLinkClick: R,
     sendButton: I,
-    attachmentPreviewList: M,
+    attachmentPreviewList: D,
     viewerLanguage: S,
     showChannelInfo: C = !0,
     onParticipantNameClick: A,
     onOutboundClick: P,
     resolveOutbound: U,
-    composerInput: H
+    composerInput: V
   }) => {
-    const te = Z(
-      async (V, y, D) => {
-        var se;
-        const W = ((se = e.data) == null ? void 0 : se.chatbot_paused) === !0, X = b && !W, G = {
-          ...y,
-          ...X && { silent: !0 },
+    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: {
-              ...y.metadata ?? {},
+              ...M.metadata ?? {},
               ...N
             }
           }
-        }, q = {
-          ...D,
-          ...X && { skip_push: !0 }
-        }, K = await e.sendMessage(G, q);
-        return _ == null || _(K), K;
+        }, X = {
+          ...W,
+          ...j && { skip_push: !0 }
+        }, ne = await e.sendMessage(J, X);
+        return _ == null || _(ne), ne;
       },
       [e, b, N, _]
-    ), Q = j(null);
-    return Y(() => {
+    ), Z = H(null);
+    Y(() => {
       if (!R) return;
-      const V = Q.current;
-      if (!V) return;
-      const y = (D) => {
-        const W = D.target, X = W == null ? void 0 : W.closest("a[href]"), G = X == null ? void 0 : X.getAttribute("href");
-        if (!G) return;
-        const q = X == null ? void 0 : X.closest("[data-message-id]"), K = q == null ? void 0 : q.getAttribute("data-message-id"), se = K ? e.state.messages.find((Me) => Me.id === K) : void 0;
-        R(G, se);
+      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 V.addEventListener("click", y), () => V.removeEventListener("click", y);
-    }, [R, 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: Q,
+        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,
@@ -5073,7 +5081,7 @@ const vl = ({
             TypingIndicator: fl,
             doSendMessageRequest: te,
             ...I ? { SendButton: I } : {},
-            ...M ? { AttachmentPreviewList: M } : {},
+            ...D ? { AttachmentPreviewList: D } : {},
             children: /* @__PURE__ */ n(
               vl,
               {
@@ -5103,7 +5111,7 @@ const vl = ({
                 onParticipantNameClick: A,
                 onOutboundClick: P,
                 resolveOutbound: U,
-                composerInput: H
+                composerInput: V
               }
             )
           }
@@ -5112,8 +5120,8 @@ const vl = ({
     );
   }
 );
-Kn.displayName = "ChannelView";
-const ke = 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,7 +5135,7 @@ const ke = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-ke.displayName = "ErrorState";
+Ce.displayName = "ErrorState";
 const ro = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -5159,60 +5167,60 @@ const ro = ({
     isLoading: F,
     error: R,
     refreshConnection: I,
-    service: M,
+    service: D,
     debug: S
-  } = _a(), [C, A] = B(null), [P, U] = B(null), [H, te] = B(!1), { showDeleteConversation: Q = !0 } = e, V = j(o);
-  V.current = o;
-  const y = j(a);
+  } = _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 D = j(null), W = j(null);
+  const M = H(null), W = H(null);
   Y(() => {
     W.current = C;
   }, [C]), Y(() => {
     if (!E || !$) return;
-    const q = E.userID;
-    if (!q) return;
-    const K = `${q}::${i}`;
-    if (D.current === K) return;
-    D.current = K;
-    const se = () => {
-      D.current === K && (D.current = null);
+    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 re, De;
+      var ae, De;
       try {
         S && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ne = await E.queryChannels(
+        const se = await E.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [q, i] }
+            members: { $eq: [J, i] }
           },
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          A(ne[0]), U(null), (re = y.current) == null || re.call(y, ne[0]), S && console.log(
+        if (se.length > 0) {
+          A(se[0]), U(null), (ae = y.current) == null || ae.call(y, se[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            se[0].id
           );
           return;
         }
-        const ue = V.current;
-        if (!ue || !M) {
-          se(), U("No conversation found with this account"), S && 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:",
             i
           );
           return;
         }
         try {
-          const ie = await M.startChannelWithParticipant({
-            id: ue.id,
-            name: ue.name,
-            phone: ue.phone
+          const ie = await D.startChannelWithParticipant({
+            id: me.id,
+            name: me.name,
+            phone: me.phone
           });
           A(ie), U(null), (De = y.current) == null || De.call(y, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
@@ -5222,39 +5230,39 @@ const ro = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             ie
-          ), se(), U("Failed to create conversation");
+          ), ne(), U("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (se) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
-        ), se(), W.current || U("Failed to load conversation");
+          se
+        ), ne(), W.current || U("Failed to load conversation");
       }
     })();
-  }, [i, E, $, M, S]);
-  const X = j(r);
-  X.current = r;
-  const G = Z(() => {
-    var q;
-    A(null), te(!0), (q = X.current) == null || q.call(X);
+  }, [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 F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(ke, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
-    ke,
+  return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
+    Ce,
     {
       message: "Not connected to messaging service",
       onBack: I
     }
-  ) : P ? /* @__PURE__ */ n(ke, { message: P }) : H && !C ? /* @__PURE__ */ n(ke, { 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(
-    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: C,
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: c,
-      onLeaveConversation: G,
-      onBlockParticipant: G,
+      onLeaveConversation: j,
+      onBlockParticipant: j,
       CustomChannelEmptyState: l,
-      showDeleteConversation: Q,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: h,
@@ -5279,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: () => {
   },
@@ -5287,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) => {
@@ -5307,7 +5315,7 @@ const Zn = z.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Jn = z.memo(
+}, Qn = z.memo(
   (e) => {
     var $, F, R;
     const { channel: t, unread: s } = e, {
@@ -5317,7 +5325,7 @@ const Zn = z.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = _l(), { client: u } = He(), 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,
@@ -5332,30 +5340,30 @@ const Zn = z.createContext({
     const g = () => {
       t && r(t);
     }, c = (I) => {
-      const M = I.key === "Enter" || I.key === " ", S = I.repeat;
-      !M || S || (I.preventDefault(), g());
-    }, p = vn(
+      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 = (() => {
-      var M;
-      const I = (M = t == null ? void 0 : t.state) == null ? void 0 : M.messages;
+    ), 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 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];
       }
     })(), N = (() => {
       var A;
-      const I = _n({
+      const I = yn({
         message: x,
         viewerLanguage: d
-      }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
-      if (M === oe.TIP)
+      }), { custom_type: D, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
+      if (D === oe.TIP)
         return I || "Sent a tip";
-      if (M === oe.PAID)
+      if (D === oe.PAID)
         return I || "Sent a message";
-      if (M === oe.ATTACHMENT) {
+      if (D === oe.ATTACHMENT) {
         if (S === "text")
           return "🔒 Sent a locked message";
         if (S === "media")
@@ -5388,7 +5396,7 @@ const Zn = z.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ f("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            we,
+            _e,
             {
               id: ((R = p == null ? void 0 : p.user) == null ? void 0 : R.id) || t.id || "unknown",
               name: w,
@@ -5423,7 +5431,7 @@ const Zn = z.createContext({
     );
   }
 );
-Jn.displayName = "CustomChannelPreview";
+Qn.displayName = "CustomChannelPreview";
 const kl = { last_message_at: -1 }, Cl = z.memo(
   ({
     onChannelSelect: e,
@@ -5434,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,
@@ -5486,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,
@@ -5500,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)}`
@@ -5525,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,
@@ -5582,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(J, { children: [
+  ] }) : /* @__PURE__ */ f(K, { children: [
     c,
     /* @__PURE__ */ n(
       on,
@@ -5655,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(
-    Ee,
+    Ie,
     {
       variant: e,
       thumbnailUrl: r,
@@ -5664,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,
@@ -5676,7 +5684,7 @@ 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 = Ve({
@@ -5692,7 +5700,7 @@ const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       side: e === "dark" ? "sender" : "receiver",
       visible: p,
       children: /* @__PURE__ */ f(
-        Se,
+        Ee,
         {
           variant: e,
           accentHex: c.accentHex,
@@ -5726,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 = {
@@ -5756,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,
@@ -5788,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,
@@ -5796,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 = ({
@@ -5830,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(
-      we,
+      _e,
       {
         id: o || "account",
         name: o || "Account",
@@ -5864,8 +5872,8 @@ 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,
@@ -5874,15 +5882,15 @@ export {
   rt as L,
   to as M,
   io as R,
-  ye as a,
-  we as b,
+  Ne as a,
+  _e as b,
   Cl as c,
-  Kn as d,
+  Zn as d,
   no as e,
   Vl as f,
   de as g,
   Pe as h,
-  Ne as i,
+  ke as i,
   lo as j,
   eo as k,
   ro as l,
@@ -5891,14 +5899,14 @@ export {
   ce as o,
   Nl as p,
   Qr as q,
-  be 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,
+  xn as x,
   dt as y,
   ut as z
 };
-//# sourceMappingURL=index-qmB9uCbU.js.map
+//# sourceMappingURL=index-Cxj0F8aQ.js.map