@linktr.ee/messaging-react 4.1.1 → 4.1.2

package/dist/{index-t0Okjl1p.js → index-C1cbPKI7.js}

@@ -1,13 +1,13 @@
 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 as, Suspense as rs, useMemo as le } from "react";
-import { StreamChatService as is } from "@linktr.ee/messaging-core";
-import { StreamChat as ls, LinkPreviewsManager as nt } from "stream-chat";
-import { Chat as os, useChannelStateContext as we, useChatContext as He, DateSeparator as cs, useMessageContext as fe, MessageStatus as ds, MessageErrorIcon as st, MessageText as ze, areMessageUIPropsEqual as us, useMessageReminder as ms, useComponentContext as un, 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 Vt, useMessageInputContext as Rs, useMessageComposerHasSendableData as Ls, AttachmentPreviewList as Ms, QuotedMessagePreview as Ds, TextareaComposer as Os, MessageTimestamp as Xe, AIStates as qe, useTypingContext as Ps, useAIState as zs, Channel as Fs, WithComponents as $s, Window as Bs, MessageList as Gt, ChannelList as Us, InfiniteScroll as js } from "stream-chat-react";
-import { isOfficialChannel as mn, OFFICIAL_SENDER_USER_ID as Hs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as Vs, resolveRichCardImagePresentation as Gs, selectEnabledFaqs as Ys } from "@linktr.ee/messaging-taxonomy";
-import k from "classnames";
-import { StarIcon as at, DotsThreeIcon as Ws, SpinnerGapIcon as Oe, SignOutIcon as Xs, ProhibitInsetIcon as Wt, FlagIcon as hn, CurrencyDollarIcon as qs, CaretRightIcon as fn, ArrowLeftIcon as Ks, FileIcon as gn, ImageIcon as Zs, SpeakerHighIcon as Js, VideoCameraIcon as pn, FileMdIcon as Qs, FileTextIcon as ea, FileZipIcon as ta, FilePptIcon as na, FileCsvIcon as sa, FileXlsIcon as aa, FileDocIcon as ra, FilePdfIcon as ia, CircleNotchIcon as be, PlayIcon as rt, PauseIcon as la, LinkIcon as oa, DownloadSimpleIcon as Se, GiftIcon as ca, WarningCircleIcon as da, MegaphoneIcon as ua, ChecksIcon as ma, XIcon as lt, PencilSimpleIcon as ha, CaretLeftIcon as fa, TrashSimpleIcon as ga, ArrowUpIcon as pa, SparkleIcon as ba, ProhibitIcon as va } from "@phosphor-icons/react";
-import { MessageActions as xa, DefaultDropdownActionButton as bn } from "stream-chat-react/experimental";
-const vn = je({
+import z, { createContext as je, useContext as xe, useCallback as X, useState as B, useRef as V, useEffect as W, 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 nt } from "stream-chat";
+import { Chat as cs, useChannelStateContext as we, useChatContext as He, DateSeparator as ds, useMessageContext as fe, MessageStatus as us, MessageErrorIcon as st, MessageText as ze, areMessageUIPropsEqual as ms, useMessageReminder as hs, useComponentContext as mn, 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 Vt, useMessageInputContext as Ls, useMessageComposerHasSendableData as Ms, AttachmentPreviewList as Ds, QuotedMessagePreview as Os, TextareaComposer as Ps, MessageTimestamp as Xe, AIStates as qe, useTypingContext as zs, useAIState as Fs, Channel as $s, WithComponents as Bs, Window as Us, MessageList as Gt, ChannelList as js, InfiniteScroll as Hs } from "stream-chat-react";
+import { isOfficialChannel as hn, OFFICIAL_SENDER_USER_ID as Vs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Yt, isAgeSafetySystemType as Gs, resolveRichCardImagePresentation as Ys, selectEnabledFaqs as Ws } from "@linktr.ee/messaging-taxonomy";
+import N from "classnames";
+import { StarIcon as at, DotsThreeIcon as Xs, SpinnerGapIcon as Oe, SignOutIcon as qs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as Ks, CaretRightIcon as gn, ArrowLeftIcon as Zs, FileIcon as pn, ImageIcon as Js, SpeakerHighIcon as Qs, VideoCameraIcon as bn, 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 rt, PauseIcon as oa, LinkIcon as ca, DownloadSimpleIcon as Se, GiftIcon as da, WarningCircleIcon as ua, MegaphoneIcon as ma, ChecksIcon as ha, XIcon as lt, 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 vn } from "stream-chat-react/experimental";
+const xn = je({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const vn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => xe(vn), Ql = ({
+}), ot = () => xe(xn), eo = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -27,7 +27,7 @@ const vn = je({
   client: o
 }) => {
   var S, C;
-  const l = q(
+  const l = X(
     (A, ...P) => {
       i && console.log(`🔥 [MessagingProvider] ${A}`, ...P);
     },
@@ -39,16 +39,16 @@ const vn = 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 = H(!1), N = H(null), _ = H(s);
+  const [d, u] = B(null), [h, m] = B(null), [g, c] = B(!1), [p, w] = B(!1), [v, x] = B(null), b = V(!1), y = V(null), _ = V(s);
   _.current = s;
-  const T = H(i);
+  const T = V(i);
   T.current = i;
-  const L = H({
+  const L = V({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), E = H(0);
+  }), E = V(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,13 +64,13 @@ const vn = je({
     serviceConfig: s,
     capabilities: r
   };
-  const $ = H(null);
-  !o && a && ((S = $.current) == null ? void 0 : S.apiKey) !== a && ($.current = { apiKey: a, client: new ls(a) });
+  const $ = V(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(() => {
+  W(() => {
     const A = E.current, P = _.current;
     if (o) {
-      N.current = null, u(null), m(null), c(!1), x(null), w(!1);
+      y.current = null, u(null), m(null), c(!1), x(null), w(!1);
       return;
     }
     if (!a || !F || !P) {
@@ -84,19 +84,19 @@ const vn = 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,
       client: F
     });
-    N.current = U, u(U), l("✅ SERVICE SET", {
+    y.current = U, u(U), l("✅ SERVICE SET", {
       renderCount: A,
       serviceInstance: !!U
     });
   }, [a, F, o]);
-  const R = H(null);
-  Y(() => {
+  const R = V(null);
+  W(() => {
     var P, U;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!d,
@@ -126,16 +126,16 @@ const vn = je({
       l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, w(!0), x(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const V = await d.connectUser(t);
-        m(V), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const G = await d.connectUser(t);
+        m(G), c(!0), R.current = { serviceId: d, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: V.userID
+          clientId: G.userID
         });
-      } catch (V) {
-        const te = V instanceof Error ? V.message : "Connection failed";
-        x(te), l("❌ USER CONNECTION ERROR", {
+      } catch (G) {
+        const ee = G instanceof Error ? G.message : "Connection failed";
+        x(ee), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: te
+          error: ee
         });
       } finally {
         w(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
@@ -144,14 +144,14 @@ const vn = je({
         });
       }
     })();
-  }, [d, t, l, g, o]), Y(() => {
+  }, [d, t, l, g, o]), W(() => {
     const A = F;
     return () => {
       var P;
-      A && (R.current = null, (P = N.current) == null || P.disconnectUser().catch(console.error));
+      A && (R.current = null, (P = y.current) == null || P.disconnectUser().catch(console.error));
     };
   }, [F]);
-  const I = q(async () => {
+  const I = X(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -175,7 +175,7 @@ const vn = je({
         w(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
       }
     }
-  }, [d, t, l, o]), D = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [d, t, l, o]), M = z.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!d,
     hasClient: !!h,
     isConnected: g,
@@ -214,9 +214,9 @@ const vn = je({
   return l("🔄 RENDER END", {
     renderCount: E.current,
     willRenderChat: !!F,
-    contextValueReady: !!D
-  }), /* @__PURE__ */ n(vn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
-    os,
+    contextValueReady: !!M
+  }), /* @__PURE__ */ n(xn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
+    cs,
     {
       client: F,
       customClasses: {
@@ -225,12 +225,12 @@ const vn = je({
       children: e
     }
   ) : e });
-}, wa = () => ot(), xn = (e) => {
+}, _a = () => ot(), wn = (e) => {
   var a, r;
   const [t, s] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return Y(() => {
+  return W(() => {
     var o;
     if (!e) {
       s(!1);
@@ -248,13 +248,13 @@ const vn = je({
     };
   }, [e]), t;
 };
-function wn(e, t, s) {
+function _n(e, t, s) {
   const a = Object.values(e || {});
-  if (mn(s)) {
+  if (hn(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Hs;
+        return ((o = i.user) == null ? void 0 : o.id) === Vs;
       }
     );
     if (r) return r;
@@ -266,15 +266,15 @@ function wn(e, t, s) {
     }
   );
 }
-const _a = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function ya(e) {
-  return _a.test(e.trim());
+const ya = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Na(e) {
+  return ya.test(e.trim());
 }
 function Xt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !ya(s);
+  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Na(s);
 }
-function _n(e) {
+function yn(e) {
   return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const qt = [
@@ -305,7 +305,7 @@ const qt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function Na(e) {
+function ka(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -313,14 +313,14 @@ function Na(e) {
   }
   return Math.abs(t);
 }
-function yn(e) {
-  return qt[Na(e) % qt.length];
-}
-function ka(e) {
-  return yn(e).emoji;
+function Nn(e) {
+  return qt[ka(e) % qt.length];
 }
 function Ca(e) {
-  return yn(e).bgColor;
+  return Nn(e).emoji;
+}
+function Sa(e) {
+  return Nn(e).bgColor;
 }
 const _e = ({
   id: e,
@@ -331,11 +331,11 @@ const _e = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = ka(e), d = Ca(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
+  const l = Ca(e), d = Sa(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, g = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, p = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n("img", { src: t, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ n(
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: N(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: m, lineHeight: 1 },
@@ -345,7 +345,7 @@ const _e = ({
   return /* @__PURE__ */ f(
     "div",
     {
-      className: k("relative flex-shrink-0", a),
+      className: N("relative flex-shrink-0", a),
       style: {
         "--str-chat__avatar-size": `${s}px`,
         width: `${s}px`,
@@ -366,7 +366,7 @@ const _e = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k("h-full w-full", "bg-transparent"),
+            className: N("h-full w-full", "bg-transparent"),
             style: {
               ...c,
               ...o && {
@@ -382,7 +382,7 @@ const _e = ({
       ]
     }
   );
-}, Sa = "https://linktr.ee/s/about/trust-center/report", Ea = ({
+}, Ea = "https://linktr.ee/s/about/trust-center/report", Ia = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -395,9 +395,9 @@ const _e = ({
   onActionComplete: u,
   logLabel: h = "useChannelModerationActions"
 }) => {
-  var D;
-  const { service: m, debug: g } = ot(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, p = !!(a && s && m && c), [w, v] = B(!1), [x, b] = B(null), [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(() => {
+  var M;
+  const { service: m, debug: g } = ot(), 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), [y, _] = B(!1), [T, L] = B(!1), E = p && ((x == null ? void 0 : x.participantId) !== c || (x == null ? void 0 : x.service) !== m);
+  return W(() => {
     if (!p || !m || !c) {
       v(!1), b(null);
       return;
@@ -423,11 +423,11 @@ const _e = ({
   }, [p, m, c, h]), {
     isParticipantBlocked: w,
     isCheckingBlockedStatus: E,
-    isLeaving: N,
+    isLeaving: y,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
       var S;
-      if (!N) {
+      if (!y) {
         o == null || o(), g && console.log(`[${h}] Leave conversation`, e.cid), _(!0);
         try {
           const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
@@ -466,7 +466,7 @@ const _e = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Sa, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
     }
   };
 }, Ne = ({
@@ -478,7 +478,7 @@ const _e = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: N(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -486,7 +486,7 @@ const _e = ({
     ...a,
     children: s
   }
-), Ia = ({
+), Ta = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -500,16 +500,16 @@ const _e = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), p = H(null), w = as(), v = q(() => c(!1), []), {
+  const [g, c] = B(!1), p = V(null), w = rs(), v = X(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
-    isLeaving: N,
+    isLeaving: y,
     isUpdatingBlockStatus: _,
     handleLeaveConversation: T,
     handleBlockUser: L,
     handleUnblockUser: E,
     handleReportUser: $
-  } = Ea({
+  } = Ia({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -522,12 +522,12 @@ const _e = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return Y(() => {
+  return W(() => {
     if (!g) return;
-    const R = (D) => {
-      p.current && !p.current.contains(D.target) && c(!1);
-    }, I = (D) => {
-      D.key === "Escape" && c(!1);
+    const R = (M) => {
+      p.current && !p.current.contains(M.target) && c(!1);
+    }, I = (M) => {
+      M.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 _e = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((R) => !R),
         children: [
-          /* @__PURE__ */ n(Ws, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Xs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -553,7 +553,7 @@ const _e = ({
       {
         id: w,
         "aria-label": "Conversation options",
-        className: k(
+        className: N(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -562,10 +562,10 @@ const _e = ({
             Ne,
             {
               onClick: T,
-              disabled: N,
-              "aria-busy": N,
+              disabled: y,
+              "aria-busy": y,
               children: [
-                N ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Xs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(qs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -601,7 +601,7 @@ const _e = ({
             }
           ) }),
           r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: $, children: [
-            /* @__PURE__ */ n(hn, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n(fn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           h
@@ -609,7 +609,7 @@ const _e = ({
       }
     )
   ] });
-}, Ke = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ta = "CUSTOMER_PAID", Aa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ta, Ra = ({
+}, Ke = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -627,18 +627,18 @@ const _e = ({
   showChannelInfo: p = !0,
   onParticipantNameClick: w
 }) => {
-  var I, D, S, C;
+  var I, M, S, C;
   const { channel: v } = we(), { client: x } = He(), b = z.useMemo(
     () => {
       var A;
-      return wn(
+      return _n(
         (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 = _n(b == null ? void 0 : b.user), _ = (D = b == null ? void 0 : b.user) == null ? void 0 : D.image, T = xn(v), L = Aa((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 () => {
+  ), y = yn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = wn(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) {
@@ -652,7 +652,7 @@ const _e = ({
       _e,
       {
         id: ((C = b == null ? void 0 : b.user) == null ? void 0 : C.id) || v.id || "unknown",
-        name: N,
+        name: y,
         image: _,
         shape: "circle",
         size: 48,
@@ -662,19 +662,19 @@ const _e = ({
     /* @__PURE__ */ n(
       "span",
       {
-        className: k(
+        className: N(
           "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95",
           $ ? "pl-3 pr-2" : "px-3"
         ),
         children: /* @__PURE__ */ f("span", { className: "flex max-w-full items-center justify-center", children: [
-          /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
+          /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: y }),
           $ && /* @__PURE__ */ f("span", { className: "ml-2 flex gap-1", children: [
             L && /* @__PURE__ */ n(
               "span",
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(qs, { 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 _e = ({
               }
             ) }),
             w && /* @__PURE__ */ n(
-              fn,
+              gn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -701,7 +701,7 @@ const _e = ({
   return /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "@container bg-[linear-gradient(180deg,#FBFAF9_0%,rgba(251,250,249,0.92)_58%,rgba(251,250,249,0)_100%)]",
         e
       ),
@@ -709,7 +709,7 @@ const _e = ({
         /* @__PURE__ */ n("div", { className: "flex items-start", children: s && /* @__PURE__ */ n(
           "button",
           {
-            className: k(
+            className: N(
               Ke,
               "messaging-channel-view-back-button-mobile messaging-channel-view-back-button-desktop"
             ),
@@ -717,7 +717,7 @@ const _e = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Ks, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Zs, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ n(
@@ -725,7 +725,7 @@ const _e = ({
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${N}`,
+            "aria-label": `View details for ${y}`,
             className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
             children: R
           }
@@ -742,7 +742,7 @@ const _e = ({
               children: /* @__PURE__ */ n(
                 at,
                 {
-                  className: k("size-5", {
+                  className: N("size-5", {
                     "text-[#FFD60A]": T,
                     "text-black/90": !T
                   }),
@@ -752,7 +752,7 @@ const _e = ({
             }
           ),
           p && (c !== void 0 ? c : /* @__PURE__ */ n(
-            Ia,
+            Ta,
             {
               channel: v,
               participant: b,
@@ -772,40 +772,40 @@ const _e = ({
       ] })
     }
   );
-}, La = (e) => /* @__PURE__ */ n(cs, { ...e, position: "center" });
-function Ma(e) {
+}, Ma = (e) => /* @__PURE__ */ n(ds, { ...e, position: "center" });
+function Da(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Nn({
+function kn({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Ma(t);
+  const s = e == null ? void 0 : e.text, a = Da(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Da = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
-function Oa(e) {
+const Oa = ["linktr.ee"], Kt = "messaging-attachment-v1_0";
+function Pa(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function Pa(e) {
-  return Da.some(
+function za(e) {
+  return Oa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function ce(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const s = Oa(t);
-  if (!s || !Pa(s)) return t;
+  const s = Pa(t);
+  if (!s || !za(s)) return t;
   const a = new URL(t);
   return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Kt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Kt), a.toString());
 }
-const za = [
+const Fa = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -818,39 +818,39 @@ const za = [
 function de(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function kn(e) {
-  const t = za.find(
+function Cn(e) {
+  const t = Fa.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Fa = {
-  video: pn,
-  audio: Js,
-  image: Zs,
-  document: gn
-}, $a = {
-  pdf: ia,
-  doc: ra,
-  xls: aa,
-  csv: sa,
-  ppt: na,
-  zip: ta,
-  text: ea,
-  markdown: Qs,
-  generic: gn
+const $a = {
+  video: bn,
+  audio: Qs,
+  image: Js,
+  document: pn
+}, Ba = {
+  pdf: la,
+  doc: ia,
+  xls: ra,
+  csv: aa,
+  ppt: sa,
+  zip: na,
+  text: ta,
+  markdown: ea,
+  generic: pn
 };
-function Ba(e) {
+function Ua(e) {
   const t = de(e);
-  return t !== "document" ? Fa[t] : $a[kn(e)];
+  return t !== "document" ? $a[t] : Ba[Cn(e)];
 }
 function ve(e, t) {
-  return z.createElement(Ba(e), t);
+  return z.createElement(Ua(e), t);
 }
-const Ua = (e) => {
+const ja = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, ja = ({
+}, Ha = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -862,74 +862,79 @@ const Ua = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  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(() => {
+  const h = de(t), m = V(null), g = V(null), c = V(null), p = V(r), [w, v] = B(a), [x, b] = B(0), [y, _] = B(!1), [T, L] = B(!1), [E, $] = B(!1), [F, R] = B(!1), [I, M] = B(!0), [S, C] = B(null), A = X(() => {
     $(!1), v(!0);
-  }, []), P = q((y) => {
-    const M = g.current;
-    if (!M) return 0;
-    const W = M.getBoundingClientRect();
+  }, []), P = X((k) => {
+    const D = g.current;
+    if (!D) return 0;
+    const Y = D.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ua(y) - W.left) / W.width)
+      Math.min(1, (ja(k) - Y.left) / Y.width)
     );
-  }, []), U = q((y) => {
-    const M = m.current;
-    M && M.duration && (M.currentTime = y * M.duration);
-  }, []), V = (y) => {
-    y.stopPropagation(), _(!0);
-    const M = P(y);
-    b(M), U(M);
-  };
-  Y(() => {
+  }, []), U = X((k) => {
+    const D = m.current;
+    D && D.duration && (D.currentTime = k * D.duration);
+  }, []), G = (k) => {
+    k.stopPropagation(), _(!0);
+    const D = P(k);
+    b(D), U(D);
+  }, ee = X(
+    (k) => {
+      k.key === "ArrowRight" && U(Math.min(1, x + 0.05)), k.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
+    },
+    [U, x]
+  );
+  W(() => {
     r !== void 0 && r !== p.current && (p.current = r, v(r));
-  }, [r]), Y(() => {
+  }, [r]), W(() => {
     if (!w) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const y = () => {
-      const M = m.current;
-      M && M.duration && !N && b(M.currentTime / M.duration), c.current = requestAnimationFrame(y);
+    const k = () => {
+      const D = m.current;
+      D && D.duration && !y && b(D.currentTime / D.duration), c.current = requestAnimationFrame(k);
     };
-    return c.current = requestAnimationFrame(y), () => {
+    return c.current = requestAnimationFrame(k), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [w, N]), Y(() => {
-    const y = m.current;
-    y && (w ? y.play().catch((M) => {
+  }, [w, y]), W(() => {
+    const k = m.current;
+    k && (w ? k.play().catch((D) => {
       v(!1), $(!0);
-    }) : y.pause());
-  }, [w]), Y(() => {
-    if (!N) return;
-    const y = (W) => b(P(W)), M = (W) => {
-      _(!1), U(P(W));
+    }) : k.pause());
+  }, [w]), W(() => {
+    if (!y) return;
+    const k = (Y) => b(P(Y)), D = (Y) => {
+      _(!1), U(P(Y));
     };
-    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);
+    return window.addEventListener("mousemove", k), window.addEventListener("mouseup", D), window.addEventListener("touchmove", k, { passive: !0 }), window.addEventListener("touchend", D), () => {
+      window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", D), window.removeEventListener("touchmove", k), window.removeEventListener("touchend", D);
     };
-  }, [N, P, U]);
-  const te = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", G = Math.round(x * 100);
+  }, [y, P, U]);
+  const Z = S ? { aspectRatio: String(S) } : void 0, J = S ? "" : " aspect-video", H = Math.round(x * 100);
   return /* @__PURE__ */ f(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
-      style: te,
-      onClick: (y) => {
+      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
+      style: Z,
+      onClick: (k) => {
         if (u) {
-          u(y);
+          u(k);
           return;
         }
-        E || o && v((M) => !M);
+        E || o && v((D) => !D);
       },
-      onKeyDown: (y) => {
-        if (!(y.key !== "Enter" && y.key !== " ")) {
-          if (y.preventDefault(), u) {
-            u(y);
+      onKeyDown: (k) => {
+        if (!(k.key !== "Enter" && k.key !== " ")) {
+          if (k.preventDefault(), u) {
+            u(k);
             return;
           }
-          E || o && v((M) => !M);
+          E || o && v((D) => !D);
         }
       },
       children: [
@@ -955,7 +960,7 @@ const Ua = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), D(!1);
+              R(!1), M(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => $(!1),
@@ -975,13 +980,13 @@ const Ua = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), D(!1);
+              R(!1), M(!1);
             },
             onWaiting: () => R(!0),
             onPlay: () => $(!1),
             onLoadedMetadata: () => {
-              const y = m.current;
-              y instanceof HTMLVideoElement && y.videoWidth && y.videoHeight && C(y.videoWidth / y.videoHeight);
+              const k = m.current;
+              k instanceof HTMLVideoElement && k.videoWidth && k.videoHeight && C(k.videoWidth / k.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), b(0));
@@ -1003,11 +1008,11 @@ const Ua = (e) => {
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (y) => {
-              y.stopPropagation(), A();
+            onClick: (k) => {
+              k.stopPropagation(), A();
             },
-            onKeyDown: (y) => {
-              y.key !== "Enter" && y.key !== " " || (y.preventDefault(), y.stopPropagation(), A());
+            onKeyDown: (k) => {
+              k.key !== "Enter" && k.key !== " " || (k.preventDefault(), k.stopPropagation(), A());
             },
             children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(rt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
@@ -1017,23 +1022,21 @@ const Ua = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": G,
+            "aria-valuenow": H,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: g,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            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));
-            },
+            onMouseDown: G,
+            onTouchStart: G,
+            onClick: (k) => k.stopPropagation(),
+            onKeyDown: ee,
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${G}%` }
+                style: { width: `${H}%` }
               }
             ) })
           }
@@ -1043,12 +1046,12 @@ const Ua = (e) => {
             "button",
             {
               type: "button",
-              onClick: (y) => {
-                y.stopPropagation(), v((M) => !M);
+              onClick: (k) => {
+                k.stopPropagation(), v((D) => !D);
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(la, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1056,30 +1059,28 @@ const Ua = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": G,
+              "aria-valuenow": H,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: g,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: V,
-              onTouchStart: V,
-              onClick: (y) => y.stopPropagation(),
+              onMouseDown: G,
+              onTouchStart: G,
+              onClick: (k) => k.stopPropagation(),
               onMouseEnter: () => L(!0),
               onMouseLeave: () => L(!1),
-              onKeyDown: (y) => {
-                y.key === "ArrowRight" && U(Math.min(1, x + 0.05)), y.key === "ArrowLeft" && U(Math.max(0, x - 0.05));
-              },
+              onKeyDown: ee,
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || N ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${T || y ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${G}%` }
+                        style: { width: `${H}%` }
                       }
                     )
                   }
@@ -1087,8 +1088,8 @@ const Ua = (e) => {
                 /* @__PURE__ */ n(
                   "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: `${G}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || y ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${H}%` }
                   }
                 )
               ]
@@ -1098,7 +1099,7 @@ const Ua = (e) => {
       ]
     }
   );
-}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ha = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Cn = ({
+}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Va = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", Sn = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1109,7 +1110,7 @@ const Ua = (e) => {
 }) => {
   const l = de(e), [d, u] = B(!1), h = ce(t), m = ce(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    ja,
+    Ha,
     {
       source: t,
       mimeType: e,
@@ -1160,7 +1161,7 @@ const Ua = (e) => {
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Ha(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Va(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1178,7 +1179,7 @@ const Ua = (e) => {
       })
     }
   );
-}, Sn = ({
+}, En = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1198,7 +1199,7 @@ const Ua = (e) => {
     {
       ref: h,
       "data-testid": m,
-      className: k(
+      className: N(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         g ? "bg-[#1e2330]" : "bg-white"
       ),
@@ -1210,7 +1211,7 @@ const Ua = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: N("mb-0.5 truncate text-base font-medium", {
                 "text-black": !g,
                 "text-white/30": g && p,
                 "text-white": g && !p
@@ -1220,7 +1221,7 @@ const Ua = (e) => {
           ),
           /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-1", children: [
             ve(r, {
-              className: k(
+              className: N(
                 "size-5 shrink-0",
                 g ? "text-white/55" : "text-black/55"
               ),
@@ -1229,7 +1230,7 @@ const Ua = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: N(
                   "text-xs font-medium",
                   g ? "text-white/55" : "text-black/55"
                 ),
@@ -1244,25 +1245,25 @@ const Ua = (e) => {
     }
   );
 };
-function En(e) {
+function In(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
 function ct(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#1e2330]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Va(e) {
+function Ga(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ga(e) {
+function Ya(e) {
   return e ? "text-white" : "text-black";
 }
-function Ya(e) {
+function Wa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Wa(e) {
+function Xa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Xa(e) {
+function qa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const dt = ({ attachment: e, isMyMessage: t }) => {
@@ -1277,29 +1278,29 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Va(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(oa, { className: `size-12 ${Xa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ga(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(ca, { className: `size-12 ${qa(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
       s && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[14px] font-medium leading-5 ${Ga(t)}`,
+          className: `truncate text-[14px] font-medium leading-5 ${Ya(t)}`,
           children: s
         }
       ),
       a && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[12px] leading-4 ${Ya(t)}`,
+          className: `truncate text-[12px] leading-4 ${Wa(t)}`,
           children: a
         }
       ),
       d && /* @__PURE__ */ n(
         "p",
         {
-          className: `mt-1 truncate text-[12px] leading-4 ${Wa(t)}`,
+          className: `mt-1 truncate text-[12px] leading-4 ${Xa(t)}`,
           children: d
         }
       )
@@ -1324,7 +1325,7 @@ function ut(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(Ve);
 }
-async function qa(e, t) {
+async function Ka(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1336,7 +1337,7 @@ async function qa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const Ka = ({
+const Za = ({
   url: e,
   filename: t
 }) => {
@@ -1348,7 +1349,7 @@ const Ka = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), qa(e, t).then(() => {
+        a(!0), Ka(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1390,16 +1391,16 @@ function mt(e) {
     thumbnailUrl: h
   };
 }
-const In = ({
+const Tn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? En(a) : void 0;
+  const i = a !== void 0 ? In(a) : void 0;
   return /* @__PURE__ */ n(
-    Sn,
+    En,
     {
       variant: "dark",
       title: s,
@@ -1407,7 +1408,7 @@ const In = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        Cn,
+        Sn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1418,23 +1419,23 @@ const In = ({
       )
     }
   );
-}, Tn = ({
+}, An = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? En(a) : void 0;
+  const i = de(t), o = a !== void 0 ? In(a) : void 0;
   return /* @__PURE__ */ n(
-    Sn,
+    En,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        Cn,
+        Sn,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1444,10 +1445,10 @@ const In = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(Ka, { url: e, filename: s })
+      action: /* @__PURE__ */ n(Za, { url: e, filename: s })
     }
   );
-}, Za = ({
+}, Ja = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1484,46 +1485,46 @@ const In = ({
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(In, { ...a }) : /* @__PURE__ */ n(Tn, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(Tn, { ...a }) : /* @__PURE__ */ n(An, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Ja = ({
+}, Qa = ({
   message: e
 }) => {
   const t = ut(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: ct(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !0 }) });
   const s = mt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(In, { ...s }) }) : null;
-}, Qa = ({
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Tn, { ...s }) }) : null;
+}, er = ({
   message: e
 }) => {
   const t = ut(e);
   if (t)
     return /* @__PURE__ */ n("div", { className: ct(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dt, { attachment: t, isMyMessage: !1 }) });
   const s = mt(e);
-  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Tn, { ...s }) }) : null;
-}, eo = Object.assign(Za, {
-  Creator: Ja,
-  Visitor: Qa
-}), er = {
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(An, { ...s }) }) : null;
+}, to = Object.assign(Ja, {
+  Creator: Qa,
+  Visitor: er
+}), tr = {
   isUnlocking: () => !1
-}, tr = {
-  LockedAttachment: er
-}, An = je({}), to = An.Provider;
-function nr(e) {
-  return xe(An)[e] ?? tr[e];
+}, nr = {
+  LockedAttachment: tr
+}, Rn = je({}), no = Rn.Provider;
+function sr(e) {
+  return xe(Rn)[e] ?? nr[e];
 }
-const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import("./Card-xYcNcZC_.js")), rr = () => /* @__PURE__ */ n(
+const ar = z.lazy(() => import("./Card-BzvDr-pU.js")), rr = z.lazy(() => import("./Card-BXlNaNGk.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(rr, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(sr, { ...e }) : /* @__PURE__ */ n(ar, { ...e }) }), ir = ({ 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,
@@ -1540,10 +1541,10 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
       }
     )
   }
-), lr = (e) => {
+), or = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
-}, Rn = (e) => {
+}, Ln = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
 }, Fe = (e) => {
@@ -1552,15 +1553,15 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
 }, ht = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
-}, or = (e) => {
+}, cr = (e) => {
   var t;
   return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, cr = (e) => {
+}, dr = (e) => {
   var t;
   return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Ln = (e) => lr(e) || Rn(e), dr = (e) => {
+}, Mn = (e) => or(e) || Ln(e), ur = (e) => {
   var t;
-  return Ln(e) && !((t = e.text) != null && t.trim());
+  return Mn(e) && !((t = e.text) != null && t.trim());
 }, Ze = ({
   message: e,
   standalone: t = !1,
@@ -1568,19 +1569,19 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Ln(e), i = Fe(e);
+  const r = Mn(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 = Rn(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 = Ln(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
     return /* @__PURE__ */ f("div", { className: p, children: [
-      /* @__PURE__ */ n(ca, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(da, { size: t ? 14 : 12 }),
       /* @__PURE__ */ n("span", { children: v })
     ] });
   }
-  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: l }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(ir, { size: o ? 12 : 15 }) });
+  const o = s && a, l = o ? "Sent with AI" : "Sent by AI Assistant", d = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", u = o ? "justify-end gap-2 text-black/30" : s ? "w-full justify-start gap-1.5 mt-3 px-4 text-white/55" : "w-full justify-start gap-1.5 mt-3 px-4 text-black/30", h = /* @__PURE__ */ n("span", { className: "text-left", children: l }), m = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(lr, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n(
     "div",
     {
@@ -1595,7 +1596,7 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
       ] })
     }
   );
-}, Jt = `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%`, ur = {
+}, Jt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Cpath fill='black' d='M0 0H15C15 10.1934 15.859 15.2345 19.168 21.4893C19.527 22.168 19.039 22.9917 18.274 22.9178C5.176 21.6506 0.32 6.0737 0 0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%`, mr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, $e = ({ side: e }) => /* @__PURE__ */ n(
@@ -1608,24 +1609,24 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
       insetInlineStart: e === "other" ? "calc(-1 * 0.3125rem)" : void 0,
       transform: e === "other" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: ur[e],
+      backgroundColor: mr[e],
       WebkitMask: Jt,
       mask: Jt
     }
   }
-), Mn = je(
+), Dn = je(
   void 0
-), mr = (e) => {
+), hr = (e) => {
   var s;
   const t = (s = e.metadata) == null ? void 0 : s.outbound_id;
   return typeof t == "string" ? t : void 0;
-}, hr = (e, t) => {
+}, fr = (e, t) => {
   if (!t || !(e != null && e.length))
     return;
   const s = /* @__PURE__ */ new Set();
   let a;
   for (const r of e) {
-    const i = mr(r);
+    const i = hr(r);
     if (!i || s.has(i))
       continue;
     s.add(i);
@@ -1636,7 +1637,7 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
     });
   }
   return a;
-}, fr = (e, t) => {
+}, gr = (e, t) => {
   if (e === t)
     return !0;
   if (!e || !t)
@@ -1648,9 +1649,9 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
       return e[r].id === ((i = t[r]) == null ? void 0 : i.id) && e[r].name === ((o = t[r]) == null ? void 0 : o.name);
     }
   );
-}, gr = (e, t) => {
-  const s = hr(e, t), [a, r] = B(s);
-  return fr(a, s) ? a : (r(s), s);
+}, pr = (e, t) => {
+  const s = fr(e, t), [a, r] = B(s);
+  return gr(a, s) ? a : (r(s), s);
 }, ft = () => {
   const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = we("SentMessageDeliveryStatus"), s = (() => {
     if (t)
@@ -1662,9 +1663,9 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
   })();
   return e.id === s;
 }, Je = () => ft() ? /* @__PURE__ */ f(K, { children: [
-  /* @__PURE__ */ n(ma, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, pr = () => ft() ? /* @__PURE__ */ f(K, { children: [
+] }) : null, br = () => ft() ? /* @__PURE__ */ f(K, { children: [
   /* @__PURE__ */ n(
     be,
     {
@@ -1674,16 +1675,16 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
     }
   ),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, br = ({
+] }) : null, vr = ({
   outbound: e,
   onOutboundClick: t
 }) => {
   const s = e.name || "Broadcast", r = /* @__PURE__ */ f(K, { children: [
-    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ua, { weight: "fill" }) }),
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ma, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
-        className: k("sent-message-outbound-name", {
+        className: N("sent-message-outbound-name", {
           "underline [text-decoration-skip-ink:auto]": !!t
         }),
         "data-testid": "sent-message-outbound-status",
@@ -1701,10 +1702,10 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
       children: r
     }
   ) : r;
-}, vr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(da, { weight: "bold", "aria-hidden": "true" }),
+}, xr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ n(ua, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), xr = ({
+] }), wr = ({
   onOutboundClick: e,
   resolvedOutbound: t
 }) => {
@@ -1715,22 +1716,22 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
-    return /* @__PURE__ */ n(vr, {});
+    return /* @__PURE__ */ n(xr, {});
   if (!i)
     return null;
   const l = (h = a.metadata) == null ? void 0 : h.outbound_id, d = a.status !== "sending" && a.status !== "failed" && l && t ? /* @__PURE__ */ n(
-    br,
+    vr,
     {
       outbound: t,
       onOutboundClick: e
     }
   ) : null, u = /* @__PURE__ */ n(
-    ds,
+    us,
     {
       MessageSentStatus: Je,
       MessageDeliveredStatus: Je,
       MessageReadStatus: Je,
-      MessageSendingStatus: pr
+      MessageSendingStatus: br
     }
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
@@ -1738,19 +1739,19 @@ const sr = z.lazy(() => import("./Card-BzvDr-pU.js")), ar = z.lazy(() => import(
     o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
     d
   ] }) : u;
-}, wr = /^([a-z][a-z0-9+.-]*):/i, _r = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+}, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = wr.exec(t);
+  const s = _r.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return _r.has(a) ? t : void 0;
+    return yr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const yr = {
+const Nr = {
   dark: {
     primary: "bg-white text-[#121110] hover:bg-white/90",
     secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -1759,17 +1760,17 @@ const yr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, Dn = ({
+}, On = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
   standalone: a = !1
 }) => {
-  const r = t.variant ?? "primary", i = k(
+  const r = t.variant ?? "primary", i = N(
     "inline-flex h-10 items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     s ? "w-full" : "min-w-0",
     !a && "mt-2",
-    yr[e][r]
+    Nr[e][r]
   ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
@@ -1796,13 +1797,13 @@ const yr = {
       children: o
     }
   );
-}, Nr = {
+}, kr = {
   dark: "text-white",
   light: "text-black/90"
-}, kr = "text-white/30", Qt = {
+}, Cr = "text-white/30", Qt = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Cr = {
+}, Sr = {
   dark: "bg-white/25",
   light: "bg-black/15"
 }, pt = ({
@@ -1822,25 +1823,25 @@ const yr = {
   const g = e === "dark", c = a ?? (g ? r : void 0) ?? "", p = c.trim() !== "", w = i != null && i.trim() !== "", v = typeof l == "string" ? l.trim() : "", x = v !== "", b = u != null;
   if (!m && !p && !w && !x && !b)
     return null;
-  const N = g && !a, _ = k(
+  const y = g && !a, _ = N(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    s == null && (N ? kr : Nr[e])
-  ), T = k(
+    s == null && (y ? Cr : kr[e])
+  ), T = N(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
     s == null && Qt[e]
-  ), L = k(
+  ), L = N(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
     s == null && Qt[e]
   );
   if (m) {
-    const F = k(
+    const F = N(
       "animate-pulse rounded",
-      Cr[e]
+      Sr[e]
     );
     return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
-      /* @__PURE__ */ n("div", { className: k("h-5 w-3/4", F), "aria-hidden": !0 }),
-      /* @__PURE__ */ n("div", { className: k("h-4 w-1/2", F), "aria-hidden": !0 })
+      /* @__PURE__ */ n("div", { className: N("h-5 w-3/4", F), "aria-hidden": !0 }),
+      /* @__PURE__ */ n("div", { className: N("h-4 w-1/2", F), "aria-hidden": !0 })
     ] }) });
   }
   const E = s ? { color: s } : void 0, $ = o > 1 ? {
@@ -1858,7 +1859,7 @@ const yr = {
           /* @__PURE__ */ n(
             "p",
             {
-              className: k("min-w-0", _),
+              className: N("min-w-0", _),
               style: E,
               children: c
             }
@@ -1869,9 +1870,9 @@ const yr = {
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(Dn, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n(On, { variant: t ?? e, cta: u })
   ] });
-}, Sr = "Loading link preview", Er = k(
+}, Er = "Loading link preview", Ir = N(
   // 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.
@@ -1881,7 +1882,7 @@ const yr = {
   // 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]"
-), Ir = "flex h-[250px] flex-col", Ee = ({
+), Tr = "flex h-[250px] flex-col", Ee = ({
   variant: e,
   children: t,
   href: s,
@@ -1895,10 +1896,10 @@ const yr = {
   busy: h = !1,
   "data-testid": m
 }) => {
-  const g = s != null || a != null, c = k(
+  const g = s != null || a != null, c = N(
     "messaging-link-card",
-    Er,
-    u ? Ir : "block",
+    Ir,
+    u ? Tr : "block",
     // The plain fallback fill, kept underneath the `--accent` derivation: the
     // `.messaging-link-card[style*='--accent']` rule in `styles.css` outranks
     // this single class, so a published accent paints over it and an unset one
@@ -1920,7 +1921,7 @@ const yr = {
     // tailwind preset — outline-none + a black 2px focus-visible ring
     // with offset, so keyboard users can see the focused card.
     g ? "cursor-pointer no-underline focus-ring" : null
-  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Sr } : void 0, w = d ? { "--accent": d } : void 0, v = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
+  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Er } : void 0, w = d ? { "--accent": d } : void 0, v = o ? /* @__PURE__ */ n("div", { className: "pointer-events-auto absolute right-3 top-3 z-10", children: o }) : null;
   return s ? /* @__PURE__ */ f(
     "a",
     {
@@ -1948,7 +1949,7 @@ const yr = {
       "aria-label": r,
       "data-testid": m,
       "data-variant": e,
-      className: k(c, "text-left"),
+      className: N(c, "text-left"),
       style: w,
       ...p,
       children: [
@@ -1974,7 +1975,7 @@ const yr = {
 }, en = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Tr = {
+}, Ar = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Te = (e, t) => !!t && !!e && de(e) === "audio", bt = (e, t) => {
@@ -2005,7 +2006,7 @@ const yr = {
   ) }) : /* @__PURE__ */ f(
     "div",
     {
-      className: k(
+      className: N(
         // `flex-1 min-h-0` inside the shell's 250px column: the hero takes
         // every pixel the chin doesn't, which is 168px at a two-line title
         // and 188px at one.
@@ -2022,7 +2023,7 @@ const yr = {
           /* @__PURE__ */ n(
             "div",
             {
-              className: k(
+              className: N(
                 "h-full w-full animate-pulse",
                 en[e]
               ),
@@ -2066,12 +2067,12 @@ const yr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: N(
               "flex h-full w-full items-center justify-center",
               en[e]
             ),
             children: ve(r, {
-              className: Tr[e],
+              className: Ar[e],
               weight: "regular"
             })
           }
@@ -2081,14 +2082,14 @@ const yr = {
       ]
     }
   );
-}, Ar = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Rr(e) {
+}, Rr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Lr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Lr = "#FFFFFF", On = "#040403", Mr = {
-  dark: Lr,
-  light: On
+const Mr = "#FFFFFF", Pn = "#040403", Dr = {
+  dark: Mr,
+  light: Pn
 };
 function Ge({
   variant: e,
@@ -2105,7 +2106,7 @@ function Ge({
   }, [r]);
   const u = z.useCallback(() => {
     d(!0);
-  }, []), h = Te(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Ar.test(t.trim()) ? Rr(t) : void 0, p = h ? On : Mr[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 ? Pn : Dr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2115,7 +2116,7 @@ function Ge({
     onImageError: u
   };
 }
-const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Or = "relative before:absolute before:-inset-[10px] before:content-['']", Pr = ({
+const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Pr = "relative before:absolute before:-inset-[10px] before:content-['']", zr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2141,15 +2142,15 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     thumbnailUrl: o,
     mimeType: i,
     sourceUrl: l
-  }), N = c ? /* @__PURE__ */ n(
+  }), y = c ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: c,
       "aria-label": w,
-      className: k(
-        Dr,
-        !x && Or
+      className: N(
+        Or,
+        !x && Pr
       ),
       children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
     }
@@ -2160,7 +2161,7 @@ const Dr = "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(ha, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(fa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return x && !b.isLoading ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -2173,7 +2174,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         mimeType: i
       }
     ) }),
-    N && /* @__PURE__ */ n("div", { className: "shrink-0", children: N })
+    y && /* @__PURE__ */ n("div", { className: "shrink-0", children: y })
   ] }) }) : /* @__PURE__ */ f(
     Ee,
     {
@@ -2181,7 +2182,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       fixedHeight: !v,
       accentHex: b.accentHex,
       busy: b.isLoading,
-      topRight: v ? N : void 0,
+      topRight: v ? y : void 0,
       children: [
         !v && /* @__PURE__ */ n(
           Ie,
@@ -2191,7 +2192,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
             sourceUrl: l,
             title: e,
             mimeType: i,
-            topRight: N,
+            topRight: y,
             isLoading: b.isLoading,
             onImageError: b.onImageError
           }
@@ -2234,14 +2235,14 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         "data-testid": "link-card-tail",
         "data-variant": t === "sender" ? "dark" : "light",
         style: e ? { "--accent": e } : void 0,
-        className: k(
+        className: N(
           "messaging-link-card-tail",
           t === "receiver" && "messaging-link-card-tail--received"
         )
       }
     )
   ] })
-) : /* @__PURE__ */ n(K, { children: a }), zr = ({
+) : /* @__PURE__ */ n(K, { children: a }), Fr = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2257,7 +2258,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? vt : void 0, N = u && g ? {
+  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? vt : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var T;
@@ -2314,7 +2315,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
                 descriptionLines: s,
                 url: a,
                 appIcon: d,
-                cta: N,
+                cta: y,
                 isLoading: _.isLoading
               }
             )
@@ -2323,7 +2324,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, Fr = ({
+}, $r = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2340,7 +2341,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: p = "single"
 }) => {
-  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, N = g !== "loading" && Te(i, l), _ = Ge({
+  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Te(i, l), _ = Ge({
     variant: "dark",
     accentColor: m,
     status: g,
@@ -2354,17 +2355,17 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     {
       accentHex: _.accentHex,
       side: "sender",
-      visible: !N && (p === "single" || p === "end"),
+      visible: !y && (p === "single" || p === "end"),
       children: /* @__PURE__ */ f(
         Ee,
         {
           variant: "dark",
           href: x,
           onClick: b,
-          fixedHeight: d === "featured" && !N,
+          fixedHeight: d === "featured" && !y,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: N ? vt : void 0,
+          bgClassName: y ? vt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
               Ie,
@@ -2400,19 +2401,19 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   );
 }, it = {
-  Composer: Pr,
-  Sent: Fr,
-  Received: zr
-}, $r = {
+  Composer: zr,
+  Sent: $r,
+  Received: Fr
+}, Br = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Br = {
+}, Ur = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Ur = {
+}, jr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, jr = (e) => e === "dark" ? "sender" : "receiver", Hr = {
+}, Hr = (e) => e === "dark" ? "sender" : "receiver", Vr = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -2437,13 +2438,13 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   children: d,
   "data-testid": u
 }) => {
-  const h = t != null && t !== "", m = o ?? Hr[jr(e)][a];
+  const h = t != null && t !== "", m = o ?? Vr[Hr(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
       "data-testid": u,
       "data-group-position": a,
-      className: k(
+      className: N(
         // Defaults describe a 280px-wide document / audio / link
         // bubble: that width matches the mobile chat attachment and
         // the 8px / 16px inset matches `--str-chat__spacing-2
@@ -2466,10 +2467,10 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         // there is no ambiguity to resolve.
         h && "pb-0",
         m,
-        $r[e],
         Br[e],
+        Ur[e],
         s && "border",
-        s && Ur[e],
+        s && jr[e],
         l
       ),
       children: [
@@ -2477,7 +2478,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         h ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            className: N(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -2509,22 +2510,22 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    className: N(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
   }
-), Le = (e) => e === "received" ? "light" : "dark", no = ({
+), Le = (e) => e === "received" ? "light" : "dark", so = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Vr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Gr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Gr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Yr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -2547,7 +2548,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Le(e), h = e === "composer" && !!d, m = Vr({ 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");
@@ -2559,7 +2560,7 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, p) => /* @__PURE__ */ n(
-        Gr,
+        Yr,
         {
           item: c,
           preload: g,
@@ -2573,15 +2574,15 @@ const Dr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )) })
     }
   );
-}, Yr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), qr = {
-  Composer: Yr,
-  Sent: Wr,
-  Received: Xr
+}, Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Kr = {
+  Composer: Wr,
+  Sent: Xr,
+  Received: qr
 };
-function Kr(e) {
+function Zr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Zr = {
+const Jr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -2591,7 +2592,7 @@ const Zr = {
   text: "TXT",
   markdown: "MD"
 };
-function Jr(e, t) {
+function Qr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -2601,7 +2602,7 @@ function Jr(e, t) {
   }
   if (!e) return;
   if (de(e) === "document") {
-    const r = kn(e), i = Zr[r];
+    const r = Cn(e), i = Jr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2609,8 +2610,8 @@ function Jr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Qr(e, t, s) {
-  const a = Jr(e, t), r = typeof s == "number" && s > 0 ? Kr(s) : void 0;
+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 re(e) {
@@ -2621,16 +2622,16 @@ function re(e) {
     return "download";
   }
 }
-const ei = {
+const ti = {
   dark: "text-white/55",
   light: "text-black/65"
-}, ti = {
+}, ni = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ni = {
+}, si = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Pn = ({
+}, zn = ({
   variant: e,
   filename: t,
   title: s,
@@ -2640,16 +2641,16 @@ const ei = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = Qr(a, t, r), h = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        ti[e]
+        ni[e]
       ),
       "aria-hidden": !0,
       children: ve(a, {
-        className: k("size-6", ni[e]),
+        className: N("size-6", si[e]),
         weight: "regular"
       })
     }
@@ -2658,9 +2659,9 @@ const ei = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: N(
           "truncate text-xs leading-4",
-          ei[e]
+          ti[e]
         ),
         children: u
       }
@@ -2671,7 +2672,7 @@ const ei = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: k(
+      className: N(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -2689,7 +2690,7 @@ const ei = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function zn(e, t) {
+async function Fn(e, t) {
   const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -2703,14 +2704,14 @@ async function zn(e, t) {
     }
   }
 }
-const si = ({
+const ai = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], ai = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], ri = ({
   variant: e,
   item: t,
   index: s,
@@ -2719,7 +2720,7 @@ const si = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    Pn,
+    zn,
     {
       variant: e,
       filename: i,
@@ -2744,7 +2745,7 @@ const si = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Le(e), g = e === "composer" && !!h, c = si({
+  const m = Le(e), g = e === "composer" && !!h, c = ai({
     src: t,
     filename: s,
     fileSize: a,
@@ -2756,14 +2757,14 @@ const si = ({
     const x = c[v];
     if (!x) return;
     const b = x.filename ?? re(x.src);
-    zn(x.src, b);
+    Fn(x.src, b);
   };
   if (c.length === 0)
     return null;
   const w = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: N(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -2779,7 +2780,7 @@ const si = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
-        ai,
+        ri,
         {
           variant: m,
           item: v,
@@ -2791,11 +2792,11 @@ const si = ({
       )) })
     }
   );
-}, ri = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), oi = {
-  Composer: ri,
-  Sent: ii,
-  Received: li
-}, 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", tn = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
+}, ii = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ci = {
+  Composer: ii,
+  Sent: li,
+  Received: oi
+}, $n = "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", tn = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -2808,7 +2809,7 @@ const si = ({
       onClick: e,
       "aria-label": s,
       className: `${tn} left-4`,
-      children: /* @__PURE__ */ n(fa, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(ga, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2818,10 +2819,10 @@ const si = ({
       onClick: t,
       "aria-label": a,
       className: `${tn} right-4`,
-      children: /* @__PURE__ */ n(fn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(gn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), $n = ({
+] }), Bn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2830,15 +2831,15 @@ const si = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = B(!1), u = q(
+  const [l, d] = B(!1), u = X(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), Fn(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
     },
     [l, e, t, o]
-  ), h = r ?? s !== "pill", g = { className: k(
+  ), h = r ?? s !== "pill", g = { className: N(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -2849,7 +2850,7 @@ const si = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: k(
+      className: N(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -2879,7 +2880,7 @@ const si = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: Fn,
+      className: $n,
       children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
@@ -2889,7 +2890,7 @@ const si = ({
       onClick: u,
       disabled: l,
       "aria-label": h ? a : void 0,
-      className: k(
+      className: N(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -2912,17 +2913,17 @@ const si = ({
   open: s
 }) => {
   const a = Qe(t, 0, Math.max(e - 1, 0)), [r, i] = B(a);
-  Y(() => {
+  W(() => {
     s && i(Qe(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), Y(() => {
+  }, [s, t, e]), W(() => {
     i((d) => Qe(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = q(() => {
+  const o = X(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = q(() => {
+  }, [e]), l = X(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return Y(() => {
+  return W(() => {
     if (!s || e <= 1) return;
     const d = (u) => {
       if (u.key !== "ArrowLeft" && u.key !== "ArrowRight") return;
@@ -2940,8 +2941,8 @@ const si = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = H(null), d = H(null);
-  return Y(() => {
+  const l = V(null), d = V(null);
+  return W(() => {
     var g;
     const m = l.current;
     if (m) {
@@ -3011,7 +3012,7 @@ const si = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: Fn,
+                className: $n,
                 children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
@@ -3021,7 +3022,7 @@ const si = ({
       ]
     }
   );
-}, Bn = ({
+}, Un = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3043,7 +3044,7 @@ const si = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        $n,
+        Bn,
         {
           url: l.src,
           filename: d,
@@ -3076,7 +3077,7 @@ const si = ({
       ]
     }
   ) : null;
-}, ci = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", di = {
+}, di = "relative block size-full overflow-hidden bg-black/5 outline-none after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-white/80 focus-visible:after:ring-offset-2 focus-visible:after:ring-offset-black", ui = {
   1: ["rounded-[18px]"],
   2: ["rounded-l-[18px]", "rounded-r-[18px]"],
   3: ["rounded-l-[18px]", "rounded-tr-[18px]", "rounded-br-[18px]"],
@@ -3086,7 +3087,7 @@ const si = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, ui = "--mes-single-width-cap", mi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", hi = 436, Un = ({
+}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, jn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3097,10 +3098,10 @@ const si = ({
   if (i === 0) return null;
   const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
     var p;
-    const c = k(
-      ci,
+    const c = N(
+      di,
       "h-full w-full",
-      (p = di[o.length]) == null ? void 0 : p[m]
+      (p = ui[o.length]) == null ? void 0 : p[m]
     );
     return t ? /* @__PURE__ */ f(
       "button",
@@ -3108,7 +3109,7 @@ const si = ({
         type: "button",
         onClick: () => t(m),
         "aria-label": h.ariaLabel ?? `Open media ${m + 1}`,
-        className: k(c, "cursor-zoom-in"),
+        className: N(c, "cursor-zoom-in"),
         children: [
           h.content,
           g
@@ -3125,14 +3126,14 @@ const si = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${ui}), ${Math.round(hi * a * 100) / 100}px)`,
+    width: `min(var(${mi}), ${Math.round(fi * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
   }), o.length === 1 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
-        a ? mi : "aspect-square w-full",
+      className: N(
+        a ? hi : "aspect-square w-full",
         r
       ),
       style: u,
@@ -3141,7 +3142,7 @@ const si = ({
   ) : o.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         r
       ),
@@ -3150,7 +3151,7 @@ const si = ({
   ) : o.length === 3 ? /* @__PURE__ */ f(
     "div",
     {
-      className: k(
+      className: N(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         r
       ),
@@ -3163,7 +3164,7 @@ const si = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         // 379x286 is the content box of Figma's 383x290 stacked-media
         // card (`attachment-single-image` 1973:13863) once its 2px
         // frame is removed. Pinning the aspect on the container — as
@@ -3188,14 +3189,14 @@ const si = ({
     }
   );
 }, Me = (e) => {
-  const [t, s] = B(!1), [a, r] = B(0), i = q(
+  const [t, s] = B(!1), [a, r] = B(0), i = X(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = q(() => s(!1), []);
+  ), o = X(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, fi = ({
+}, gi = ({
   item: e,
   index: t,
   totalCount: s,
@@ -3223,15 +3224,15 @@ const si = ({
       }
     )
   )
-}), gi = ({
+}), pi = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], jn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Hn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), pi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Me(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
@@ -3256,16 +3257,16 @@ const si = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Bn,
+      Un,
       {
         open: o,
-        items: jn([{ src: e, alt: t }], s),
+        items: Hn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, bi = 326 / 246, vi = (e) => {
+}, vi = 326 / 246, xi = (e) => {
   const t = e == null ? void 0 : e.src, [s, a] = z.useState(), r = z.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
@@ -3280,11 +3281,11 @@ const si = ({
     [r]
   ), o = e != null && e.width && (e != null && e.height) ? e.width / e.height : void 0, l = s && s.src === t ? s.ratio : void 0;
   return {
-    ratio: o ?? l ?? bi,
+    ratio: o ?? l ?? vi,
     imgRef: r,
     onLoad: i
   };
-}, Hn = ({
+}, Vn = ({
   state: e,
   src: t,
   alt: s,
@@ -3295,13 +3296,13 @@ const si = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = gi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = vi(w ? u[0] : void 0);
+  const u = pi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = xi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
-    (b, N) => fi({
+    (b, y) => gi({
       item: b,
-      index: N,
+      index: y,
       totalCount: u.length,
       fallbackLoading: l,
       imgRef: w ? v.imgRef : void 0,
@@ -3321,7 +3322,7 @@ const si = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Un,
+          jn,
           {
             tiles: x,
             onTileActivate: c,
@@ -3329,10 +3330,10 @@ const si = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Bn,
+          Un,
           {
             open: m,
-            items: jn(u, a),
+            items: Hn(u, a),
             initialIndex: g,
             onClose: p
           }
@@ -3340,11 +3341,11 @@ const si = ({
       ]
     }
   );
-}, xi = (e) => /* @__PURE__ */ n(pi, { ...e }), wi = (e) => /* @__PURE__ */ n(Hn, { ...e, state: "sent" }), _i = (e) => /* @__PURE__ */ n(Hn, { ...e, state: "received" }), yi = {
-  Composer: xi,
-  Sent: wi,
-  Received: _i
-}, Ni = ({
+}, wi = (e) => /* @__PURE__ */ n(bi, { ...e }), _i = (e) => /* @__PURE__ */ n(Vn, { ...e, state: "sent" }), yi = (e) => /* @__PURE__ */ n(Vn, { ...e, state: "received" }), Ni = {
+  Composer: wi,
+  Sent: _i,
+  Received: yi
+}, ki = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3358,7 +3359,7 @@ const si = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
   ), u = le(
-    () => l ? ki(l.src) : void 0,
+    () => l ? Ci(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
@@ -3392,16 +3393,16 @@ const si = ({
       ]
     }
   );
-}, ki = (e) => {
+}, Ci = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Ci = ({
+}, Si = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Si = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Ei = ({
   variant: e,
   item: t,
   index: s,
@@ -3410,7 +3411,7 @@ const si = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    Pn,
+    zn,
     {
       variant: e,
       filename: i,
@@ -3434,7 +3435,7 @@ const si = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Le(e), m = Ci({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(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) => ({
@@ -3449,9 +3450,9 @@ const si = ({
       groupPosition: l,
       "data-testid": "pdf-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, N) => {
-          const _ = b.filename ?? re(b.src), T = v && N === 0 ? /* @__PURE__ */ n(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            $n,
+        /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((b, y) => {
+          const _ = b.filename ?? re(b.src), T = v && y === 0 ? /* @__PURE__ */ n(Re, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+            Bn,
             {
               url: b.src,
               filename: _,
@@ -3461,19 +3462,19 @@ const si = ({
             }
           );
           return /* @__PURE__ */ n(
-            Si,
+            Ei,
             {
               variant: h,
               item: b,
-              index: N,
+              index: y,
               onActivate: p,
               trailingAction: T
             },
-            `${b.src}-${N}`
+            `${b.src}-${y}`
           );
         }) }),
         /* @__PURE__ */ n(
-          Ni,
+          ki,
           {
             open: g,
             items: x,
@@ -3484,11 +3485,11 @@ const si = ({
       ]
     }
   );
-}, Ei = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ai = {
-  Composer: Ei,
-  Sent: Ii,
-  Received: Ti
-}, Vn = ({
+}, Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ri = {
+  Composer: Ii,
+  Sent: Ti,
+  Received: Ai
+}, Gn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3538,7 +3539,7 @@ const si = ({
       ]
     }
   ) : null;
-}, Ri = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Gn = ({
+}, Li = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Yn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3553,30 +3554,30 @@ const si = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(Ri, {})
-] }), Li = (e, t, s) => ({
+  /* @__PURE__ */ n(Li, {})
+] }), Mi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Gn, { item: e, index: t })
-}), Mi = ({
+  content: /* @__PURE__ */ n(Yn, { 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 }] : [], Yn = (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 }] : [], Wn = (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
-})), Di = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = Me(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
@@ -3586,21 +3587,21 @@ const si = ({
         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(Gn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Vn,
+      Gn,
       {
         open: l,
-        items: Yn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: Wn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Wn = ({
+}, Xn = ({
   state: e,
   src: t,
   poster: s,
@@ -3612,11 +3613,11 @@ const si = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Mi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(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) => Li(x, b, h.length)
+    (x, b) => Mi(x, b, h.length)
   );
   return /* @__PURE__ */ f(
     Ae,
@@ -3626,12 +3627,12 @@ const si = ({
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Un, { tiles: v, onTileActivate: p }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(jn, { tiles: v, onTileActivate: p }) }),
         /* @__PURE__ */ n(
-          Vn,
+          Gn,
           {
             open: g,
-            items: Yn(h, r),
+            items: Wn(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -3639,16 +3640,16 @@ const si = ({
       ]
     }
   );
-}, Oi = (e) => /* @__PURE__ */ n(Di, { ...e }), Pi = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "sent" }), zi = (e) => /* @__PURE__ */ n(Wn, { ...e, state: "received" }), Fi = {
-  Composer: Oi,
-  Sent: Pi,
-  Received: zi
+}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), zi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "sent" }), Fi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "received" }), $i = {
+  Composer: Pi,
+  Sent: zi,
+  Received: Fi
 }, ke = {
-  Image: yi,
-  Video: Fi,
-  Audio: qr,
-  Pdf: Ai,
-  File: oi
+  Image: Ni,
+  Video: $i,
+  Audio: Kr,
+  Pdf: Ri,
+  File: ci
 };
 function O(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3657,7 +3658,7 @@ function O(e) {
 function nn(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function $i(e, t) {
+function Bi(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const s = nn(e), a = nn(t);
@@ -3690,11 +3691,11 @@ function sn(e) {
     status: "ready"
   };
 }
-function Bi(e) {
+function Ui(e) {
   var t;
   return Ve(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 Xn(e) {
+function qn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3716,21 +3717,21 @@ function Xn(e) {
       a(r);
       continue;
     }
-    const i = Bi(r);
+    const i = Ui(r);
     i && s(i, r);
   }
   return t;
 }
-function Ui(e) {
+function ji(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function ji(e, t, s) {
+function Hi(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
 function an(e) {
   return O(e.image_url) ?? O(e.asset_url) ?? "";
 }
-function Hi(e) {
+function Vi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3744,7 +3745,7 @@ function Hi(e) {
       return ke.File;
   }
 }
-function Vi(e, t) {
+function Gi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
@@ -3827,51 +3828,51 @@ function Vi(e, t) {
       };
   }
 }
-function Gi({
+function Yi({
   groupPosition: e,
   isMyMessage: t,
   segment: s
 }) {
-  const a = Hi(s.kind), r = {
-    ...Vi(s.kind, s.attachments),
+  const a = Vi(s.kind), r = {
+    ...Gi(s.kind, s.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ n(a.Sent, { ...r }) : /* @__PURE__ */ n(a.Received, { ...r });
 }
-const Yi = ({
+const Wi = ({
   groupPosition: e,
   isMyMessage: t,
   message: s,
   renderText: a
 }) => {
   var v;
-  const r = Xn(s.attachments);
+  const r = qn(s.attachments);
   if (r.length === 0) return null;
-  const i = Ui(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" ? sn(l.attachments[0] ?? {}).url : void 0, u = o && $i(o, d) ? void 0 : o;
+  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" ? sn(l.attachments[0] ?? {}).url : void 0, u = o && Bi(o, d) ? void 0 : o;
   let h = 0;
-  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, N) => {
+  const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
     const _ = t ? it.Sent : it.Received;
     m.push(
       /* @__PURE__ */ n(
         _,
         {
           ...sn(x),
-          groupPosition: N ? g : "middle"
+          groupPosition: y ? g : "middle"
         },
         b
       )
     );
   }, w = (x, b) => {
-    const N = ji(
+    const y = Hi(
       h,
       i,
       e
     );
     h += 1, m.push(
       /* @__PURE__ */ n(
-        Gi,
+        Yi,
         {
-          groupPosition: N,
+          groupPosition: y,
           isMyMessage: t,
           segment: x
         },
@@ -3880,13 +3881,13 @@ const Yi = ({
     );
   };
   return r.forEach((x, b) => {
-    const N = b === r.length - 1;
+    const y = b === r.length - 1;
     if (x.type === "link") {
       x.attachments.forEach((_, T) => {
         p(
           _,
           `link-${b}-${T}`,
-          N && T === x.attachments.length - 1
+          y && T === x.attachments.length - 1
         );
       });
       return;
@@ -3913,7 +3914,7 @@ const Yi = ({
     u ? /* @__PURE__ */ f(
       "div",
       {
-        className: k("str-chat__message-bubble", {
+        className: N("str-chat__message-bubble", {
           "relative isolate": c
         }),
         children: [
@@ -3924,7 +3925,7 @@ const Yi = ({
       }
     ) : null
   ] });
-}, Wi = (e) => {
+}, Xi = (e) => {
   var Lt, Mt, Dt, Ot, Pt, zt, Ft, $t, Bt, Ut;
   const {
     additionalMessageInputProps: t,
@@ -3945,19 +3946,19 @@ const Yi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: N } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = nr("LockedAttachment"), [F, R] = B(!1), I = ms(c.id), {
-    Attachment: D = hs,
-    EditMessageModal: S = fs,
+  } = e, { client: y } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: $ } = sr("LockedAttachment"), [F, R] = B(!1), I = hs(c.id), {
+    Attachment: M = fs,
+    EditMessageModal: S = gs,
     MessageActions: C,
-    MessageBlocked: A = gs,
-    MessageBouncePrompt: P = ps,
-    MessageDeleted: U = bs,
-    MessageIsThreadReplyInChannelButtonIndicator: V = vs,
-    MessageRepliesCountButton: te = xs,
-    ReminderNotification: Z = ws,
-    StreamedMessageText: G = _s,
-    PinIndicator: y
-  } = un("CustomMessage"), M = ys(c), W = Ns(c), Q = le(
+    MessageBlocked: A = ps,
+    MessageBouncePrompt: P = bs,
+    MessageDeleted: U = vs,
+    MessageIsThreadReplyInChannelButtonIndicator: G = xs,
+    MessageRepliesCountButton: ee = ws,
+    ReminderNotification: Z = _s,
+    StreamedMessageText: J = ys,
+    PinIndicator: H
+  } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = le(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), j = le(() => {
@@ -3965,47 +3966,47 @@ const Yi = ({
     if (!Fe(c)) return pe;
     const jt = pe.filter((Ht) => !("type" in Ht) || !Ve(Ht));
     return jt.length === pe.length ? pe : jt;
-  }, [c]), J = le(
-    () => Xn(j),
+  }, [c]), Q = le(
+    () => qn(j),
     [j]
-  ), X = le(() => {
-    const he = Nn({ message: c, viewerLanguage: v });
+  ), q = le(() => {
+    const he = kn({ message: c, viewerLanguage: v });
     return he === c.text ? c : { ...c, text: he };
-  }, [c, v]), ne = J.length > 0, ue = J.reduce(
+  }, [c, v]), ne = Q.length > 0, ue = Q.reduce(
     (he, pe) => he + pe.attachments.length,
     0
   ) === ((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 (ks(c))
+  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 me = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, St = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, Et = Ss(c);
+  const me = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, St = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, Et = Es(c);
   let ge;
   St ? ge = () => u(c) : Et && (ge = () => R(!0));
-  const ee = g(), ts = k(
+  const te = g(), ns = N(
     "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",
+    te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
-      "str-chat__message--has-attachment": M,
+      "str-chat__message--has-attachment": k,
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": W,
+      "str-chat__message--with-reactions": D,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
       "str-chat__message-with-thread-link": me || ie,
       "str-chat__virtual-message__wrapper--end": a,
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ye = c.poll_id && N.polls.fromState(c.poll_id), It = dr(c), ye = Fe(c), ns = ht(c), We = !!(j != null && j.length && !c.quoted_message), Tt = ye && ee && We, ss = ne && ue && !c.quoted_message && !Ye && !Q && !ye, At = {
+  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), It = ur(c), ye = Fe(c), ss = ht(c), We = !!(j != null && j.length && !c.quoted_message), Tt = ye && te && We, as = ne && ue && !c.quoted_message && !Ye && !Y && !ye, At = {
     contentType: "text",
     amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
     paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
-    renderedText: c.text && /* @__PURE__ */ n(ze, { message: X, renderText: p })
+    renderedText: c.text && /* @__PURE__ */ n(ze, { message: q, renderText: p })
   }, Rt = {
     contentType: "media",
     title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
@@ -4024,7 +4025,7 @@ const Yi = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      Es,
+      Is,
       {
         MessageBouncePrompt: P,
         onClose: () => R(!1),
@@ -4034,11 +4035,11 @@ const Yi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: ts,
+        className: ns,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
-          y && /* @__PURE__ */ n(y, {}),
+          H && /* @__PURE__ */ n(H, {}),
           !!I && /* @__PURE__ */ n(Z, { reminder: I }),
           c.user && /* @__PURE__ */ n(
             _e,
@@ -4055,7 +4056,7 @@ const Yi = ({
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: N("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": St || Et
               }),
               "data-testid": "message-inner",
@@ -4069,9 +4070,9 @@ const Yi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: It ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : or(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                ee && C && /* @__PURE__ */ n(C, {}),
-                ee ? /* @__PURE__ */ n(Pe, { ...At, isMine: !0 }) : /* @__PURE__ */ n(
+              children: It ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+                te && C && /* @__PURE__ */ n(C, {}),
+                te ? /* @__PURE__ */ n(Pe, { ...At, isMine: !0 }) : /* @__PURE__ */ n(
                   Pe,
                   {
                     ...At,
@@ -4080,11 +4081,11 @@ const Yi = ({
                     onUnlockClick: () => L == null ? void 0 : L(c, _)
                   }
                 ),
-                !ee && C && /* @__PURE__ */ n(C, {})
-              ] }) }) : cr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
+                !te && C && /* @__PURE__ */ n(C, {})
+              ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-                  ee && C && /* @__PURE__ */ n(C, {}),
-                  ee ? /* @__PURE__ */ n(
+                  te && C && /* @__PURE__ */ n(C, {}),
+                  te ? /* @__PURE__ */ n(
                     Pe,
                     {
                       ...Rt,
@@ -4101,33 +4102,33 @@ const Yi = ({
                       onDownloadClick: () => $ ? $(c, _) : void 0
                     }
                   ),
-                  !ee && C && /* @__PURE__ */ n(C, {})
+                  !te && C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && /* @__PURE__ */ f(
                   "div",
                   {
-                    className: k("str-chat__message-bubble", {
+                    className: N("str-chat__message-bubble", {
                       "relative isolate": se
                     }),
                     children: [
                       /* @__PURE__ */ n(
                         ze,
                         {
-                          message: X,
+                          message: q,
                           renderText: p
                         }
                       ),
-                      se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                      se && /* @__PURE__ */ n($e, { side: te ? "me" : "other" })
                     ]
                   }
                 )
-              ] }) : ss ? /* @__PURE__ */ n(
-                Yi,
+              ] }) : as ? /* @__PURE__ */ n(
+                Wi,
                 {
                   groupPosition: De,
-                  isMyMessage: ee,
+                  isMyMessage: te,
                   message: {
-                    ...X,
+                    ...q,
                     attachments: j,
                     // MessageText prefers message.i18n[userLanguage_text] from
                     // Stream's TranslationContext over message.text. Drop i18n so
@@ -4139,7 +4140,7 @@ const Yi = ({
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f(
                 "div",
                 {
-                  className: k("str-chat__message-bubble", {
+                  className: N("str-chat__message-bubble", {
                     "relative isolate": se
                   }),
                   children: [
@@ -4148,127 +4149,127 @@ const Yi = ({
                       {
                         message: c,
                         hasAttachment: We,
-                        isMyMessage: ee
+                        isMyMessage: te
                       }
                     ),
-                    Ye && /* @__PURE__ */ n(Is, { poll: Ye }),
+                    Ye && /* @__PURE__ */ n(Ts, { poll: Ye }),
                     j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
-                      D,
+                      M,
                       {
                         actionHandler: l,
                         attachments: j
                       }
                     ) : null,
-                    Q ? /* @__PURE__ */ n(
-                      G,
+                    Y ? /* @__PURE__ */ n(
+                      J,
                       {
-                        message: X,
+                        message: q,
                         renderText: p
                       }
                     ) : /* @__PURE__ */ n(
                       ze,
                       {
-                        message: X,
+                        message: q,
                         renderText: p
                       }
                     ),
                     /* @__PURE__ */ n(st, {}),
-                    se && /* @__PURE__ */ n($e, { side: ee ? "me" : "other" })
+                    se && /* @__PURE__ */ n($e, { side: te ? "me" : "other" })
                   ]
                 }
               ) })
             }
           ),
-          !ns && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || Tt) && /* @__PURE__ */ n(
+          !ss && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || Tt) && /* @__PURE__ */ n(
             Ze,
             {
               message: c,
               hasAttachment: We,
-              isMyMessage: ee
+              isMyMessage: te
             }
           ) }),
           /* @__PURE__ */ n(
-            xr,
+            wr,
             {
               onOutboundClick: x,
               resolvedOutbound: b
             }
           ),
           me && /* @__PURE__ */ n(
-            te,
+            ee,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ n(V, {})
+          ie && /* @__PURE__ */ n(G, {})
         ]
       },
       c.id
     )
   ] });
-}, Xi = z.memo(
-  Wi,
+}, qi = z.memo(
+  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);
   }
-), qi = (e) => {
+), Ki = (e) => {
   var i;
-  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;
+  const t = fe("CustomMessage"), s = xe(Dn), 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(
-    Xi,
+    qi,
     {
       ...t,
       ...e,
       resolvedOutbound: r
     }
   );
-}, Ki = () => {
+}, Zi = () => {
   var s;
   const { handleDelete: e, message: t } = fe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    bn,
+    vn,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ga, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(pa, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Zi = () => {
+}, Ji = () => {
   const { handleFlag: e } = fe("CustomMessageActions");
   return /* @__PURE__ */ n(
-    bn,
+    vn,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(hn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(fn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ji = () => {
+}, Qi = () => {
   var t;
   const { message: e } = fe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
-    xa,
+    wa,
     {
       messageActionSet: [
-        { Component: Ki, placement: "quick", type: "delete" },
-        { Component: Zi, placement: "quick", type: "flag" }
+        { Component: Zi, placement: "quick", type: "delete" },
+        { Component: Ji, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Qi = (e) => ({
+}, el = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
   )
-}), el = () => {
-  const { linkPreviewsManager: e } = Ts(), { linkPreviews: t } = As(
+}), tl = () => {
+  const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
     e.state,
-    Qi
+    el
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -4332,7 +4333,7 @@ const Yi = ({
       );
     }) })
   ) : null;
-}, Be = z.createContext(!1), tl = 200, so = () => xe(Be), nl = ({ 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,
@@ -4341,13 +4342,13 @@ const Yi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(pa, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(ba, { weight: "bold", className: "size-4" })
   }
 ), rn = () => {
-  const e = xe(Be), { handleSubmit: t } = Rs(), s = Ls(), a = e || !s, {
-    SendButton: r = nl,
-    AttachmentPreviewList: i = Ms
-  } = un("CustomMessageInput"), o = z.useRef(null);
+  const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
+    SendButton: r = sl,
+    AttachmentPreviewList: i = Ds
+  } = mn("CustomMessageInput"), o = z.useRef(null);
   return z.useEffect(() => {
     const l = o.current;
     if (!l || typeof ResizeObserver > "u")
@@ -4410,13 +4411,13 @@ const Yi = ({
       "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(el, {}),
+          /* @__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]",
@@ -4443,7 +4444,14 @@ const Yi = ({
       ]
     }
   );
-}, ln = ({
+}, ln = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
+  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
+  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
+  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
+  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
+  /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-gradient" })
+] }), on = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4465,11 +4473,11 @@ const Yi = ({
       c = v;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, N = b ? b.scrollHeight - b.scrollTop - b.clientHeight < tl : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < nl : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
-      ), x && N && b && (b.scrollTop = b.scrollHeight);
+      ), x && y && b && (b.scrollTop = b.scrollHeight);
     };
     if (p(), typeof ResizeObserver > "u")
       return;
@@ -4483,14 +4491,7 @@ const Yi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-gradient" })
-        ] }),
+        /* @__PURE__ */ n(ln, {}),
         /* @__PURE__ */ f("div", { className: "relative z-10 flex flex-col", 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 }),
@@ -4508,14 +4509,7 @@ const Yi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-blur" }),
-          /* @__PURE__ */ n("div", { className: "messaging-composer-backdrop-gradient" })
-        ] }),
+        /* @__PURE__ */ n(ln, {}),
         /* @__PURE__ */ f("div", { className: "relative z-10 flex min-h-0 flex-col", children: [
           t == null ? void 0 : t(),
           /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
@@ -4552,17 +4546,17 @@ const Yi = ({
     ),
     s == null ? void 0 : s()
   ] });
-}, sl = {
+}, al = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, al = ["SYSTEM_AGE_SAFETY_BLOCKED"], rl = {
+}, rl = ["SYSTEM_AGE_SAFETY_BLOCKED"], il = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", il = "https://linktr.ee/s/about/contact", ll = (e) => al.includes(
+}, et = "age safety guidelines.", ll = "https://linktr.ee/s/about/contact", ol = (e) => rl.includes(
   e
-), ol = (e) => {
+), cl = (e) => {
   var t;
-  return ll((t = e.metadata) == null ? void 0 : t.custom_type);
-}, cl = (e) => {
+  return ol((t = e.metadata) == null ? void 0 : t.custom_type);
+}, dl = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Yt(t))
@@ -4570,7 +4564,7 @@ const Yi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Vs(t))
+  if (Gs(t))
     return {
       kind: "age-safety",
       type: t
@@ -4581,7 +4575,7 @@ const Yi = ({
       kind: "dm-agent",
       type: s
     };
-}, dl = (e) => {
+}, ul = (e) => {
   const t = e.indexOf(et);
   if (t === -1)
     return e;
@@ -4591,7 +4585,7 @@ const Yi = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: il,
+        href: ll,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4600,13 +4594,13 @@ const Yi = ({
     ),
     e.slice(s)
   ] });
-}, ul = (e) => {
+}, ml = (e) => {
   var a, r;
-  const t = !ol(e.message), s = cl(
+  const t = !cl(e.message), s = dl(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || sl[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || al[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4616,7 +4610,7 @@ const Yi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              ba,
+              va,
               {
                 size: 16,
                 weight: "regular",
@@ -4632,7 +4626,7 @@ const Yi = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || rl[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || il[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4642,7 +4636,7 @@ const Yi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              va,
+              xa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4651,7 +4645,7 @@ const Yi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: dl(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: ul(i) }) })
           ]
         }
       ),
@@ -4666,7 +4660,7 @@ const Yi = ({
     ] }),
     !t && /* @__PURE__ */ n(Xe, { message: e.message })
   ] });
-}, qn = je(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, Kn = je(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4676,17 +4670,17 @@ const Yi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), ml = /* @__PURE__ */ new Set([
+) }), hl = /* @__PURE__ */ new Set([
   qe.Thinking,
   qe.Generating,
   qe.ExternalSources
-]), hl = ({ threadList: e }) => {
+]), fl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = Ps(), { aiState: o } = zs(t), l = xe(qn);
-  if (!e && l && ml.has(o)) {
-    const v = fl(t, (p = r.user) == null ? void 0 : p.id);
+  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(
-      on,
+      cn,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -4712,7 +4706,7 @@ const Yi = ({
     return null;
   const g = (w = m[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ n(
-    on,
+    cn,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4720,7 +4714,7 @@ const Yi = ({
       testId: "typing-indicator"
     }
   );
-}, on = ({
+}, cn = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -4767,7 +4761,7 @@ const Yi = ({
     ] })
   }
 );
-function fl(e, t) {
+function gl(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -4776,10 +4770,10 @@ function fl(e, t) {
       return i;
   }
 }
-const gl = () => null, pl = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const pl = () => null, bl = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: N("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ f("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -4820,11 +4814,11 @@ const gl = () => null, pl = ({ className: e, message: t }) => /* @__PURE__ */ f(
     ]
   }
 ), Ue = z.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ f("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(pl, { className: "w-6 h-6" }),
+  /* @__PURE__ */ n(bl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ue.displayName = "LoadingState";
-const bl = ({
+const vl = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -4844,7 +4838,7 @@ const bl = ({
   renderChannelBanner: v,
   customChannelActions: x,
   renderChannelActions: b,
-  renderMessage: N,
+  renderMessage: y,
   viewerLanguage: _,
   showChannelInfo: T = !0,
   onParticipantNameClick: L,
@@ -4852,17 +4846,17 @@ const bl = ({
   resolveOutbound: $,
   composerInput: F
 }) => {
-  const { channel: R, messages: I } = we(), D = H(E);
-  Y(() => {
-    D.current = E;
+  const { channel: R, messages: I } = we(), M = V(E);
+  W(() => {
+    M.current = E;
   }, [E]);
-  const S = q((Z) => {
-    var G;
-    (G = D.current) == null || G.call(D, Z);
-  }, []), C = E ? S : void 0, A = gr(I, $), P = R.state.messages.some(
+  const S = X((Z) => {
+    var J;
+    (J = M.current) == null || J.call(M, Z);
+  }, []), C = E ? S : void 0, A = pr(I, $), P = R.state.messages.some(
     (Z) => Z.type !== "deleted"
-  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, V = /* @__PURE__ */ n(
-    Ra,
+  ), U = v ? /* @__PURE__ */ n(z.Fragment, { children: v() }, "lt-channel-banner") : null, G = /* @__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%)]",
       onBack: e,
@@ -4881,44 +4875,44 @@ const bl = ({
       renderChannelActions: b,
       onParticipantNameClick: L
     }
-  ), te = q(
+  ), ee = X(
     (Z) => {
-      const { message: G } = fe("ChannelView"), y = /* @__PURE__ */ n(
-        qi,
+      const { message: J } = fe("ChannelView"), H = /* @__PURE__ */ n(
+        Ki,
         {
           ...Z,
           viewerLanguage: _,
           onOutboundClick: C
         }
       );
-      return !N || !G ? y : N(y, G);
+      return !y || !J ? H : y(H, J);
     },
-    [C, N, _]
+    [C, y, _]
   );
-  return /* @__PURE__ */ n(Mn.Provider, { value: A, children: /* @__PURE__ */ n(
-    $s,
+  return /* @__PURE__ */ n(Dn.Provider, { value: A, children: /* @__PURE__ */ n(
+    Bs,
     {
       overrides: {
-        Message: te,
-        MessageActions: Ji,
+        Message: ee,
+        MessageActions: Qi,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Bs, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n(Us, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
             className: "messaging-channel-message-list messaging-channel-message-list--floating relative min-h-0 flex-1 overflow-hidden",
             children: [
               !P && /* @__PURE__ */ n("div", { className: "str-chat__list", children: /* @__PURE__ */ f("div", { className: "str-chat__message-list-scroll", children: [
-                V,
+                G,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Gt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    V,
+                    G,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4930,7 +4924,7 @@ const bl = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          ln,
+          on,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4952,14 +4946,14 @@ const bl = ({
             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: [
-                V,
+                G,
                 U
               ] }) }),
               /* @__PURE__ */ n(
                 Gt,
                 {
                   head: P ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
-                    V,
+                    G,
                     U
                   ] }) : void 0,
                   hideDeletedMessages: !0,
@@ -4972,7 +4966,7 @@ const bl = ({
         ),
         r ? /* @__PURE__ */ n(z.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          ln,
+          on,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4987,7 +4981,7 @@ const bl = ({
       ] }) })
     }
   ) });
-}, Kn = z.memo(
+}, Zn = z.memo(
   ({
     channel: e,
     onBack: t,
@@ -4998,7 +4992,7 @@ const bl = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = gl,
+    CustomChannelEmptyState: u = pl,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
@@ -5008,7 +5002,7 @@ const bl = ({
     composerDisabled: v = !1,
     composerDisabledReason: x,
     dmAgentEnabled: b,
-    messageMetadata: N,
+    messageMetadata: y,
     onMessageSent: _,
     showStarButton: T = !1,
     renderChannelBanner: L,
@@ -5017,70 +5011,70 @@ const bl = ({
     renderMessage: F,
     onMessageLinkClick: R,
     sendButton: I,
-    attachmentPreviewList: D,
+    attachmentPreviewList: M,
     viewerLanguage: S,
     showChannelInfo: C = !0,
     onParticipantNameClick: A,
     onOutboundClick: P,
     resolveOutbound: U,
-    composerInput: V
+    composerInput: G
   }) => {
-    const te = q(
-      async (y, M, W) => {
+    const ee = X(
+      async (H, k, D) => {
         var ue;
-        const Q = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, j = b && !Q, J = {
-          ...M,
+        const Y = ((ue = e.data) == null ? void 0 : ue.chatbot_paused) === !0, j = b && !Y, Q = {
+          ...k,
           ...j && { silent: !0 },
-          ...N && {
+          ...y && {
             metadata: {
-              ...M.metadata ?? {},
-              ...N
+              ...k.metadata ?? {},
+              ...y
             }
           }
-        }, X = {
-          ...W,
+        }, q = {
+          ...D,
           ...j && { skip_push: !0 }
-        }, ne = await e.sendMessage(J, X);
+        }, ne = await e.sendMessage(Q, q);
         return _ == null || _(ne), ne;
       },
-      [e, b, N, _]
-    ), Z = H(null);
-    Y(() => {
+      [e, b, y, _]
+    ), Z = V(null);
+    W(() => {
       if (!R) return;
-      const y = Z.current;
-      if (!y) return;
-      const M = (W) => {
-        const Q = W.target, j = Q == null ? void 0 : Q.closest("a[href]"), J = j == null ? void 0 : j.getAttribute("href");
-        if (!J) return;
-        const X = j == null ? void 0 : j.closest("[data-message-id]"), ne = X == null ? void 0 : X.getAttribute("data-message-id"), ue = ne ? e.state.messages.find((ae) => ae.id === ne) : void 0;
-        R(J, ue);
+      const H = Z.current;
+      if (!H) return;
+      const k = (D) => {
+        const Y = D.target, j = Y == null ? void 0 : Y.closest("a[href]"), Q = j == null ? void 0 : j.getAttribute("href");
+        if (!Q) return;
+        const q = j == null ? void 0 : j.closest("[data-message-id]"), ne = q == null ? void 0 : q.getAttribute("data-message-id"), ue = ne ? e.state.messages.find((ae) => ae.id === ne) : void 0;
+        R(Q, ue);
       };
-      return y.addEventListener("click", M), () => y.removeEventListener("click", M);
+      return H.addEventListener("click", k), () => H.removeEventListener("click", k);
     }, [R, e]);
-    const G = mn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+    const J = hn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
         ref: Z,
-        className: k(
+        className: N(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        style: G,
-        children: /* @__PURE__ */ n(qn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
-          Fs,
+        style: J,
+        children: /* @__PURE__ */ n(Kn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+          $s,
           {
             channel: e,
-            MessageSystem: ul,
+            MessageSystem: ml,
             EmptyStateIndicator: u,
             LoadingIndicator: Ue,
-            DateSeparator: La,
-            TypingIndicator: hl,
-            doSendMessageRequest: te,
+            DateSeparator: Ma,
+            TypingIndicator: fl,
+            doSendMessageRequest: ee,
             ...I ? { SendButton: I } : {},
-            ...D ? { AttachmentPreviewList: D } : {},
+            ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ n(
-              bl,
+              vl,
               {
                 onBack: t,
                 showBackButton: s,
@@ -5108,7 +5102,7 @@ const bl = ({
                 onParticipantNameClick: A,
                 onOutboundClick: P,
                 resolveOutbound: U,
-                composerInput: V
+                composerInput: G
               }
             )
           }
@@ -5117,7 +5111,7 @@ const bl = ({
     );
   }
 );
-Kn.displayName = "ChannelView";
+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!" }),
@@ -5133,7 +5127,7 @@ const Ce = z.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const ao = ({
+const ro = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -5153,7 +5147,7 @@ const ao = ({
   onParticipantNameClick: v,
   onOutboundClick: x,
   resolveOutbound: b,
-  renderMessage: N,
+  renderMessage: y,
   onMessageLinkClick: _,
   showChannelInfo: T,
   composerInput: L
@@ -5164,24 +5158,24 @@ const ao = ({
     isLoading: F,
     error: R,
     refreshConnection: I,
-    service: D,
+    service: M,
     debug: S
-  } = wa(), [C, A] = B(null), [P, U] = B(null), [V, te] = B(!1), { showDeleteConversation: Z = !0 } = e, G = H(o);
-  G.current = o;
-  const y = H(a);
-  y.current = a;
-  const M = H(null), W = H(null);
-  Y(() => {
-    W.current = C;
-  }, [C]), Y(() => {
+  } = _a(), [C, A] = B(null), [P, U] = B(null), [G, ee] = B(!1), { showDeleteConversation: Z = !0 } = e, J = V(o);
+  J.current = o;
+  const H = V(a);
+  H.current = a;
+  const k = V(null), D = V(null);
+  W(() => {
+    D.current = C;
+  }, [C]), W(() => {
     if (!E || !$) return;
-    const J = E.userID;
-    if (!J) return;
-    const X = `${J}::${i}`;
-    if (M.current === X) return;
-    M.current = X;
+    const Q = E.userID;
+    if (!Q) return;
+    const q = `${Q}::${i}`;
+    if (k.current === q) return;
+    k.current = q;
     const ne = () => {
-      M.current === X && (M.current = null);
+      k.current === q && (k.current = null);
     };
     (async () => {
       var ae, De;
@@ -5193,20 +5187,20 @@ const ao = ({
         const se = await E.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [J, i] }
+            members: { $eq: [Q, i] }
           },
           {},
           { limit: 1 }
         );
         if (se.length > 0) {
-          A(se[0]), U(null), (ae = y.current) == null || ae.call(y, se[0]), S && console.log(
+          A(se[0]), U(null), (ae = H.current) == null || ae.call(H, se[0]), S && console.log(
             "[MessagingShell] Initial conversation loaded:",
             se[0].id
           );
           return;
         }
-        const me = G.current;
-        if (!me || !D) {
+        const me = J.current;
+        if (!me || !M) {
           ne(), U("No conversation found with this account"), S && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -5214,12 +5208,12 @@ const ao = ({
           return;
         }
         try {
-          const ie = await D.startChannelWithParticipant({
+          const ie = await M.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(
+          A(ie), U(null), (De = H.current) == null || De.call(H, ie), S && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -5233,15 +5227,15 @@ const ao = ({
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           se
-        ), ne(), W.current || U("Failed to load conversation");
+        ), ne(), D.current || U("Failed to load conversation");
       }
     })();
-  }, [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);
+  }, [i, E, $, M, S]);
+  const Y = V(r);
+  Y.current = r;
+  const j = X(() => {
+    var Q;
+    A(null), ee(!0), (Q = Y.current) == null || Q.call(Y);
   }, []);
   return F ? /* @__PURE__ */ n(Ue, {}) : R ? /* @__PURE__ */ n(Ce, { message: R, onBack: I }) : !$ || !E ? /* @__PURE__ */ n(
     Ce,
@@ -5249,8 +5243,8 @@ const ao = ({
       message: "Not connected to messaging service",
       onBack: I
     }
-  ) : 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(
-    Kn,
+  ) : P ? /* @__PURE__ */ n(Ce, { message: P }) : G && !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,
@@ -5270,7 +5264,7 @@ const ao = ({
       onParticipantNameClick: v,
       onOutboundClick: x,
       resolveOutbound: b,
-      renderMessage: N,
+      renderMessage: y,
       onMessageLinkClick: _,
       showChannelInfo: T,
       composerInput: L
@@ -5278,13 +5272,13 @@ const ao = ({
     C.id
   ) }) }) : /* @__PURE__ */ n(Ue, {});
 };
-function vl(e) {
+function xl(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Zn = z.createContext({
+const Jn = z.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5292,14 +5286,14 @@ const Zn = z.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), xl = Zn.Provider, wl = () => z.useContext(Zn), _l = (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));
-}, yl = (e) => {
+}, Nl = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = _l(e, t);
+  const a = yl(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5312,7 +5306,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, {
@@ -5322,7 +5316,7 @@ const Zn = z.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = wl(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = xn(t);
+    } = _l(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5337,30 +5331,30 @@ const Zn = z.createContext({
     const g = () => {
       t && r(t);
     }, c = (I) => {
-      const D = I.key === "Enter" || I.key === " ", S = I.repeat;
-      !D || S || (I.preventDefault(), g());
-    }, p = wn(
+      const M = I.key === "Enter" || I.key === " ", S = I.repeat;
+      !M || S || (I.preventDefault(), g());
+    }, p = _n(
       ($ = t == null ? void 0 : t.state) == null ? void 0 : $.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = _n(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;
+    ), w = yn(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;
       if (I != null && I.length) {
         for (let S = I.length - 1; S >= 0; S--)
           if (I[S].type !== "system") return I[S];
       }
-    })(), N = (() => {
+    })(), y = (() => {
       var A;
-      const I = Nn({
+      const I = kn({
         message: x,
         viewerLanguage: d
-      }), { custom_type: D, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
-      if (D === oe.TIP)
+      }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
+      if (M === oe.TIP)
         return I || "Sent a tip";
-      if (D === oe.PAID)
+      if (M === oe.PAID)
         return I || "Sent a message";
-      if (D === oe.ATTACHMENT) {
+      if (M === oe.ATTACHMENT) {
         if (S === "text")
           return "🔒 Sent a locked message";
         if (S === "media")
@@ -5369,7 +5363,7 @@ const Zn = z.createContext({
       if (I) return I;
       const C = (A = x == null ? void 0 : x.attachments) == null ? void 0 : A[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), _ = x != null && x.created_at ? yl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, N) : `${T ? "✨ " : ""}${N}`, E = s ?? 0;
+    })(), _ = x != null && x.created_at ? Nl(new Date(x.created_at)) : "", T = x ? Fe(x) : !1, L = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5383,7 +5377,7 @@ const Zn = z.createContext({
         tabIndex: 0,
         onClick: g,
         onKeyDown: c,
-        className: k(
+        className: N(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": h,
@@ -5407,7 +5401,7 @@ const Zn = z.createContext({
               /* @__PURE__ */ f(
                 "h3",
                 {
-                  className: k(
+                  className: N(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -5428,18 +5422,18 @@ const Zn = z.createContext({
     );
   }
 );
-Jn.displayName = "CustomChannelPreview";
-const Nl = { last_message_at: -1 }, kl = z.memo(
+Qn.displayName = "CustomChannelPreview";
+const kl = { last_message_at: -1 }, Cl = z.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Nl,
+    sort: i = kl,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = js,
+    channelListPaginator: d = Hs,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5452,15 +5446,15 @@ const Nl = { last_message_at: -1 }, kl = z.memo(
   }) => {
     const b = z.useRef(0);
     b.current++;
-    const { debug: N = !1 } = ot(), _ = z.useCallback(
+    const { debug: y = !1 } = ot(), _ = z.useCallback(
       (L) => {
         for (const E of L)
-          vl(E);
+          xl(E);
         return r ? r(L) : L;
       },
       [r]
     );
-    N && console.log("📺 [ChannelList] 🔄 RENDER START", {
+    y && console.log("📺 [ChannelList] 🔄 RENDER START", {
       renderCount: b.current,
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
@@ -5469,7 +5463,7 @@ const Nl = { last_message_at: -1 }, kl = z.memo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
-        debug: N,
+        debug: y,
         channelPreview: u,
         renderMessagePreview: h,
         viewerLanguage: m
@@ -5477,7 +5471,7 @@ const Nl = { last_message_at: -1 }, kl = z.memo(
       [
         t,
         e,
-        N,
+        y,
         u,
         h,
         m
@@ -5486,12 +5480,12 @@ const Nl = { last_message_at: -1 }, kl = z.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: N(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(xl, { value: T, children: /* @__PURE__ */ n(
-          Us,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(wl, { value: T, children: /* @__PURE__ */ n(
+          js,
           {
             filters: s,
             sort: i,
@@ -5505,7 +5499,7 @@ const Nl = { last_message_at: -1 }, kl = z.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: Jn,
+            Preview: Qn,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5514,14 +5508,14 @@ const Nl = { last_message_at: -1 }, kl = z.memo(
     );
   }
 );
-kl.displayName = "ChannelList";
-const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Sl = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", cn = ({ surface: e, actions: t, layout: s }) => {
+Cl.displayName = "ChannelList";
+const Sl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", El = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", dn = ({ surface: e, actions: t, layout: s }) => {
   if (t == null || t.length === 0) return null;
   const a = s === "stacked";
   return /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "flex gap-2",
         // `row` is capped (`max-w-[60%]`) and shrinkable (`min-w-0`) so a long
         // or localized secondary label can never grow the footer past the
@@ -5530,7 +5524,7 @@ const Cl = "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(
-        Dn,
+        On,
         {
           variant: e,
           cta: r,
@@ -5541,7 +5535,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, El = ({
+}, Il = ({
   ctaSurface: e,
   chinTextColor: t,
   title: s,
@@ -5565,7 +5559,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       /* @__PURE__ */ n(
         "p",
         {
-          className: k("min-w-0", Cl),
+          className: N("min-w-0", Sl),
           style: h,
           children: s
         }
@@ -5574,8 +5568,8 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     d && /* @__PURE__ */ n(
       "p",
       {
-        className: k(
-          Sl,
+        className: N(
+          El,
           r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
         ),
@@ -5586,11 +5580,11 @@ const Cl = "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(cn, { surface: e, actions: o, layout: "row" })
+    /* @__PURE__ */ n(dn, { surface: e, actions: o, layout: "row" })
   ] }) : /* @__PURE__ */ f(K, { children: [
     c,
     /* @__PURE__ */ n(
-      cn,
+      dn,
       {
         surface: e,
         actions: o,
@@ -5598,36 +5592,36 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       }
     )
   ] }) });
-}, Il = {
+}, Tl = {
   dark: "bg-white/[0.06]",
   light: "bg-black/[0.04]"
-}, Tl = {
+}, Al = {
   1: [0],
   2: [-10, 10],
   3: [-13, 0, 13]
-}, Al = {
+}, Rl = {
   1: [0],
   2: [-26, 26],
   3: [-40, 0, 40]
-}, Rl = {
+}, Ll = {
   1: [0],
   2: [0, 1],
   3: [1, 3, 2]
-}, Ll = {
+}, Ml = {
   1: [1],
   2: [1, 1],
   3: [1, 1.08, 1]
-}, Ml = ({ variant: e, images: t }) => {
+}, Dl = ({ variant: e, images: t }) => {
   const [s, a] = z.useState({}), r = t.join(`
 `), [i, o] = z.useState(r);
   r !== i && (o(r), a({}));
-  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Tl[d], h = Al[d], m = Rl[d], g = Ll[d];
+  const l = t.slice(0, 3).map((c, p) => ({ src: c, index: p })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Al[d], h = Rl[d], m = Ll[d], g = Ml[d];
   return /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: N(
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
-        Il[e]
+        Tl[e]
       ),
       children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
@@ -5648,14 +5642,14 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Dl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Ol = ({
+}, Ol = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Pl = ({
   variant: e,
   presentation: t,
   images: s,
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ n("div", { className: Dl, children: t === "fan" ? /* @__PURE__ */ n(Ml, { variant: e, images: s }) : (
+}) => /* @__PURE__ */ n("div", { className: Ol, children: t === "fan" ? /* @__PURE__ */ n(Dl, { variant: e, images: s }) : (
   // `heroUrl` is the palette-tracked source: it becomes `undefined` when the
   // hero image errors, so `CardThumbnail` falls through to its placeholder.
   // Do NOT `?? images[0]` here — that would re-instate the failed URL.
@@ -5669,7 +5663,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), Qn = ({
+) }), es = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5681,7 +5675,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = Gs({
+  const h = Ys({
     imagePresentation: i,
     images: r
   }), m = r.length > 0, g = m && h === "hero", c = Ge({
@@ -5704,7 +5698,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           "data-testid": "rich-card",
           children: [
             m && /* @__PURE__ */ n(
-              Ol,
+              Pl,
               {
                 variant: e,
                 presentation: h,
@@ -5715,7 +5709,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
               }
             ),
             /* @__PURE__ */ n(
-              El,
+              Il,
               {
                 ctaSurface: c.surface,
                 chinTextColor: c.chinTextColor,
@@ -5731,13 +5725,13 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, Pl = (e) => /* @__PURE__ */ n(Qn, { ...e, variant: "dark" }), zl = (e) => /* @__PURE__ */ n(Qn, { ...e, variant: "light" }), ro = {
-  Sent: Pl,
-  Received: zl
-}, dn = `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%`, Fl = {
+}, zl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), Fl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), io = {
+  Sent: zl,
+  Received: Fl
+}, un = `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 = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, $l = ({ variant: e }) => /* @__PURE__ */ n(
+}, Bl = ({ variant: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -5747,12 +5741,12 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Fl[e],
-      WebkitMask: dn,
-      mask: dn
+      backgroundColor: $l[e],
+      WebkitMask: un,
+      mask: un
     }
   }
-), Bl = {
+), Ul = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5761,7 +5755,7 @@ const Cl = "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,
@@ -5771,29 +5765,29 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   "div",
   {
     "data-dd-privacy": "mask",
-    className: k(
+    className: N(
       "relative px-4 py-3",
       "text-[0.875rem] leading-[1.3125rem] tracking-[0.14px]",
       r
     ),
     style: {
-      ...Bl[e],
+      ...Ul[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ n("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ n("p", { className: "m-0 whitespace-pre-wrap break-words hyphens-manual", children: t }),
-      s && /* @__PURE__ */ n($l, { variant: e })
+      s && /* @__PURE__ */ n(Bl, { variant: e })
     ]
   }
-), Ul = ({
+), jl = ({
   text: e,
   tail: t,
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  es,
+  ts,
   {
     variant: "received",
     text: e,
@@ -5801,10 +5795,10 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), jl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(es, { variant: "sent", text: e, tail: t, className: s }), io = {
-  Sent: jl,
-  Received: Ul
-}, Hl = ({
+), Hl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), lo = {
+  Sent: Hl,
+  Received: jl
+}, Vl = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -5816,7 +5810,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: N(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -5826,7 +5820,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     ),
     children: e
   }
-), lo = ({
+), oo = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -5835,7 +5829,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = Ys(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(
       _e,
@@ -5855,7 +5849,7 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            Hl,
+            Vl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5869,41 +5863,41 @@ const Cl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  Cn as A,
-  _n as B,
-  gl as C,
-  so as D,
-  nr as E,
-  lo as F,
-  wa as G,
+  Sn as A,
+  yn as B,
+  pl as C,
+  ao as D,
+  sr as E,
+  oo as F,
+  _a as G,
   it as L,
-  eo as M,
-  ro as R,
+  to as M,
+  io as R,
   Ne as a,
   _e as b,
-  kl as c,
-  Kn as d,
-  to as e,
-  Hl as f,
+  Cl as c,
+  Zn as d,
+  no as e,
+  Vl as f,
   de as g,
   Pe as h,
   ke as i,
-  io as j,
-  Ql as k,
-  ao as l,
-  Qr as m,
-  Kr as n,
+  lo as j,
+  eo as k,
+  ro as l,
+  ei as m,
+  Zr as n,
   ce as o,
-  yl as p,
-  Jr as q,
+  Nl as p,
+  Qr as q,
   ve as r,
-  Nn as s,
+  kn as s,
   Ve as t,
-  ya as u,
-  no as v,
-  Ma as w,
-  wn as x,
+  Na as u,
+  so as v,
+  Da as w,
+  _n as x,
   ut as y,
   mt as z
 };
-//# sourceMappingURL=index-t0Okjl1p.js.map
+//# sourceMappingURL=index-C1cbPKI7.js.map