@linktr.ee/messaging-react 4.1.4 → 4.1.5-rc-1786935540

package/dist/{index-Dr_5Q52K.js → index-Bia73RlU.js}

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import P, { createContext as je, useContext as xe, useCallback as K, useState as $, 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 Fe, 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 Ke, AIStates as Xe, useTypingContext as Fs, useAIState as zs, 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 P, { createContext as je, useContext as xe, useCallback as K, useState as $, useRef as V, useEffect as W, useId as is, Suspense as ls, useMemo as le } from "react";
+import { StreamChatService as os } from "@linktr.ee/messaging-core";
+import { StreamChat as cs, LinkPreviewsManager as nt } from "stream-chat";
+import { Chat as ds, useChannelStateContext as we, useChatContext as He, DateSeparator as us, useMessageContext as fe, MessageStatus as ms, MessageErrorIcon as st, MessageText as Fe, areMessageUIPropsEqual as hs, useMessageReminder as fs, useComponentContext as hn, Attachment as gs, EditMessageModal as ps, MessageBlocked as bs, MessageBouncePrompt as vs, MessageDeleted as xs, MessageIsThreadReplyInChannelButtonIndicator as ws, MessageRepliesCountButton as _s, ReminderNotification as ys, StreamedMessageText as Ns, messageHasAttachments as ks, messageHasReactions as Cs, isDateSeparatorMessage as Ss, isMessageBlocked as Es, isMessageBounced as Is, MessageBounceModal as Ts, Poll as As, useMessageComposer as Rs, useStateStore as Ls, MessageInput as Gt, useMessageInputContext as Ms, useMessageComposerHasSendableData as Ds, AttachmentPreviewList as Os, QuotedMessagePreview as Ps, TextareaComposer as Fs, MessageTimestamp as Ke, AIStates as Xe, useTypingContext as zs, useAIState as $s, Channel as Bs, WithComponents as Us, Window as js, MessageList as Yt, ChannelList as Hs, InfiniteScroll as Vs } from "stream-chat-react";
+import { isOfficialChannel as fn, OFFICIAL_SENDER_USER_ID as Gs, MESSAGE_CUSTOM_TYPE as oe, isDmAgentSystemType as Wt, isAgeSafetySystemType as Ys, resolveRichCardImagePresentation as Ws, selectEnabledFaqs as Ks } from "@linktr.ee/messaging-taxonomy";
 import N from "classnames";
-import { StarIcon as at, DotsThreeIcon as Ks, SpinnerGapIcon as Oe, SignOutIcon as Xs, ProhibitInsetIcon as Wt, FlagIcon as fn, CurrencyDollarIcon as qs, 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({
+import { StarIcon as at, DotsThreeIcon as Xs, SpinnerGapIcon as Oe, SignOutIcon as qs, ProhibitInsetIcon as Kt, FlagIcon as gn, CurrencyDollarIcon as Zs, CaretRightIcon as pn, ArrowLeftIcon as Js, FileIcon as bn, ImageIcon as Qs, SpeakerHighIcon as ea, VideoCameraIcon as vn, FileMdIcon as ta, FileTextIcon as na, FileZipIcon as sa, FilePptIcon as aa, FileCsvIcon as ra, FileXlsIcon as ia, FileDocIcon as la, FilePdfIcon as oa, CircleNotchIcon as be, PlayIcon as rt, PauseIcon as ca, LinkIcon as da, DownloadSimpleIcon as Se, GiftIcon as ua, WarningCircleIcon as ma, MegaphoneIcon as ha, ChecksIcon as fa, XIcon as lt, PencilSimpleIcon as ga, CaretLeftIcon as pa, TrashSimpleIcon as ba, ArrowUpIcon as va, SparkleIcon as xa, ProhibitIcon as wa } from "@phosphor-icons/react";
+import { MessageActions as _a, DefaultDropdownActionButton as xn } from "stream-chat-react/experimental";
+const wn = je({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const xn = je({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => xe(xn), to = ({
+}), ot = () => xe(wn), no = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -65,7 +65,7 @@ const xn = je({
     capabilities: r
   };
   const z = V(null);
-  !o && a && ((S = z.current) == null ? void 0 : S.apiKey) !== a && (z.current = { apiKey: a, client: new os(a) });
+  !o && a && ((S = z.current) == null ? void 0 : S.apiKey) !== a && (z.current = { apiKey: a, client: new cs(a) });
   const F = o || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
   W(() => {
     const A = E.current, O = _.current;
@@ -84,7 +84,7 @@ const xn = je({
       renderCount: A,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const B = new ls({
+    const B = new os({
       ...O,
       apiKey: a,
       debug: T.current,
@@ -215,8 +215,8 @@ const xn = je({
     renderCount: E.current,
     willRenderChat: !!F,
     contextValueReady: !!M
-  }), /* @__PURE__ */ n(xn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
-    cs,
+  }), /* @__PURE__ */ n(wn.Provider, { value: M, children: F ? /* @__PURE__ */ n(
+    ds,
     {
       client: F,
       customClasses: {
@@ -225,7 +225,7 @@ const xn = je({
       children: e
     }
   ) : e });
-}, _a = () => ot(), wn = (e) => {
+}, ya = () => ot(), _n = (e) => {
   var a, r;
   const [t, s] = $(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -248,13 +248,13 @@ const xn = je({
     };
   }, [e]), t;
 };
-function _n(e, t, s) {
+function yn(e, t, s) {
   const a = Object.values(e || {});
-  if (hn(s)) {
+  if (fn(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Vs;
+        return ((o = i.user) == null ? void 0 : o.id) === Gs;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function _n(e, t, s) {
     }
   );
 }
-const ya = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function Na(e) {
-  return ya.test(e.trim());
+const Na = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function ka(e) {
+  return Na.test(e.trim());
 }
-function Kt(e, t) {
+function Xt(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Na(s);
+  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !ka(s);
 }
-function yn(e) {
-  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function Nn(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 Xt = [
+const qt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -305,7 +305,7 @@ const Xt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ka(e) {
+function Ca(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -313,14 +313,14 @@ function ka(e) {
   }
   return Math.abs(t);
 }
-function Nn(e) {
-  return Xt[ka(e) % Xt.length];
-}
-function Ca(e) {
-  return Nn(e).emoji;
+function kn(e) {
+  return qt[Ca(e) % qt.length];
 }
 function Sa(e) {
-  return Nn(e).bgColor;
+  return kn(e).emoji;
+}
+function Ea(e) {
+  return kn(e).bgColor;
 }
 const _e = ({
   id: e,
@@ -331,7 +331,7 @@ const _e = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  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(
+  const l = Sa(e), d = Ea(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",
@@ -382,7 +382,7 @@ const _e = ({
       ]
     }
   );
-}, Ea = "https://linktr.ee/s/about/trust-center/report", Ia = ({
+}, Ia = "https://linktr.ee/s/about/trust-center/report", Ta = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -466,7 +466,7 @@ const _e = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Ea, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Ia, "_blank", "noopener,noreferrer");
     }
   };
 }, Ne = ({
@@ -486,7 +486,7 @@ const _e = ({
     ...a,
     children: s
   }
-), Ta = ({
+), Aa = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -500,7 +500,7 @@ const _e = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = $(!1), p = V(null), w = rs(), v = K(() => c(!1), []), {
+  const [g, c] = $(!1), p = V(null), w = is(), v = K(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: b,
     isLeaving: y,
@@ -509,7 +509,7 @@ const _e = ({
     handleBlockUser: L,
     handleUnblockUser: E,
     handleReportUser: z
-  } = Ia({
+  } = Ta({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -543,7 +543,7 @@ const _e = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((R) => !R),
         children: [
-          /* @__PURE__ */ n(Ks, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(Xs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const _e = ({
               disabled: y,
               "aria-busy": y,
               children: [
-                y ? /* @__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" })
               ]
             }
@@ -584,7 +584,7 @@ const _e = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Kt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
@@ -595,13 +595,13 @@ const _e = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Oe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Kt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
           r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ f(Ne, { variant: "danger", onClick: z, children: [
-            /* @__PURE__ */ n(fn, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n(gn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           h
@@ -609,7 +609,7 @@ const _e = ({
       }
     )
   ] });
-}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Aa = "CUSTOMER_PAID", Ra = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Aa, La = ({
+}, qe = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", Ra = "CUSTOMER_PAID", La = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === Ra, Ma = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -631,14 +631,14 @@ const _e = ({
   const { channel: v } = we(), { client: x } = He(), b = P.useMemo(
     () => {
       var A;
-      return _n(
+      return yn(
         (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]
-  ), 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, z = L || E || !!w, F = async () => {
+  ), y = Nn(b == null ? void 0 : b.user), _ = (M = b == null ? void 0 : b.user) == null ? void 0 : M.image, T = _n(v), L = La((S = v.data) == null ? void 0 : S.customer_tag) && (b == null ? void 0 : b.is_follower) === !0, E = a && T, z = L || E || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (A) {
@@ -674,7 +674,7 @@ const _e = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(qs, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ n(Zs, { 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(
-              gn,
+              pn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -717,7 +717,7 @@ const _e = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Zs, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Js, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ n("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: w ? /* @__PURE__ */ n(
@@ -752,7 +752,7 @@ const _e = ({
             }
           ),
           p && (c !== void 0 ? c : /* @__PURE__ */ n(
-            Ta,
+            Aa,
             {
               channel: v,
               participant: b,
@@ -772,40 +772,40 @@ const _e = ({
       ] })
     }
   );
-}, Ma = (e) => /* @__PURE__ */ n(ds, { ...e, position: "center" });
-function Da(e) {
+}, Da = (e) => /* @__PURE__ */ n(us, { ...e, position: "center" });
+function Oa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function kn({
+function Cn({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Da(t);
+  const s = e == null ? void 0 : e.text, a = Oa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Oa = ["linktr.ee"], qt = "messaging-attachment-v1_0";
-function Pa(e) {
+const Pa = ["linktr.ee"], Zt = "messaging-attachment-v1_0";
+function Fa(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function Fa(e) {
-  return Oa.some(
+function za(e) {
+  return Pa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function ce(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const s = Pa(t);
-  if (!s || !Fa(s)) return t;
+  const s = Fa(t);
+  if (!s || !za(s)) return t;
   const a = new URL(t);
-  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === qt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", qt), a.toString());
+  return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Zt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Zt), a.toString());
 }
-const za = [
+const $a = [
   [/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 Cn(e) {
-  const t = za.find(
+function Sn(e) {
+  const t = $a.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-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
+const Ba = {
+  video: vn,
+  audio: ea,
+  image: Qs,
+  document: bn
+}, Ua = {
+  pdf: oa,
+  doc: la,
+  xls: ia,
+  csv: ra,
+  ppt: aa,
+  zip: sa,
+  text: na,
+  markdown: ta,
+  generic: bn
 };
-function Ua(e) {
+function ja(e) {
   const t = de(e);
-  return t !== "document" ? $a[t] : Ba[Cn(e)];
+  return t !== "document" ? Ba[t] : Ua[Sn(e)];
 }
 function ve(e, t) {
-  return P.createElement(Ua(e), t);
+  return P.createElement(ja(e), t);
 }
-const ja = (e) => {
+const Ha = (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;
-}, Ha = ({
+}, Va = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -870,7 +870,7 @@ const ja = (e) => {
     const Y = D.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ja(k) - Y.left) / Y.width)
+      Math.min(1, (Ha(k) - Y.left) / Y.width)
     );
   }, []), B = K((k) => {
     const D = m.current;
@@ -1051,7 +1051,7 @@ const ja = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(oa, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(ca, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1099,7 +1099,7 @@ const ja = (e) => {
       ]
     }
   );
-}, 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 = ({
+}, Jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ga = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", En = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1110,7 +1110,7 @@ const ja = (e) => {
 }) => {
   const l = de(e), [d, u] = $(!1), h = ce(t), m = ce(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    Ha,
+    Va,
     {
       source: t,
       mimeType: e,
@@ -1157,11 +1157,11 @@ const ja = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ve(e, {
-        className: Zt(r),
+        className: Jt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Va(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Ga(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1174,12 +1174,12 @@ const ja = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ve(e, {
-        className: Zt(r),
+        className: Jt(r),
         weight: "regular"
       })
     }
   );
-}, En = ({
+}, In = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1245,25 +1245,25 @@ const ja = (e) => {
     }
   );
 };
-function In(e) {
+function Tn(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 Ga(e) {
+function Ya(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Ya(e) {
+function Wa(e) {
   return e ? "text-white" : "text-black";
 }
-function Wa(e) {
+function Ka(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Ka(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 }) => {
@@ -1278,29 +1278,29 @@ const dt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ga(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(ca, { className: `size-12 ${Xa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ya(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(da, { 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 ${Ya(t)}`,
+          className: `truncate text-[14px] font-medium leading-5 ${Wa(t)}`,
           children: s
         }
       ),
       a && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[12px] leading-4 ${Wa(t)}`,
+          className: `truncate text-[12px] leading-4 ${Ka(t)}`,
           children: a
         }
       ),
       d && /* @__PURE__ */ n(
         "p",
         {
-          className: `mt-1 truncate text-[12px] leading-4 ${Ka(t)}`,
+          className: `mt-1 truncate text-[12px] leading-4 ${Xa(t)}`,
           children: d
         }
       )
@@ -1325,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 Za(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1337,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 Za = ({
+const Ja = ({
   url: e,
   filename: t
 }) => {
@@ -1349,7 +1349,7 @@ const Za = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), qa(e, t).then(() => {
+        a(!0), Za(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1391,16 +1391,16 @@ function mt(e) {
     thumbnailUrl: h
   };
 }
-const Tn = ({
+const An = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? In(a) : void 0;
+  const i = a !== void 0 ? Tn(a) : void 0;
   return /* @__PURE__ */ n(
-    En,
+    In,
     {
       variant: "dark",
       title: s,
@@ -1408,7 +1408,7 @@ const Tn = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        Sn,
+        En,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1419,23 +1419,23 @@ const Tn = ({
       )
     }
   );
-}, An = ({
+}, Rn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = de(t), o = a !== void 0 ? In(a) : void 0;
+  const i = de(t), o = a !== void 0 ? Tn(a) : void 0;
   return /* @__PURE__ */ n(
-    En,
+    In,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        Sn,
+        En,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1445,10 +1445,10 @@ const Tn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(Za, { url: e, filename: s })
+      action: /* @__PURE__ */ n(Ja, { url: e, filename: s })
     }
   );
-}, Ja = ({
+}, Qa = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1485,46 +1485,46 @@ const Tn = ({
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(Tn, { ...a }) : /* @__PURE__ */ n(An, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(An, { ...a }) : /* @__PURE__ */ n(Rn, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Qa = ({
+}, er = ({
   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(Tn, { ...s }) }) : null;
-}, er = ({
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(An, { ...s }) }) : null;
+}, tr = ({
   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(An, { ...s }) }) : null;
-}, no = Object.assign(Ja, {
-  Creator: Qa,
-  Visitor: er
-}), tr = {
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Rn, { ...s }) }) : null;
+}, so = Object.assign(Qa, {
+  Creator: er,
+  Visitor: tr
+}), nr = {
   isUnlocking: () => !1
-}, nr = {
-  LockedAttachment: tr
-}, Rn = je({}), so = Rn.Provider;
-function sr(e) {
-  return xe(Rn)[e] ?? nr[e];
+}, sr = {
+  LockedAttachment: nr
+}, Ln = je({}), ao = Ln.Provider;
+function ar(e) {
+  return xe(Ln)[e] ?? sr[e];
 }
-const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import("./Card-Cy-pEAbc.js")), ir = () => /* @__PURE__ */ n(
+const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import("./Card-DZYRFXBB.js")), lr = () => /* @__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(is, { fallback: /* @__PURE__ */ n(ir, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ar, { ...e }) : /* @__PURE__ */ n(rr, { ...e }) }), lr = ({ size: e = 15 }) => /* @__PURE__ */ n(
+), Pe = (e) => /* @__PURE__ */ n(ls, { fallback: /* @__PURE__ */ n(lr, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(rr, { ...e }) : /* @__PURE__ */ n(ir, { ...e }) }), or = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1541,10 +1541,10 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
       }
     )
   }
-), or = (e) => {
+), cr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.TIP;
-}, Ln = (e) => {
+}, Mn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.PAID;
 }, ze = (e) => {
@@ -1553,15 +1553,18 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
 }, ht = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === oe.ATTACHMENT;
-}, cr = (e) => {
+}, dr = (e) => {
   var t;
   return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, dr = (e) => {
+}, ur = (e) => {
   var t;
   return ht(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Mn = (e) => or(e) || Ln(e), ur = (e) => {
+}, ft = (e) => cr(e) || Mn(e), mr = (e) => {
   var t;
-  return Mn(e) && !((t = e.text) != null && t.trim());
+  return ft(e) && !Dn(e) && !!((t = e.metadata) != null && t.amount_text);
+}, Dn = (e) => {
+  var t;
+  return ft(e) && !((t = e.text) != null && t.trim());
 }, Ze = ({
   message: e,
   standalone: t = !1,
@@ -1569,19 +1572,19 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
   hasAttachment: a = !1
 }) => {
   var g;
-  const r = Mn(e), i = ze(e);
+  const r = ft(e), i = ze(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 = Ln(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 = Mn(e) ? "message" : "tip", v = t ? `${c} ${w}` : `Delivered with ${c} ${w}`;
     return /* @__PURE__ */ f("div", { className: p, children: [
-      /* @__PURE__ */ n(da, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n(ua, { 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(lr, { 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(or, { size: o ? 12 : 15 }) });
   return /* @__PURE__ */ n(
     "div",
     {
@@ -1596,7 +1599,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.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%`, mr = {
+}, Qt = `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%`, hr = {
   me: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   other: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
 }, $e = ({ side: e }) => /* @__PURE__ */ n(
@@ -1609,24 +1612,24 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
       insetInlineStart: e === "other" ? "calc(-1 * 0.3125rem)" : void 0,
       transform: e === "other" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: mr[e],
-      WebkitMask: Jt,
-      mask: Jt
+      backgroundColor: hr[e],
+      WebkitMask: Qt,
+      mask: Qt
     }
   }
-), Dn = je(
+), On = je(
   void 0
-), hr = (e) => {
+), fr = (e) => {
   var s;
   const t = (s = e.metadata) == null ? void 0 : s.outbound_id;
   return typeof t == "string" ? t : void 0;
-}, fr = (e, t) => {
+}, gr = (e, t) => {
   if (!t || !(e != null && e.length))
     return;
   const s = /* @__PURE__ */ new Set();
   let a;
   for (const r of e) {
-    const i = hr(r);
+    const i = fr(r);
     if (!i || s.has(i))
       continue;
     s.add(i);
@@ -1637,7 +1640,7 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
     });
   }
   return a;
-}, gr = (e, t) => {
+}, pr = (e, t) => {
   if (e === t)
     return !0;
   if (!e || !t)
@@ -1649,10 +1652,10 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.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);
     }
   );
-}, pr = (e, t) => {
-  const s = fr(e, t), [a, r] = $(s);
-  return gr(a, s) ? a : (r(s), s);
-}, ft = () => {
+}, br = (e, t) => {
+  const s = gr(e, t), [a, r] = $(s);
+  return pr(a, s) ? a : (r(s), s);
+}, gt = () => {
   const { message: e } = fe("SentMessageDeliveryStatus"), { messages: t } = we("SentMessageDeliveryStatus"), s = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
@@ -1662,10 +1665,10 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
       }
   })();
   return e.id === s;
-}, Je = () => ft() ? /* @__PURE__ */ f(q, { children: [
-  /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
+}, Je = () => gt() ? /* @__PURE__ */ f(q, { children: [
+  /* @__PURE__ */ n(fa, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, br = () => ft() ? /* @__PURE__ */ f(q, { children: [
+] }) : null, vr = () => gt() ? /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(
     be,
     {
@@ -1675,12 +1678,12 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
     }
   ),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, vr = ({
+] }) : null, xr = ({
   outbound: e,
   onOutboundClick: t
 }) => {
   const s = e.name || "Broadcast", r = /* @__PURE__ */ f(q, { children: [
-    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ma, { weight: "fill" }) }),
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(ha, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
@@ -1702,56 +1705,56 @@ const ar = P.lazy(() => import("./Card-BzvDr-pU.js")), rr = P.lazy(() => import(
       children: r
     }
   ) : r;
-}, xr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(ua, { weight: "bold", "aria-hidden": "true" }),
+}, wr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ n(ma, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), wr = ({
+] }), _r = ({
   onOutboundClick: e,
   resolvedOutbound: t
 }) => {
   var h;
   const { isMyMessage: s, message: a, threadList: r } = fe(
     "SentMessageDeliveryStatus"
-  ), i = s(), o = ft();
+  ), i = s(), o = gt();
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
-    return /* @__PURE__ */ n(xr, {});
+    return /* @__PURE__ */ n(wr, {});
   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(
-    vr,
+    xr,
     {
       outbound: t,
       onOutboundClick: e
     }
-  ) : null, u = /* @__PURE__ */ n(
-    us,
+  ) : null, u = mr(a) ? null : /* @__PURE__ */ n(
+    ms,
     {
       MessageSentStatus: Je,
       MessageDeliveredStatus: Je,
       MessageReadStatus: Je,
-      MessageSendingStatus: br
+      MessageSendingStatus: vr
     }
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
     u,
-    o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
+    u && o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
     d
   ] }) : u;
-}, _r = /^([a-z][a-z0-9+.-]*):/i, yr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function gt(e) {
+}, yr = /^([a-z][a-z0-9+.-]*):/i, Nr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function pt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = _r.exec(t);
+  const s = yr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return yr.has(a) ? t : void 0;
+    return Nr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Nr = {
+const kr = {
   dark: {
     primary: "bg-white text-[#121110] hover:bg-white/90",
     secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -1760,7 +1763,7 @@ const Nr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, On = ({
+}, Pn = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
@@ -1770,8 +1773,8 @@ const Nr = {
     "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",
-    Nr[e][r]
-  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
+    kr[e][r]
+  ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = pt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
     {
@@ -1797,16 +1800,16 @@ const Nr = {
       children: o
     }
   );
-}, kr = {
+}, Cr = {
   dark: "text-white",
   light: "text-black/90"
-}, Cr = "text-white/30", Qt = {
+}, Sr = "text-white/30", en = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Sr = {
+}, Er = {
   dark: "bg-white/25",
   light: "bg-black/15"
-}, pt = ({
+}, bt = ({
   variant: e,
   ctaSurface: t,
   chinTextColor: s,
@@ -1825,19 +1828,19 @@ const Nr = {
     return null;
   const y = g && !a, _ = N(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    s == null && (y ? Cr : kr[e])
+    s == null && (y ? Sr : Cr[e])
   ), T = N(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
-    s == null && Qt[e]
+    s == null && en[e]
   ), L = N(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
-    s == null && Qt[e]
+    s == null && en[e]
   );
   if (m) {
     const F = N(
       "animate-pulse rounded",
-      Sr[e]
+      Er[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: N("h-5 w-3/4", F), "aria-hidden": !0 }),
@@ -1878,9 +1881,9 @@ const Nr = {
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(On, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n(Pn, { variant: t ?? e, cta: u })
   ] });
-}, Er = "Loading link preview", Ir = N(
+}, Ir = "Loading link preview", Tr = 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.
@@ -1890,7 +1893,7 @@ const Nr = {
   // 20px corners — no token exists for it in the component-library preset,
   // whose radius scale is sm .5rem / md 1rem / lg 1.5rem / xl 4rem.
   "rounded-[20px]"
-), Tr = "flex h-[250px] flex-col", Ee = ({
+), Ar = "flex h-[250px] flex-col", Ee = ({
   variant: e,
   children: t,
   href: s,
@@ -1906,8 +1909,8 @@ const Nr = {
 }) => {
   const g = s != null || a != null, c = N(
     "messaging-link-card",
-    Ir,
-    u ? Tr : "block",
+    Tr,
+    u ? Ar : "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
@@ -1929,7 +1932,7 @@ const Nr = {
     // 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": 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;
+  ), p = h ? { role: "status", "aria-busy": !0, "aria-label": Ir } : 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",
     {
@@ -1980,17 +1983,17 @@ const Nr = {
       ]
     }
   );
-}, en = {
+}, tn = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Ar = {
+}, Rr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Te = (e, t) => !!t && !!e && de(e) === "audio", bt = (e, t) => {
+}, Te = (e, t) => !!t && !!e && de(e) === "audio", vt = (e, t) => {
   if (!t || !e) return !1;
   const s = de(e);
   return s === "video" || s === "audio";
-}, vt = "bg-[#F2F3F4]", Ie = ({
+}, xt = "bg-[#F2F3F4]", Ie = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -2033,7 +2036,7 @@ const Nr = {
             {
               className: N(
                 "h-full w-full animate-pulse",
-                en[e]
+                tn[e]
               ),
               "aria-hidden": !0
             }
@@ -2077,10 +2080,10 @@ const Nr = {
           {
             className: N(
               "flex h-full w-full items-center justify-center",
-              en[e]
+              tn[e]
             ),
             children: ve(r, {
-              className: Ar[e],
+              className: Rr[e],
               weight: "regular"
             })
           }
@@ -2090,14 +2093,14 @@ const Nr = {
       ]
     }
   );
-}, Rr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Lr(e) {
+}, Lr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Mr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Mr = "#FFFFFF", Pn = "#040403", Dr = {
-  dark: Mr,
-  light: Pn
+const Dr = "#FFFFFF", Fn = "#040403", Or = {
+  dark: Dr,
+  light: Fn
 };
 function Ge({
   variant: e,
@@ -2114,7 +2117,7 @@ function Ge({
   }, [r]);
   const u = P.useCallback(() => {
     d(!0);
-  }, []), 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];
+  }, []), h = Te(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Lr.test(t.trim()) ? Mr(t) : void 0, p = h ? Fn : Or[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2124,7 +2127,7 @@ function Ge({
     onImageError: u
   };
 }
-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-['']", Fr = ({
+const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", Fr = "relative before:absolute before:-inset-[10px] before:content-['']", zr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2157,8 +2160,8 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: c,
       "aria-label": w,
       className: N(
-        Or,
-        !x && Pr
+        Pr,
+        !x && Fr
       ),
       children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
     }
@@ -2169,10 +2172,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: p,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(fa, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(ga, { 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: [
+  return x && !b.isLoading ? /* @__PURE__ */ n(Ee, { variant: "dark", bgClassName: xt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
       Ie,
       {
@@ -2206,7 +2209,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           }
         ),
         /* @__PURE__ */ n(
-          pt,
+          bt,
           {
             chinTextColor: b.chinTextColor,
             variant: "dark",
@@ -2225,7 +2228,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       ]
     }
   );
-}, xt = ({
+}, wt = ({
   accentHex: e,
   side: t,
   visible: s,
@@ -2250,7 +2253,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(q, { children: a }), zr = ({
+) : /* @__PURE__ */ n(q, { children: a }), $r = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2266,7 +2269,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: g,
   groupPosition: c = "single"
 }) => {
-  const p = bt(r, o), w = gt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? vt : void 0, y = u && g ? {
+  const p = vt(r, o), w = pt(a), v = u == null && w != null && !p ? w : void 0, x = u == null && !p ? g : void 0, b = m !== "loading" && Te(r, o) ? xt : void 0, y = u && g ? {
     ...u,
     onClick: () => {
       var T;
@@ -2282,7 +2285,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: o
   });
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: _.accentHex,
       side: "receiver",
@@ -2313,7 +2316,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              bt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "light",
@@ -2332,7 +2335,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, $r = ({
+}, Br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2349,7 +2352,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   onClick: c,
   groupPosition: p = "single"
 }) => {
-  const w = bt(i, l), v = gt(r), x = h == null && v != null && !w ? v : void 0, b = h == null && !w && x != null ? c : void 0, y = g !== "loading" && Te(i, l), _ = Ge({
+  const w = vt(i, l), v = pt(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,
@@ -2359,7 +2362,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     sourceUrl: l
   });
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: _.accentHex,
       side: "sender",
@@ -2373,7 +2376,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
           fixedHeight: d === "featured" && !y,
           accentHex: _.accentHex,
           busy: _.isLoading,
-          bgClassName: y ? vt : void 0,
+          bgClassName: y ? xt : void 0,
           children: [
             d === "featured" && /* @__PURE__ */ n(
               Ie,
@@ -2388,7 +2391,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
               }
             ),
             /* @__PURE__ */ n(
-              pt,
+              bt,
               {
                 chinTextColor: _.chinTextColor,
                 variant: "dark",
@@ -2409,19 +2412,19 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   );
 }, it = {
-  Composer: Fr,
-  Sent: $r,
-  Received: zr
-}, Br = {
+  Composer: zr,
+  Sent: Br,
+  Received: $r
+}, Ur = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Ur = {
+}, jr = {
   dark: "text-white",
   light: "text-[#000000]"
-}, jr = {
+}, Hr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Hr = (e) => e === "dark" ? "sender" : "receiver", Vr = {
+}, Vr = (e) => e === "dark" ? "sender" : "receiver", Gr = {
   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]",
@@ -2446,7 +2449,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   children: d,
   "data-testid": u
 }) => {
-  const h = t != null && t !== "", m = o ?? Vr[Hr(e)][a];
+  const h = t != null && t !== "", m = o ?? Gr[Vr(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2475,10 +2478,10 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         // there is no ambiguity to resolve.
         h && "pb-0",
         m,
-        Br[e],
         Ur[e],
+        jr[e],
         s && "border",
-        s && jr[e],
+        s && Hr[e],
         l
       ),
       children: [
@@ -2524,16 +2527,16 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ),
     children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
   }
-), Le = (e) => e === "received" ? "light" : "dark", ao = ({
+), Le = (e) => e === "received" ? "light" : "dark", ro = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Gr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Yr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => 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: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Wr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -2545,7 +2548,7 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   ),
   s ?? null
-] }), wt = ({
+] }), _t = ({
   state: e,
   src: t,
   mimeType: s,
@@ -2556,7 +2559,7 @@ const Or = "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 = Gr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Le(e), h = e === "composer" && !!d, m = Yr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = l ?? (m.length > 1 ? "none" : "metadata");
@@ -2568,7 +2571,7 @@ const Or = "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(
-        Yr,
+        Wr,
         {
           item: c,
           preload: g,
@@ -2582,15 +2585,15 @@ const Or = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )) })
     }
   );
-}, Wr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Kr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), qr = {
-  Composer: Wr,
-  Sent: Kr,
-  Received: Xr
+}, Kr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), Zr = {
+  Composer: Kr,
+  Sent: Xr,
+  Received: qr
 };
-function Zr(e) {
+function Jr(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 Jr = {
+const Qr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -2600,7 +2603,7 @@ const Jr = {
   text: "TXT",
   markdown: "MD"
 };
-function Qr(e, t) {
+function ei(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -2610,7 +2613,7 @@ function Qr(e, t) {
   }
   if (!e) return;
   if (de(e) === "document") {
-    const r = Cn(e), i = Jr[r];
+    const r = Sn(e), i = Qr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2618,8 +2621,8 @@ function Qr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function ei(e, t, s) {
-  const a = Qr(e, t), r = typeof s == "number" && s > 0 ? Zr(s) : void 0;
+function ti(e, t, s) {
+  const a = ei(e, t), r = typeof s == "number" && s > 0 ? Jr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -2630,16 +2633,16 @@ function re(e) {
     return "download";
   }
 }
-const ti = {
+const ni = {
   dark: "text-white/55",
   light: "text-black/65"
-}, ni = {
+}, si = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, si = {
+}, ai = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Fn = ({
+}, zn = ({
   variant: e,
   filename: t,
   title: s,
@@ -2649,16 +2652,16 @@ const ti = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = ei(a, t, r), h = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = ti(a, t, r), h = /* @__PURE__ */ n(
     "div",
     {
       className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        ni[e]
+        si[e]
       ),
       "aria-hidden": !0,
       children: ve(a, {
-        className: N("size-6", si[e]),
+        className: N("size-6", ai[e]),
         weight: "regular"
       })
     }
@@ -2669,7 +2672,7 @@ const ti = {
       {
         className: N(
           "truncate text-xs leading-4",
-          ti[e]
+          ni[e]
         ),
         children: u
       }
@@ -2698,7 +2701,7 @@ const ti = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function zn(e, t) {
+async function $n(e, t) {
   const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -2712,14 +2715,14 @@ async function zn(e, t) {
     }
   }
 }
-const ai = ({
+const ri = ({
   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 }] : [], ri = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], ii = ({
   variant: e,
   item: t,
   index: s,
@@ -2728,7 +2731,7 @@ const ai = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    Fn,
+    zn,
     {
       variant: e,
       filename: i,
@@ -2740,7 +2743,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, _t = ({
+}, yt = ({
   state: e,
   src: t,
   filename: s,
@@ -2753,7 +2756,7 @@ const ai = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Le(e), g = e === "composer" && !!h, c = ai({
+  const m = Le(e), g = e === "composer" && !!h, c = ri({
     src: t,
     filename: s,
     fileSize: a,
@@ -2765,7 +2768,7 @@ const ai = ({
     const x = c[v];
     if (!x) return;
     const b = x.filename ?? re(x.src);
-    zn(x.src, b);
+    $n(x.src, b);
   };
   if (c.length === 0)
     return null;
@@ -2788,7 +2791,7 @@ const ai = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
-        ri,
+        ii,
         {
           variant: m,
           item: v,
@@ -2800,11 +2803,11 @@ const ai = ({
       )) })
     }
   );
-}, 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 = ({
+}, li = (e) => /* @__PURE__ */ n(yt, { ...e, state: "composer" }), oi = (e) => /* @__PURE__ */ n(yt, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(yt, { ...e, state: "received" }), di = {
+  Composer: li,
+  Sent: oi,
+  Received: ci
+}, Bn = "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", nn = "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", Nt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -2816,8 +2819,8 @@ const ai = ({
       type: "button",
       onClick: e,
       "aria-label": s,
-      className: `${tn} left-4`,
-      children: /* @__PURE__ */ n(ga, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${nn} left-4`,
+      children: /* @__PURE__ */ n(pa, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2826,11 +2829,11 @@ const ai = ({
       type: "button",
       onClick: t,
       "aria-label": a,
-      className: `${tn} right-4`,
-      children: /* @__PURE__ */ n(gn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${nn} right-4`,
+      children: /* @__PURE__ */ n(pn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Bn = ({
+] }), Un = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2841,7 +2844,7 @@ const ai = ({
 }) => {
   const [l, d] = $(!1), u = K(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), zn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), $n(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -2888,7 +2891,7 @@ const ai = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: $n,
+      className: Bn,
       children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
@@ -2915,7 +2918,7 @@ const ai = ({
       ]
     }
   );
-}, Qe = (e, t, s) => Math.min(Math.max(e, t), s), Nt = ({
+}, Qe = (e, t, s) => Math.min(Math.max(e, t), s), kt = ({
   length: e,
   initialIndex: t,
   open: s
@@ -2940,7 +2943,7 @@ const ai = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [s, e, o, l]), { index: r, prev: o, next: l };
-}, kt = ({
+}, Ct = ({
   open: e,
   onClose: t,
   ariaLabel: s,
@@ -3020,7 +3023,7 @@ const ai = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: $n,
+                className: Bn,
                 children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
@@ -3030,13 +3033,13 @@ const ai = ({
       ]
     }
   );
-}, Un = ({
+}, jn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3045,14 +3048,14 @@ const ai = ({
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        Bn,
+        Un,
         {
           url: l.src,
           filename: d,
@@ -3074,7 +3077,7 @@ const ai = ({
           `${r}:${l.src}`
         ) : null,
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3085,7 +3088,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, 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 = {
+}, ui = "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", mi = {
   1: ["rounded-[18px]"],
   2: ["rounded-l-[18px]", "rounded-r-[18px]"],
   3: ["rounded-l-[18px]", "rounded-tr-[18px]", "rounded-br-[18px]"],
@@ -3095,7 +3098,7 @@ const ai = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, mi = "--mes-single-width-cap", hi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", fi = 436, jn = ({
+}, hi = "--mes-single-width-cap", fi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", gi = 436, Hn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3107,9 +3110,9 @@ const ai = ({
   const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
     var p;
     const c = N(
-      di,
+      ui,
       "h-full w-full",
-      (p = ui[o.length]) == null ? void 0 : p[m]
+      (p = mi[o.length]) == null ? void 0 : p[m]
     );
     return t ? /* @__PURE__ */ f(
       "button",
@@ -3134,14 +3137,14 @@ const ai = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${mi}), ${Math.round(fi * a * 100) / 100}px)`,
+    width: `min(var(${hi}), ${Math.round(gi * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
   }), o.length === 1 ? /* @__PURE__ */ n(
     "div",
     {
       className: N(
-        a ? hi : "aspect-square w-full",
+        a ? fi : "aspect-square w-full",
         r
       ),
       style: u,
@@ -3204,7 +3207,7 @@ const ai = ({
     [e]
   ), o = K(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, gi = ({
+}, pi = ({
   item: e,
   index: t,
   totalCount: s,
@@ -3232,15 +3235,15 @@ const ai = ({
       }
     )
   )
-}), pi = ({
+}), bi = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Hn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Vn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), bi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), vi = ({ 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(
@@ -3265,16 +3268,16 @@ const ai = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Re, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      Un,
+      jn,
       {
         open: o,
-        items: Hn([{ src: e, alt: t }], s),
+        items: Vn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, vi = 326 / 246, xi = (e) => {
+}, xi = 326 / 246, wi = (e) => {
   const t = e == null ? void 0 : e.src, [s, a] = P.useState(), r = P.useCallback(
     (d) => {
       if (!d || d.naturalWidth <= 0 || d.naturalHeight <= 0 || t === void 0) return;
@@ -3289,11 +3292,11 @@ const ai = ({
     [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 ?? vi,
+    ratio: o ?? l ?? xi,
     imgRef: r,
     onLoad: i
   };
-}, Vn = ({
+}, Gn = ({
   state: e,
   src: t,
   alt: s,
@@ -3304,11 +3307,11 @@ const ai = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  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);
+  const u = bi({ src: t, alt: s, items: r }), h = Le(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: p } = Me(d), w = u.length === 1, v = wi(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
-    (b, y) => gi({
+    (b, y) => pi({
       item: b,
       index: y,
       totalCount: u.length,
@@ -3330,7 +3333,7 @@ const ai = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          jn,
+          Hn,
           {
             tiles: x,
             onTileActivate: c,
@@ -3338,10 +3341,10 @@ const ai = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Un,
+          jn,
           {
             open: m,
-            items: Hn(u, a),
+            items: Vn(u, a),
             initialIndex: g,
             onClose: p
           }
@@ -3349,17 +3352,17 @@ const ai = ({
       ]
     }
   );
-}, 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 = ({
+}, _i = (e) => /* @__PURE__ */ n(vi, { ...e }), yi = (e) => /* @__PURE__ */ n(Gn, { ...e, state: "sent" }), Ni = (e) => /* @__PURE__ */ n(Gn, { ...e, state: "received" }), ki = {
+  Composer: _i,
+  Sent: yi,
+  Received: Ni
+}, Ci = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3367,11 +3370,11 @@ const ai = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
   ), u = le(
-    () => l ? Ci(l.src) : void 0,
+    () => l ? Si(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3390,7 +3393,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3401,16 +3404,16 @@ const ai = ({
       ]
     }
   );
-}, Ci = (e) => {
+}, Si = (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()}`;
-}, Si = ({
+}, Ei = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Ei = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Ii = ({
   variant: e,
   item: t,
   index: s,
@@ -3419,7 +3422,7 @@ const ai = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    Fn,
+    zn,
     {
       variant: e,
       filename: i,
@@ -3431,7 +3434,7 @@ const ai = ({
       trailingAction: r
     }
   );
-}, Ct = ({
+}, St = ({
   state: e,
   src: t,
   filename: s,
@@ -3443,7 +3446,7 @@ const ai = ({
   onClick: d,
   onDismiss: 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;
+  const h = Le(e), m = Ei({ 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) => ({
@@ -3460,7 +3463,7 @@ const ai = ({
       children: [
         /* @__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,
+            Un,
             {
               url: b.src,
               filename: _,
@@ -3470,7 +3473,7 @@ const ai = ({
             }
           );
           return /* @__PURE__ */ n(
-            Ei,
+            Ii,
             {
               variant: h,
               item: b,
@@ -3482,7 +3485,7 @@ const ai = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          ki,
+          Ci,
           {
             open: g,
             items: x,
@@ -3493,17 +3496,17 @@ const ai = ({
       ]
     }
   );
-}, Ii = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Ri = {
-  Composer: Ii,
-  Sent: Ti,
-  Received: Ai
-}, Gn = ({
+}, Ti = (e) => /* @__PURE__ */ n(St, { ...e, state: "composer" }), Ai = (e) => /* @__PURE__ */ n(St, { ...e, state: "sent" }), Ri = (e) => /* @__PURE__ */ n(St, { ...e, state: "received" }), Li = {
+  Composer: Ti,
+  Sent: Ai,
+  Received: Ri
+}, Yn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: o } = Nt({
+  const { index: r, prev: i, next: o } = kt({
     length: t.length,
     initialIndex: s,
     open: e
@@ -3512,7 +3515,7 @@ const ai = ({
     [l]
   );
   return l ? /* @__PURE__ */ f(
-    kt,
+    Ct,
     {
       open: e,
       onClose: a,
@@ -3536,7 +3539,7 @@ const ai = ({
           `${r}:${l.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ n(
-          yt,
+          Nt,
           {
             onPrev: i,
             onNext: o,
@@ -3547,7 +3550,7 @@ const ai = ({
       ]
     }
   ) : null;
-}, Li = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(rt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Yn = ({
+}, Mi = () => /* @__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 }) }) }), Wn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3562,30 +3565,30 @@ const ai = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    bn,
+    vn,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(Li, {})
-] }), Mi = (e, t, s) => ({
+  /* @__PURE__ */ n(Mi, {})
+] }), Di = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Yn, { item: e, index: t })
-}), Di = ({
+  content: /* @__PURE__ */ n(Wn, { item: e, index: t })
+}), Oi = ({
   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 }] : [], Wn = (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 }] : [], Kn = (e, t) => e.map((s, a) => ({
   src: s.src,
   poster: s.poster,
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Pi = ({ 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(
@@ -3595,21 +3598,21 @@ const ai = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(Yn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Wn, { 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(
-      Gn,
+      Yn,
       {
         open: l,
-        items: Wn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: Kn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Kn = ({
+}, Xn = ({
   state: e,
   src: t,
   poster: s,
@@ -3621,11 +3624,11 @@ const ai = ({
   preload: d,
   onClick: 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);
+  const h = Oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Le(e), { viewerOpen: g, viewerIndex: c, handleActivate: p, closeViewer: w } = Me(u);
   if (h.length === 0)
     return null;
   const v = h.map(
-    (x, b) => Mi(x, b, h.length)
+    (x, b) => Di(x, b, h.length)
   );
   return /* @__PURE__ */ f(
     Ae,
@@ -3635,12 +3638,12 @@ const ai = ({
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(jn, { tiles: v, onTileActivate: p }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Hn, { tiles: v, onTileActivate: p }) }),
         /* @__PURE__ */ n(
-          Gn,
+          Yn,
           {
             open: g,
-            items: Wn(h, r),
+            items: Kn(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -3648,28 +3651,28 @@ const ai = ({
       ]
     }
   );
-}, Pi = (e) => /* @__PURE__ */ n(Oi, { ...e }), Fi = (e) => /* @__PURE__ */ n(Kn, { ...e, state: "sent" }), zi = (e) => /* @__PURE__ */ n(Kn, { ...e, state: "received" }), $i = {
-  Composer: Pi,
-  Sent: Fi,
-  Received: zi
+}, Fi = (e) => /* @__PURE__ */ n(Pi, { ...e }), zi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "sent" }), $i = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "received" }), Bi = {
+  Composer: Fi,
+  Sent: zi,
+  Received: $i
 }, ke = {
-  Image: Ni,
-  Video: $i,
-  Audio: qr,
-  Pdf: Ri,
-  File: ci
+  Image: ki,
+  Video: Bi,
+  Audio: Zr,
+  Pdf: Li,
+  File: di
 };
 function H(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function nn(e) {
+function sn(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Bi(e, t) {
+function Ui(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const s = nn(e), a = nn(t);
+  const s = sn(e), a = sn(t);
   if (s === a)
     return !0;
   if (!s.includes(a))
@@ -3677,7 +3680,7 @@ function Bi(e, t) {
   const r = s.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function sn(e) {
+function an(e) {
   const t = H(e.og_scrape_url) ?? H(e.title_link), s = H(e.image_url) ?? H(e.thumb_url), a = H(e.asset_url), r = H(e.mime_type);
   return {
     title: H(e.title),
@@ -3687,7 +3690,7 @@ function sn(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: s || bt(r, a) ? "featured" : "classic",
+    layout: s || vt(r, a) ? "featured" : "classic",
     mimeType: r,
     // Dominant colour of the image, resolved by the sender at stage time and
     // persisted on the attachment (`stream-custom-data.ts`), so every viewer
@@ -3699,11 +3702,11 @@ function sn(e) {
     status: "ready"
   };
 }
-function Ui(e) {
+function ji(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];
@@ -3725,21 +3728,21 @@ function Xn(e) {
       a(r);
       continue;
     }
-    const i = Ui(r);
+    const i = ji(r);
     i && s(i, r);
   }
   return t;
 }
-function ji(e) {
+function Hi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function Hi(e, t, s) {
+function Vi(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Vi(e) {
+function Gi(e) {
   return H(e.image_url) ?? H(e.asset_url) ?? "";
 }
-function Gi(e) {
+function Yi(e) {
   switch (e) {
     case "image":
       return ke.Image;
@@ -3753,11 +3756,11 @@ function Gi(e) {
       return ke.File;
   }
 }
-function an(e, t) {
+function rn(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Vi(t),
+        src: Gi(t),
         alt: H(t.title)
       };
     case "video":
@@ -3789,35 +3792,35 @@ function an(e, t) {
       };
   }
 }
-function Yi(e, t) {
+function Wi(e, t) {
   if (t.length > 1)
     return {
-      items: t.map((a) => an(e, a))
+      items: t.map((a) => rn(e, a))
     };
   const s = t[0];
-  return s ? an(e, s) : {};
+  return s ? rn(e, s) : {};
 }
-function Wi({
+function Ki({
   groupPosition: e,
   isMyMessage: t,
   segment: s
 }) {
-  const a = Gi(s.kind), r = {
-    ...Yi(s.kind, s.attachments),
+  const a = Yi(s.kind), r = {
+    ...Wi(s.kind, s.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ n(a.Sent, { ...r }) : /* @__PURE__ */ n(a.Received, { ...r });
 }
-const Ki = ({
+const Xi = ({
   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 = 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;
+  const i = Hi(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" ? an(l.attachments[0] ?? {}).url : void 0, u = o && Ui(o, d) ? void 0 : o;
   let h = 0;
   const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", p = (x, b, y) => {
     const _ = t ? it.Sent : it.Received;
@@ -3825,21 +3828,21 @@ const Ki = ({
       /* @__PURE__ */ n(
         _,
         {
-          ...sn(x),
+          ...an(x),
           groupPosition: y ? g : "middle"
         },
         b
       )
     );
   }, w = (x, b) => {
-    const y = Hi(
+    const y = Vi(
       h,
       i,
       e
     );
     h += 1, m.push(
       /* @__PURE__ */ n(
-        Wi,
+        Ki,
         {
           groupPosition: y,
           isMyMessage: t,
@@ -3894,8 +3897,8 @@ const Ki = ({
       }
     ) : null
   ] });
-}, Xi = (e) => {
-  var Lt, Mt, Dt, Ot, Pt, Ft, zt, $t, Bt, Ut;
+}, qi = (e) => {
+  var Mt, Dt, Ot, Pt, Ft, zt, $t, Bt, Ut, jt;
   const {
     additionalMessageInputProps: t,
     editing: s,
@@ -3915,46 +3918,46 @@ const Ki = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: b
-  } = e, { client: y } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: z } = sr("LockedAttachment"), [F, R] = $(!1), I = hs(c.id), {
-    Attachment: M = fs,
-    EditMessageModal: S = gs,
+  } = e, { client: y } = He("CustomMessage"), { channel: _ } = we("CustomMessage"), { isUnlocking: T, onUnlockClick: L, onFetchSource: E, onDownloadClick: z } = ar("LockedAttachment"), [F, R] = $(!1), I = fs(c.id), {
+    Attachment: M = gs,
+    EditMessageModal: S = ps,
     MessageActions: C,
-    MessageBlocked: A = ps,
-    MessageBouncePrompt: O = bs,
-    MessageDeleted: B = vs,
-    MessageIsThreadReplyInChannelButtonIndicator: G = xs,
-    MessageRepliesCountButton: ee = ws,
-    ReminderNotification: Z = _s,
-    StreamedMessageText: J = ys,
+    MessageBlocked: A = bs,
+    MessageBouncePrompt: O = vs,
+    MessageDeleted: B = xs,
+    MessageIsThreadReplyInChannelButtonIndicator: G = ws,
+    MessageRepliesCountButton: ee = _s,
+    ReminderNotification: Z = ys,
+    StreamedMessageText: J = Ns,
     PinIndicator: j
-  } = mn("CustomMessage"), k = Ns(c), D = ks(c), Y = le(
+  } = hn("CustomMessage"), k = ks(c), D = Cs(c), Y = le(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), U = le(() => {
     const he = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...he] : he;
     if (!ze(c)) return pe;
-    const jt = pe.filter((Ht) => !("type" in Ht) || !Ve(Ht));
-    return jt.length === pe.length ? pe : jt;
+    const Ht = pe.filter((Vt) => !("type" in Vt) || !Ve(Vt));
+    return Ht.length === pe.length ? pe : Ht;
   }, [c]), Q = le(
-    () => Xn(U),
+    () => qn(U),
     [U]
   ), X = le(() => {
-    const he = kn({ message: c, viewerLanguage: v });
+    const he = Cn({ message: c, viewerLanguage: v });
     return he === c.text ? c : { ...c, text: he };
   }, [c, v]), ne = Q.length > 0, ue = Q.reduce(
     (he, pe) => he + pe.attachments.length,
     0
   ) === ((U == null ? void 0 : U.length) ?? 0), ae = (i == null ? void 0 : i[0]) ?? "", De = ae === "top" ? "first" : ae === "middle" ? "middle" : ae === "bottom" ? "end" : "single", se = ae === "single" || ae === "bottom";
-  if (Cs(c))
+  if (Ss(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(B, { message: c });
-  if (Ss(c))
+  if (Es(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 = Es(c);
+  const me = !w && !!c.reply_count, ie = !w && c.show_in_channel && c.parent_id, Et = c.status === "failed" && ((Mt = c.error) == null ? void 0 : Mt.status) !== 403, It = Is(c);
   let ge;
-  St ? ge = () => u(c) : Et && (ge = () => R(!0));
-  const te = g(), ns = N(
+  Et ? ge = () => u(c) : It && (ge = () => R(!0));
+  const te = g(), ss = N(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3965,25 +3968,25 @@ const Ki = ({
       "str-chat__message--highlighted": h,
       "str-chat__message--pinned pinned-message": c.pinned,
       "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-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Dt = c == null ? void 0 : c.error) == null ? void 0 : Dt.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 && y.polls.fromState(c.poll_id), It = ur(c), ye = ze(c), ss = ht(c), We = !!(U != null && U.length && !c.quoted_message), Tt = ye && te && We, as = ne && ue && !c.quoted_message && !Ye && !Y && !ye, At = {
+  ), Ye = c.poll_id && y.polls.fromState(c.poll_id), Tt = Dn(c), ye = ze(c), as = ht(c), We = !!(U != null && U.length && !c.quoted_message), At = ye && te && We, rs = ne && ue && !c.quoted_message && !Ye && !Y && !ye, Rt = {
     contentType: "text",
-    amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
-    paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
+    amountText: (Ot = c.metadata) == null ? void 0 : Ot.amount_text,
+    paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
     renderedText: c.text && /* @__PURE__ */ n(Fe, { message: X, renderText: p })
-  }, Rt = {
+  }, Lt = {
     contentType: "media",
-    title: (Pt = c.metadata) == null ? void 0 : Pt.attachment_title,
-    mimeType: (Ft = c.metadata) == null ? void 0 : Ft.attachment_mime_type,
-    thumbnailUrl: (zt = c.metadata) == null ? void 0 : zt.attachment_thumbnail,
-    amountText: ($t = c.metadata) == null ? void 0 : $t.amount_text,
-    detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
-    paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
+    title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
+    mimeType: (zt = c.metadata) == null ? void 0 : zt.attachment_mime_type,
+    thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
+    amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+    detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+    paymentStatus: (jt = c.metadata) == null ? void 0 : jt.payment_status,
     onFetchSource: E ? () => E(c, _) : void 0
   };
   return /* @__PURE__ */ f(q, { children: [
@@ -3994,7 +3997,7 @@ const Ki = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      Is,
+      Ts,
       {
         MessageBouncePrompt: O,
         onClose: () => R(!1),
@@ -4004,7 +4007,7 @@ const Ki = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: ns,
+        className: ss,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4026,7 +4029,7 @@ const Ki = ({
             "div",
             {
               className: N("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": St || Et
+                "str-chat__simple-message--error-failed": Et || It
               }),
               "data-testid": "message-inner",
               onClick: ge,
@@ -4039,32 +4042,32 @@ const Ki = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              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: [
+              children: Tt ? /* @__PURE__ */ n(Ze, { message: c, standalone: !0 }) : dr(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(
+                te ? /* @__PURE__ */ n(Pe, { ...Rt, isMine: !0 }) : /* @__PURE__ */ n(
                   Pe,
                   {
-                    ...At,
+                    ...Rt,
                     isMine: !1,
                     isUnlocking: T(c.id),
                     onUnlockClick: () => L == null ? void 0 : L(c, _)
                   }
                 ),
                 !te && C && /* @__PURE__ */ n(C, {})
-              ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper", children: [
+              ] }) }) : ur(c) ? /* @__PURE__ */ f("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,
                     {
-                      ...Rt,
+                      ...Lt,
                       isMine: !0,
                       onPreviewClick: () => L ? L(c, _) : void 0
                     }
                   ) : /* @__PURE__ */ n(
                     Pe,
                     {
-                      ...Rt,
+                      ...Lt,
                       isMine: !1,
                       isUnlocking: T(c.id),
                       onUnlockClick: () => L ? L(c, _) : void 0,
@@ -4091,8 +4094,8 @@ const Ki = ({
                     ]
                   }
                 )
-              ] }) : as ? /* @__PURE__ */ n(
-                Ki,
+              ] }) : rs ? /* @__PURE__ */ n(
+                Xi,
                 {
                   groupPosition: De,
                   isMyMessage: te,
@@ -4113,7 +4116,7 @@ const Ki = ({
                     "relative isolate": se
                   }),
                   children: [
-                    ye && !Tt && /* @__PURE__ */ n(
+                    ye && !At && /* @__PURE__ */ n(
                       Ze,
                       {
                         message: c,
@@ -4121,7 +4124,7 @@ const Ki = ({
                         isMyMessage: te
                       }
                     ),
-                    Ye && /* @__PURE__ */ n(Ts, { poll: Ye }),
+                    Ye && /* @__PURE__ */ n(As, { poll: Ye }),
                     U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
                       M,
                       {
@@ -4149,7 +4152,7 @@ const Ki = ({
               ) })
             }
           ),
-          !ss && !It && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || Tt) && /* @__PURE__ */ n(
+          !as && !Tt && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!ye || At) && /* @__PURE__ */ n(
             Ze,
             {
               message: c,
@@ -4158,7 +4161,7 @@ const Ki = ({
             }
           ) }),
           /* @__PURE__ */ n(
-            wr,
+            _r,
             {
               onOutboundClick: x,
               resolvedOutbound: b
@@ -4177,68 +4180,68 @@ const Ki = ({
       c.id
     )
   ] });
-}, qi = P.memo(
-  Xi,
+}, Zi = P.memo(
+  qi,
   (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 : ms(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 : hs(e, t);
   }
-), Zi = (e) => {
+), Ji = (e) => {
   var i;
-  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;
+  const t = fe("CustomMessage"), s = xe(On), a = (i = t.message.metadata) == null ? void 0 : i.outbound_id, r = typeof a == "string" ? s == null ? void 0 : s[a] : void 0;
   return /* @__PURE__ */ n(
-    qi,
+    Zi,
     {
       ...t,
       ...e,
       resolvedOutbound: r
     }
   );
-}, Ji = () => {
+}, Qi = () => {
   var s;
   const { handleDelete: e, message: t } = fe("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    vn,
+    xn,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(pa, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(ba, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Qi = () => {
+}, el = () => {
   const { handleFlag: e } = fe("CustomMessageActions");
   return /* @__PURE__ */ n(
-    vn,
+    xn,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(fn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(gn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, el = () => {
+}, tl = () => {
   var t;
   const { message: e } = fe("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== oe.ATTACHMENT ? null : /* @__PURE__ */ n(
-    wa,
+    _a,
     {
       messageActionSet: [
-        { Component: Ji, placement: "quick", type: "delete" },
-        { Component: Qi, placement: "quick", type: "flag" }
+        { Component: Qi, placement: "quick", type: "delete" },
+        { Component: el, placement: "quick", type: "flag" }
       ]
     }
   );
-}, tl = (e) => ({
+}, nl = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
   )
-}), nl = () => {
-  const { linkPreviewsManager: e } = As(), { linkPreviews: t } = Rs(
+}), sl = () => {
+  const { linkPreviewsManager: e } = Rs(), { linkPreviews: t } = Ls(
     e.state,
-    tl
+    nl
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -4302,7 +4305,7 @@ const Ki = ({
       );
     }) })
   ) : null;
-}, Be = P.createContext(!1), sl = 200, ro = () => xe(Be), al = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, Be = P.createContext(!1), al = 200, io = () => xe(Be), rl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4311,13 +4314,13 @@ const Ki = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(ba, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(va, { weight: "bold", className: "size-4" })
   }
-), rn = () => {
-  const e = xe(Be), { handleSubmit: t } = Ls(), s = Ms(), a = e || !s, {
-    SendButton: r = al,
-    AttachmentPreviewList: i = Ds
-  } = mn("CustomMessageInput"), o = P.useRef(null);
+), ln = () => {
+  const e = xe(Be), { handleSubmit: t } = Ms(), s = Ds(), a = e || !s, {
+    SendButton: r = rl,
+    AttachmentPreviewList: i = Os
+  } = hn("CustomMessageInput"), o = P.useRef(null);
   return P.useEffect(() => {
     const l = o.current;
     if (!l || typeof ResizeObserver > "u")
@@ -4380,13 +4383,13 @@ const Ki = ({
       "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(Os, {}),
-          /* @__PURE__ */ n(nl, {}),
+          /* @__PURE__ */ n(Ps, {}),
+          /* @__PURE__ */ n(sl, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
-            Ps,
+            Fs,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4413,14 +4416,14 @@ const Ki = ({
       ]
     }
   );
-}, ln = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+}, on = () => /* @__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 = ({
+] }), cn = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4442,7 +4445,7 @@ const Ki = ({
       c = v;
       const b = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < sl : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = b ? b.scrollHeight - b.scrollTop - b.clientHeight < al : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
@@ -4460,7 +4463,7 @@ const Ki = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(ln, {}),
+        /* @__PURE__ */ n(on, {}),
         /* @__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 }),
@@ -4478,7 +4481,7 @@ const Ki = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(ln, {}),
+        /* @__PURE__ */ n(on, {}),
         /* @__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: [
@@ -4490,7 +4493,7 @@ const Ki = ({
                 className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
                 children: [
                   e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-                  /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? rn }) })
+                  /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Gt, { Input: i ?? ln }) })
                 ]
               }
             ),
@@ -4509,42 +4512,42 @@ const Ki = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: rn }) })
+          /* @__PURE__ */ n(Be.Provider, { value: l, children: /* @__PURE__ */ n(Gt, { Input: ln }) })
         ]
       }
     ),
     s == null ? void 0 : s()
   ] });
-}, rl = {
+}, il = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, il = ["SYSTEM_AGE_SAFETY_BLOCKED"], ll = {
+}, ll = ["SYSTEM_AGE_SAFETY_BLOCKED"], ol = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", ol = "https://linktr.ee/s/about/contact", cl = (e) => il.includes(
+}, et = "age safety guidelines.", cl = "https://linktr.ee/s/about/contact", dl = (e) => ll.includes(
   e
-), dl = (e) => {
+), ul = (e) => {
   var t;
-  return cl((t = e.metadata) == null ? void 0 : t.custom_type);
-}, ul = (e) => {
+  return dl((t = e.metadata) == null ? void 0 : t.custom_type);
+}, ml = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (Yt(t))
+  if (Wt(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Gs(t))
+  if (Ys(t))
     return {
       kind: "age-safety",
       type: t
     };
   const s = e.dm_agent_system_type;
-  if (Yt(s))
+  if (Wt(s))
     return {
       kind: "dm-agent",
       type: s
     };
-}, ml = (e) => {
+}, hl = (e) => {
   const t = e.indexOf(et);
   if (t === -1)
     return e;
@@ -4554,7 +4557,7 @@ const Ki = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: ol,
+        href: cl,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4563,13 +4566,13 @@ const Ki = ({
     ),
     e.slice(s)
   ] });
-}, hl = (e) => {
+}, fl = (e) => {
   var a, r;
-  const t = !dl(e.message), s = ul(
+  const t = !ul(e.message), s = ml(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || rl[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || il[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4579,7 +4582,7 @@ const Ki = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              va,
+              xa,
               {
                 size: 16,
                 weight: "regular",
@@ -4595,7 +4598,7 @@ const Ki = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ll[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ol[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4605,7 +4608,7 @@ const Ki = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              xa,
+              wa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4614,7 +4617,7 @@ const Ki = ({
                 "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: ml(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: hl(i) }) })
           ]
         }
       ),
@@ -4629,7 +4632,7 @@ const Ki = ({
     ] }),
     !t && /* @__PURE__ */ n(Ke, { 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(
+}, Zn = 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",
@@ -4639,17 +4642,17 @@ const Ki = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), fl = /* @__PURE__ */ new Set([
+) }), gl = /* @__PURE__ */ new Set([
   Xe.Thinking,
   Xe.Generating,
   Xe.ExternalSources
-]), gl = ({ threadList: e }) => {
+]), pl = ({ threadList: e }) => {
   var p, w;
-  const { channel: t, channelConfig: s, thread: a } = we(), { client: r } = He(), { typing: i = {} } = Fs(), { aiState: o } = zs(t), l = xe(qn);
-  if (!e && l && fl.has(o)) {
-    const v = pl(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 } = $s(t), l = xe(Zn);
+  if (!e && l && gl.has(o)) {
+    const v = bl(t, (p = r.user) == null ? void 0 : p.id);
     return /* @__PURE__ */ n(
-      cn,
+      dn,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -4675,7 +4678,7 @@ const Ki = ({
     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(
-    cn,
+    dn,
     {
       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",
@@ -4683,7 +4686,7 @@ const Ki = ({
       testId: "typing-indicator"
     }
   );
-}, cn = ({
+}, dn = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -4730,7 +4733,7 @@ const Ki = ({
     ] })
   }
 );
-function pl(e, t) {
+function bl(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)) {
@@ -4739,7 +4742,7 @@ function pl(e, t) {
       return i;
   }
 }
-const bl = () => null, vl = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const vl = () => null, xl = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
     className: N("flex items-center justify-center h-full", e),
@@ -4783,11 +4786,11 @@ const bl = () => null, vl = ({ className: e, message: t }) => /* @__PURE__ */ f(
     ]
   }
 ), Ue = P.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(vl, { className: "w-6 h-6" }),
+  /* @__PURE__ */ n(xl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ue.displayName = "LoadingState";
-const xl = ({
+const wl = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -4822,10 +4825,10 @@ const xl = ({
   const S = K((Z) => {
     var J;
     (J = M.current) == null || J.call(M, Z);
-  }, []), C = E ? S : void 0, A = pr(I, z), O = R.state.messages.some(
+  }, []), C = E ? S : void 0, A = br(I, z), O = R.state.messages.some(
     (Z) => Z.type !== "deleted"
   ), B = v ? /* @__PURE__ */ n(P.Fragment, { children: v() }, "lt-channel-banner") : null, G = /* @__PURE__ */ n(
-    La,
+    Ma,
     {
       className: "-mx-[var(--str-chat\\_\\_spacing-2)] px-[var(--str-chat\\_\\_spacing-2)] md:-mx-[min(var(--str-chat\\_\\_spacing-10),4%)] md:px-[min(var(--str-chat\\_\\_spacing-10),4%)]",
       onBack: e,
@@ -4847,7 +4850,7 @@ const xl = ({
   ), ee = K(
     (Z) => {
       const { message: J } = fe("ChannelView"), j = /* @__PURE__ */ n(
-        Zi,
+        Ji,
         {
           ...Z,
           viewerLanguage: _,
@@ -4858,16 +4861,16 @@ const xl = ({
     },
     [C, y, _]
   );
-  return /* @__PURE__ */ n(Dn.Provider, { value: A, children: /* @__PURE__ */ n(
-    Bs,
+  return /* @__PURE__ */ n(On.Provider, { value: A, children: /* @__PURE__ */ n(
+    Us,
     {
       overrides: {
         Message: ee,
-        MessageActions: el,
+        MessageActions: tl,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(Us, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n(js, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
@@ -4878,7 +4881,7 @@ const xl = ({
                 B
               ] }) }),
               /* @__PURE__ */ n(
-                Gt,
+                Yt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     G,
@@ -4893,7 +4896,7 @@ const xl = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          on,
+          cn,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4919,7 +4922,7 @@ const xl = ({
                 B
               ] }) }),
               /* @__PURE__ */ n(
-                Gt,
+                Yt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     G,
@@ -4935,7 +4938,7 @@ const xl = ({
         ),
         r ? /* @__PURE__ */ n(P.Fragment, { children: r(R) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          on,
+          cn,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(R)
@@ -4950,7 +4953,7 @@ const xl = ({
       ] }) })
     }
   ) });
-}, Zn = P.memo(
+}, Jn = P.memo(
   ({
     channel: e,
     onBack: t,
@@ -4961,7 +4964,7 @@ const xl = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = bl,
+    CustomChannelEmptyState: u = vl,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
@@ -5020,7 +5023,7 @@ const xl = ({
       };
       return j.addEventListener("click", k), () => j.removeEventListener("click", k);
     }, [R, e]);
-    const J = hn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+    const J = fn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
@@ -5030,20 +5033,20 @@ const xl = ({
           d
         ),
         style: J,
-        children: /* @__PURE__ */ n(qn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
-          $s,
+        children: /* @__PURE__ */ n(Zn.Provider, { value: b ?? !1, children: /* @__PURE__ */ n(
+          Bs,
           {
             channel: e,
-            MessageSystem: hl,
+            MessageSystem: fl,
             EmptyStateIndicator: u,
             LoadingIndicator: Ue,
-            DateSeparator: Ma,
-            TypingIndicator: gl,
+            DateSeparator: Da,
+            TypingIndicator: pl,
             doSendMessageRequest: ee,
             ...I ? { SendButton: I } : {},
             ...M ? { AttachmentPreviewList: M } : {},
             children: /* @__PURE__ */ n(
-              xl,
+              wl,
               {
                 onBack: t,
                 showBackButton: s,
@@ -5080,7 +5083,7 @@ const xl = ({
     );
   }
 );
-Zn.displayName = "ChannelView";
+Jn.displayName = "ChannelView";
 const Ce = P.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!" }),
@@ -5096,7 +5099,7 @@ const Ce = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 Ce.displayName = "ErrorState";
-const io = ({
+const lo = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -5129,7 +5132,7 @@ const io = ({
     refreshConnection: I,
     service: M,
     debug: S
-  } = _a(), [C, A] = $(null), [O, B] = $(null), [G, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, J = V(o);
+  } = ya(), [C, A] = $(null), [O, B] = $(null), [G, ee] = $(!1), { showDeleteConversation: Z = !0 } = e, J = V(o);
   J.current = o;
   const j = V(a);
   j.current = a;
@@ -5213,7 +5216,7 @@ const io = ({
       onBack: I
     }
   ) : O ? /* @__PURE__ */ n(Ce, { message: O }) : 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,
+    Jn,
     {
       channel: C,
       renderMessageInputActions: t,
@@ -5241,13 +5244,13 @@ const io = ({
     C.id
   ) }) }) : /* @__PURE__ */ n(Ue, {});
 };
-function wl(e) {
+function _l(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Jn = P.createContext({
+const Qn = P.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5255,14 +5258,14 @@ const Jn = P.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), _l = Jn.Provider, yl = () => P.useContext(Jn), Nl = (e, t) => {
+}), yl = Qn.Provider, Nl = () => P.useContext(Qn), kl = (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));
-}, kl = (e) => {
+}, Cl = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Nl(e, t);
+  const a = kl(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5275,7 +5278,7 @@ const Jn = P.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, Qn = P.memo(
+}, es = P.memo(
   (e) => {
     var z, F, R;
     const { channel: t, unread: s } = e, {
@@ -5285,7 +5288,7 @@ const Jn = P.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = yl(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = wn(t);
+    } = Nl(), { client: u } = He(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = _n(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5302,11 +5305,11 @@ const Jn = P.createContext({
     }, c = (I) => {
       const M = I.key === "Enter" || I.key === " ", S = I.repeat;
       !M || S || (I.preventDefault(), g());
-    }, p = _n(
+    }, p = yn(
       (z = t == null ? void 0 : t.state) == null ? void 0 : z.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = yn(p == null ? void 0 : p.user), v = (F = p == null ? void 0 : p.user) == null ? void 0 : F.image, x = (() => {
+    ), w = Nn(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) {
@@ -5315,7 +5318,7 @@ const Jn = P.createContext({
       }
     })(), y = (() => {
       var A;
-      const I = kn({
+      const I = Cn({
         message: x,
         viewerLanguage: d
       }), { custom_type: M, attachment_content_type: S } = (x == null ? void 0 : x.metadata) || {};
@@ -5332,7 +5335,7 @@ const Jn = P.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 ? kl(new Date(x.created_at)) : "", T = x ? ze(x) : !1, L = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, E = s ?? 0;
+    })(), _ = x != null && x.created_at ? Cl(new Date(x.created_at)) : "", T = x ? ze(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,
@@ -5391,18 +5394,18 @@ const Jn = P.createContext({
     );
   }
 );
-Qn.displayName = "CustomChannelPreview";
-const Cl = { last_message_at: -1 }, Sl = P.memo(
+es.displayName = "CustomChannelPreview";
+const Sl = { last_message_at: -1 }, El = P.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Cl,
+    sort: i = Sl,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Hs,
+    channelListPaginator: d = Vs,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5418,7 +5421,7 @@ const Cl = { last_message_at: -1 }, Sl = P.memo(
     const { debug: y = !1 } = ot(), _ = P.useCallback(
       (L) => {
         for (const E of L)
-          wl(E);
+          _l(E);
         return r ? r(L) : L;
       },
       [r]
@@ -5453,8 +5456,8 @@ const Cl = { last_message_at: -1 }, Sl = P.memo(
           "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(_l, { value: T, children: /* @__PURE__ */ n(
-          js,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(yl, { value: T, children: /* @__PURE__ */ n(
+          Hs,
           {
             filters: s,
             sort: i,
@@ -5468,7 +5471,7 @@ const Cl = { last_message_at: -1 }, Sl = P.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: Qn,
+            Preview: es,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5477,8 +5480,8 @@ const Cl = { last_message_at: -1 }, Sl = P.memo(
     );
   }
 );
-Sl.displayName = "ChannelList";
-const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Il = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", dn = ({ surface: e, actions: t, layout: s }) => {
+El.displayName = "ChannelList";
+const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Tl = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", un = ({ surface: e, actions: t, layout: s }) => {
   if (t == null || t.length === 0) return null;
   const a = s === "stacked";
   return /* @__PURE__ */ n(
@@ -5493,7 +5496,7 @@ const El = "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(
-        On,
+        Pn,
         {
           variant: e,
           cta: r,
@@ -5504,7 +5507,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Tl = ({
+}, Al = ({
   ctaSurface: e,
   chinTextColor: t,
   title: s,
@@ -5528,7 +5531,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       /* @__PURE__ */ n(
         "p",
         {
-          className: N("min-w-0", El),
+          className: N("min-w-0", Il),
           style: h,
           children: s
         }
@@ -5538,7 +5541,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       "p",
       {
         className: N(
-          Il,
+          Tl,
           r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
         ),
@@ -5549,11 +5552,11 @@ const El = "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(dn, { surface: e, actions: o, layout: "row" })
+    /* @__PURE__ */ n(un, { surface: e, actions: o, layout: "row" })
   ] }) : /* @__PURE__ */ f(q, { children: [
     c,
     /* @__PURE__ */ n(
-      dn,
+      un,
       {
         surface: e,
         actions: o,
@@ -5561,36 +5564,36 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       }
     )
   ] }) });
-}, Al = {
+}, Rl = {
   dark: "bg-white/[0.06]",
   light: "bg-black/[0.04]"
-}, Rl = {
+}, Ll = {
   1: [0],
   2: [-10, 10],
   3: [-13, 0, 13]
-}, Ll = {
+}, Ml = {
   1: [0],
   2: [-26, 26],
   3: [-40, 0, 40]
-}, Ml = {
+}, Dl = {
   1: [0],
   2: [0, 1],
   3: [1, 3, 2]
-}, Dl = {
+}, Ol = {
   1: [1],
   2: [1, 1],
   3: [1, 1.08, 1]
-}, Ol = ({ variant: e, images: t }) => {
+}, Pl = ({ variant: e, images: t }) => {
   const [s, a] = P.useState({}), r = t.join(`
 `), [i, o] = P.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 = Rl[d], h = Ll[d], m = Ml[d], g = Dl[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 = Ll[d], h = Ml[d], m = Dl[d], g = Ol[d];
   return /* @__PURE__ */ n(
     "div",
     {
       className: N(
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
-        Al[e]
+        Rl[e]
       ),
       children: l.map(({ src: c, index: p }, w) => /* @__PURE__ */ n(
         "img",
@@ -5611,14 +5614,14 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Pl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Fl = ({
+}, Fl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", zl = ({
   variant: e,
   presentation: t,
   images: s,
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ n("div", { className: Pl, children: t === "fan" ? /* @__PURE__ */ n(Ol, { variant: e, images: s }) : (
+}) => /* @__PURE__ */ n("div", { className: Fl, children: t === "fan" ? /* @__PURE__ */ n(Pl, { 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.
@@ -5632,7 +5635,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), es = ({
+) }), ts = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5644,7 +5647,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = Ys({
+  const h = Ws({
     imagePresentation: i,
     images: r
   }), m = r.length > 0, g = m && h === "hero", c = Ge({
@@ -5654,7 +5657,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     thumbnailUrl: g ? r[0] : void 0
   }), p = u === "single" || u === "end";
   return /* @__PURE__ */ n(
-    xt,
+    wt,
     {
       accentHex: c.accentHex,
       side: e === "dark" ? "sender" : "receiver",
@@ -5667,7 +5670,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           "data-testid": "rich-card",
           children: [
             m && /* @__PURE__ */ n(
-              Fl,
+              zl,
               {
                 variant: e,
                 presentation: h,
@@ -5678,7 +5681,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
               }
             ),
             /* @__PURE__ */ n(
-              Tl,
+              Al,
               {
                 ctaSurface: c.surface,
                 chinTextColor: c.chinTextColor,
@@ -5694,13 +5697,13 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, zl = (e) => /* @__PURE__ */ n(es, { ...e, variant: "dark" }), $l = (e) => /* @__PURE__ */ n(es, { ...e, variant: "light" }), lo = {
-  Sent: zl,
-  Received: $l
-}, 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%`, Bl = {
+}, $l = (e) => /* @__PURE__ */ n(ts, { ...e, variant: "dark" }), Bl = (e) => /* @__PURE__ */ n(ts, { ...e, variant: "light" }), oo = {
+  Sent: $l,
+  Received: Bl
+}, mn = `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%`, Ul = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Ul = ({ variant: e }) => /* @__PURE__ */ n(
+}, jl = ({ variant: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -5710,12 +5713,12 @@ const El = "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: Bl[e],
-      WebkitMask: un,
-      mask: un
+      backgroundColor: Ul[e],
+      WebkitMask: mn,
+      mask: mn
     }
   }
-), jl = {
+), Hl = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5724,7 +5727,7 @@ const El = "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)"
   }
-}, ts = ({
+}, ns = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5740,23 +5743,23 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       r
     ),
     style: {
-      ...jl[e],
+      ...Hl[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(Ul, { variant: e })
+      s && /* @__PURE__ */ n(jl, { variant: e })
     ]
   }
-), Hl = ({
+), Vl = ({
   text: e,
   tail: t,
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  ts,
+  ns,
   {
     variant: "received",
     text: e,
@@ -5764,10 +5767,10 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Vl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ts, { variant: "sent", text: e, tail: t, className: s }), oo = {
-  Sent: Vl,
-  Received: Hl
-}, Gl = ({
+), Gl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ns, { variant: "sent", text: e, tail: t, className: s }), co = {
+  Sent: Gl,
+  Received: Vl
+}, Yl = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -5789,7 +5792,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     ),
     children: e
   }
-), co = ({
+), uo = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -5798,7 +5801,7 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = Ws(e);
+  const l = Ks(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,
@@ -5818,7 +5821,7 @@ const El = "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(
-            Gl,
+            Yl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5832,41 +5835,41 @@ const El = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  Sn as A,
-  yn as B,
-  bl as C,
-  ro as D,
-  sr as E,
-  co as F,
-  _a as G,
+  En as A,
+  Nn as B,
+  vl as C,
+  io as D,
+  ar as E,
+  uo as F,
+  ya as G,
   it as L,
-  no as M,
-  lo as R,
+  so as M,
+  oo as R,
   Ne as a,
   _e as b,
-  Sl as c,
-  Zn as d,
-  so as e,
-  Gl as f,
+  El as c,
+  Jn as d,
+  ao as e,
+  Yl as f,
   de as g,
   Pe as h,
   ke as i,
-  oo as j,
-  to as k,
-  io as l,
-  ei as m,
-  Zr as n,
+  co as j,
+  no as k,
+  lo as l,
+  ti as m,
+  Jr as n,
   ce as o,
-  kl as p,
-  Qr as q,
+  Cl as p,
+  ei as q,
   ve as r,
-  kn as s,
+  Cn as s,
   Ve as t,
-  Na as u,
-  ao as v,
-  Da as w,
-  _n as x,
+  ka as u,
+  ro as v,
+  Oa as w,
+  yn as x,
   ut as y,
   mt as z
 };
-//# sourceMappingURL=index-Dr_5Q52K.js.map
+//# sourceMappingURL=index-Bia73RlU.js.map