@linktr.ee/messaging-react 4.1.6-rc-1787118265 → 4.1.6

package/dist/{index-Ca3WKKZr.js → index-xcIpBghu.js}

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import P, { createContext as Ve, useContext as we, useCallback as X, useState as B, useRef as V, useEffect as K, useId as is, Suspense as ls, useMemo as oe } 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 _e, useChatContext as Ge, DateSeparator as us, useMessageContext as ge, MessageStatus as ms, MessageErrorIcon as st, MessageText as Be, 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 Vt, useMessageInputContext as Ms, useMessageComposerHasSendableData as Ds, AttachmentPreviewList as Os, QuotedMessagePreview as Ps, TextareaComposer as Fs, MessageTimestamp as qe, AIStates as Ze, useTypingContext as zs, useAIState as Bs, Channel as $s, WithComponents as Us, Window as js, MessageList as Gt, ChannelList as Hs, InfiniteScroll as Vs } from "stream-chat-react";
-import { isOfficialChannel as fn, OFFICIAL_SENDER_USER_ID as Gs, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Yt, isAgeSafetySystemType as Ys, resolveRichCardImagePresentation as Ws, selectEnabledFaqs as Ks } from "@linktr.ee/messaging-taxonomy";
+import P, { createContext as Ve, useContext as we, useCallback as X, useState as B, useRef as V, useEffect as K, useId as ls, Suspense as os, useMemo as oe } from "react";
+import { StreamChatService as cs } from "@linktr.ee/messaging-core";
+import { StreamChat as ds, LinkPreviewsManager as nt } from "stream-chat";
+import { Chat as us, useChannelStateContext as _e, useChatContext as Ge, DateSeparator as ms, useMessageContext as ge, MessageStatus as hs, MessageErrorIcon as st, MessageText as Be, areMessageUIPropsEqual as fs, useMessageReminder as gs, useComponentContext as fn, Attachment as ps, EditMessageModal as bs, MessageBlocked as vs, MessageBouncePrompt as xs, MessageDeleted as ws, MessageIsThreadReplyInChannelButtonIndicator as _s, MessageRepliesCountButton as ys, ReminderNotification as Ns, StreamedMessageText as ks, messageHasAttachments as Cs, messageHasReactions as Ss, isDateSeparatorMessage as Es, isMessageBlocked as Is, isMessageBounced as Ts, MessageBounceModal as As, Poll as Rs, useMessageComposer as Ls, useStateStore as Ms, MessageInput as Gt, useMessageInputContext as Ds, useMessageComposerHasSendableData as Os, AttachmentPreviewList as Ps, QuotedMessagePreview as Fs, TextareaComposer as zs, MessageTimestamp as qe, AIStates as Ze, useTypingContext as Bs, useAIState as $s, Channel as Us, WithComponents as js, Window as Hs, MessageList as Yt, ChannelList as Vs, InfiniteScroll as Gs } from "stream-chat-react";
+import { isOfficialChannel as gn, OFFICIAL_SENDER_USER_ID as Ys, MESSAGE_CUSTOM_TYPE as ce, isDmAgentSystemType as Wt, isAgeSafetySystemType as Ws, resolveRichCardImagePresentation as Ks, selectEnabledFaqs as Xs } from "@linktr.ee/messaging-taxonomy";
 import k from "classnames";
-import { StarIcon as at, DotsThreeIcon as Xs, SpinnerGapIcon as Pe, SignOutIcon as qs, ProhibitInsetIcon as Wt, 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 ve, PlayIcon as rt, PauseIcon as ca, LinkIcon as da, DownloadSimpleIcon as Ee, 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 = Ve({
+import { StarIcon as at, DotsThreeIcon as qs, SpinnerGapIcon as Pe, SignOutIcon as Zs, ProhibitInsetIcon as Kt, FlagIcon as pn, CurrencyDollarIcon as Js, CaretRightIcon as bn, ArrowLeftIcon as Qs, FileIcon as vn, ImageIcon as ea, SpeakerHighIcon as ta, VideoCameraIcon as xn, FileMdIcon as na, FileTextIcon as sa, FileZipIcon as aa, FilePptIcon as ra, FileCsvIcon as ia, FileXlsIcon as la, FileDocIcon as oa, FilePdfIcon as ca, CircleNotchIcon as ve, PlayIcon as rt, PauseIcon as da, LinkIcon as ua, DownloadSimpleIcon as Ee, GiftIcon as ma, WarningCircleIcon as ha, MegaphoneIcon as fa, ChecksIcon as ga, XIcon as lt, PencilSimpleIcon as pa, CaretLeftIcon as ba, TrashSimpleIcon as va, ArrowUpIcon as xa, SparkleIcon as wa, ProhibitIcon as _a } from "@phosphor-icons/react";
+import { MessageActions as ya, DefaultDropdownActionButton as wn } from "stream-chat-react/experimental";
+const _n = Ve({
   service: null,
   client: null,
   isConnected: !1,
@@ -17,7 +17,7 @@ const wn = Ve({
   refreshConnection: async () => {
   },
   debug: !1
-}), ot = () => we(wn), no = ({
+}), ot = () => we(_n), so = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -65,7 +65,7 @@ const wn = Ve({
     capabilities: r
   };
   const z = V(null);
-  !o && a && ((I = z.current) == null ? void 0 : I.apiKey) !== a && (z.current = { apiKey: a, client: new cs(a) });
+  !o && a && ((I = z.current) == null ? void 0 : I.apiKey) !== a && (z.current = { apiKey: a, client: new ds(a) });
   const F = o || (a ? ((C = z.current) == null ? void 0 : C.client) ?? null : null);
   K(() => {
     const S = R.current, O = _.current;
@@ -84,7 +84,7 @@ const wn = Ve({
       renderCount: S,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const U = new os({
+    const U = new cs({
       ...O,
       apiKey: a,
       debug: T.current,
@@ -215,8 +215,8 @@ const wn = Ve({
     renderCount: R.current,
     willRenderChat: !!F,
     contextValueReady: !!D
-  }), /* @__PURE__ */ n(wn.Provider, { value: D, children: F ? /* @__PURE__ */ n(
-    ds,
+  }), /* @__PURE__ */ n(_n.Provider, { value: D, children: F ? /* @__PURE__ */ n(
+    us,
     {
       client: F,
       customClasses: {
@@ -225,7 +225,7 @@ const wn = Ve({
       children: e
     }
   ) : e });
-}, ya = () => ot(), _n = (e) => {
+}, Na = () => ot(), yn = (e) => {
   var a, r;
   const [t, s] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -248,13 +248,13 @@ const wn = Ve({
     };
   }, [e]), t;
 };
-function yn(e, t, s) {
+function Nn(e, t, s) {
   const a = Object.values(e || {});
-  if (fn(s)) {
+  if (gn(s)) {
     const r = a.find(
       (i) => {
         var o;
-        return ((o = i.user) == null ? void 0 : o.id) === Gs;
+        return ((o = i.user) == null ? void 0 : o.id) === Ys;
       }
     );
     if (r) return r;
@@ -266,18 +266,18 @@ function yn(e, t, s) {
     }
   );
 }
-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());
+const ka = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function Ca(e) {
+  return ka.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 : !ka(s);
+  return !s || t && s === t || t && s === `Follower ${t}` ? !1 : !Ca(s);
 }
-function Nn(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 kn(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 Ca(e) {
+function Sa(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -313,14 +313,14 @@ function Ca(e) {
   }
   return Math.abs(t);
 }
-function kn(e) {
-  return Xt[Ca(e) % Xt.length];
-}
-function Sa(e) {
-  return kn(e).emoji;
+function Cn(e) {
+  return qt[Sa(e) % qt.length];
 }
 function Ea(e) {
-  return kn(e).bgColor;
+  return Cn(e).emoji;
+}
+function Ia(e) {
+  return Cn(e).bgColor;
 }
 const ye = ({
   id: e,
@@ -331,7 +331,7 @@ const ye = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  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" }, b = /* @__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 = Ea(e), d = Ia(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" }, b = /* @__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 ye = ({
       ]
     }
   );
-}, Ia = "https://linktr.ee/s/about/trust-center/report", Ta = ({
+}, Ta = "https://linktr.ee/s/about/trust-center/report", Aa = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -466,7 +466,7 @@ const ye = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(Ia, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Ta, "_blank", "noopener,noreferrer");
     }
   };
 }, ke = ({
@@ -486,7 +486,7 @@ const ye = ({
     ...a,
     children: s
   }
-), Aa = ({
+), Ra = ({
   channel: e,
   participant: t,
   showDeleteConversation: s = !0,
@@ -500,7 +500,7 @@ const ye = ({
   customChannelActions: h,
   triggerClassName: m
 }) => {
-  const [g, c] = B(!1), b = V(null), w = is(), v = X(() => c(!1), []), {
+  const [g, c] = B(!1), b = V(null), w = ls(), v = X(() => c(!1), []), {
     isParticipantBlocked: x,
     isCheckingBlockedStatus: p,
     isLeaving: y,
@@ -509,7 +509,7 @@ const ye = ({
     handleBlockUser: A,
     handleUnblockUser: R,
     handleReportUser: z
-  } = Ta({
+  } = Aa({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -543,7 +543,7 @@ const ye = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ n(Xs, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ n(qs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -565,7 +565,7 @@ const ye = ({
               disabled: y,
               "aria-busy": y,
               children: [
-                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(qs, { className: "h-5 w-5" }),
+                y ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Zs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -584,7 +584,7 @@ const ye = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { 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 ye = ({
               disabled: _,
               "aria-busy": _,
               children: [
-                _ ? /* @__PURE__ */ n(Pe, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Wt, { className: "h-5 w-5" }),
+                _ ? /* @__PURE__ */ n(Pe, { 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(ke, { variant: "danger", onClick: z, children: [
-            /* @__PURE__ */ n(gn, { className: "h-5 w-5" }),
+            /* @__PURE__ */ n(pn, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
           h
@@ -609,7 +609,7 @@ const ye = ({
       }
     )
   ] });
-}, Je = "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 = ({
+}, Je = "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", La = "CUSTOMER_PAID", Ma = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === La, Da = ({
   className: e,
   onBack: t,
   showBackButton: s,
@@ -631,14 +631,14 @@ const ye = ({
   const { channel: v } = _e(), { client: x } = Ge(), p = P.useMemo(
     () => {
       var S;
-      return yn(
+      return Nn(
         (S = v.state) == null ? void 0 : S.members,
         x == null ? void 0 : x.userID,
         v.type
       );
     },
     [(E = v.state) == null ? void 0 : E.members, x == null ? void 0 : x.userID, v.type]
-  ), y = Nn(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, T = _n(v), A = La((I = v.data) == null ? void 0 : I.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, R = a && T, z = A || R || !!w, F = async () => {
+  ), y = kn(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, T = yn(v), A = Ma((I = v.data) == null ? void 0 : I.customer_tag) && (p == null ? void 0 : p.is_follower) === !0, R = a && T, z = A || R || !!w, F = async () => {
     try {
       T ? await v.unpin() : await v.pin();
     } catch (S) {
@@ -674,7 +674,7 @@ const ye = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ n(Zs, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ n(Js, { className: "size-2.5", weight: "bold" })
               }
             ),
             R && /* @__PURE__ */ n("span", { className: "messaging-header-star-badge flex overflow-hidden", children: /* @__PURE__ */ n(
@@ -686,7 +686,7 @@ const ye = ({
               }
             ) }),
             w && /* @__PURE__ */ n(
-              pn,
+              bn,
               {
                 "aria-hidden": "true",
                 className: "size-4 shrink-0 text-black/65",
@@ -717,7 +717,7 @@ const ye = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Js, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(Qs, { 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 ye = ({
             }
           ),
           b && (c !== void 0 ? c : /* @__PURE__ */ n(
-            Aa,
+            Ra,
             {
               channel: v,
               participant: p,
@@ -772,40 +772,40 @@ const ye = ({
       ] })
     }
   );
-}, Da = (e) => /* @__PURE__ */ n(us, { ...e, position: "center" });
-function Oa(e) {
+}, Oa = (e) => /* @__PURE__ */ n(ms, { ...e, position: "center" });
+function Pa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function Cn({
+function Sn({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Oa(t);
+  const s = e == null ? void 0 : e.text, a = Pa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Pa = ["linktr.ee"], qt = "messaging-attachment-v1_0";
-function Fa(e) {
+const Fa = ["linktr.ee"], Zt = "messaging-attachment-v1_0";
+function za(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function za(e) {
-  return Pa.some(
+function Ba(e) {
+  return Fa.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const s = Fa(t);
-  if (!s || !za(s)) return t;
+  const s = za(t);
+  if (!s || !Ba(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 Ba = [
+const $a = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -818,39 +818,39 @@ const Ba = [
 function ue(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function Sn(e) {
-  const t = Ba.find(
+function En(e) {
+  const t = $a.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const $a = {
-  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
+const Ua = {
+  video: xn,
+  audio: ta,
+  image: ea,
+  document: vn
+}, ja = {
+  pdf: ca,
+  doc: oa,
+  xls: la,
+  csv: ia,
+  ppt: ra,
+  zip: aa,
+  text: sa,
+  markdown: na,
+  generic: vn
 };
-function ja(e) {
+function Ha(e) {
   const t = ue(e);
-  return t !== "document" ? $a[t] : Ua[Sn(e)];
+  return t !== "document" ? Ua[t] : ja[En(e)];
 }
 function xe(e, t) {
-  return P.createElement(ja(e), t);
+  return P.createElement(Ha(e), t);
 }
-const Ha = (e) => {
+const Va = (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;
-}, Va = ({
+}, Ga = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -870,7 +870,7 @@ const Ha = (e) => {
     const Y = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ha(N) - Y.left) / Y.width)
+      Math.min(1, (Va(N) - Y.left) / Y.width)
     );
   }, []), U = X((N) => {
     const M = m.current;
@@ -1051,7 +1051,7 @@ const Ha = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ n(ca, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ n(da, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(rt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ f(
@@ -1099,7 +1099,7 @@ const Ha = (e) => {
       ]
     }
   );
-}, Zt = (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 = ({
+}, Jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ya = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", In = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -1110,7 +1110,7 @@ const Ha = (e) => {
 }) => {
   const l = ue(e), [d, u] = B(!1), h = de(t), m = de(s);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    Va,
+    Ga,
     {
       source: t,
       mimeType: e,
@@ -1157,11 +1157,11 @@ const Ha = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: xe(e, {
-        className: Zt(r),
+        className: Jt(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Ga(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${Ya(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: m ?? s,
@@ -1174,12 +1174,12 @@ const Ha = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: xe(e, {
-        className: Zt(r),
+        className: Jt(r),
         weight: "regular"
       })
     }
   );
-}, In = ({
+}, Tn = ({
   variant: e,
   thumbnail: t,
   title: s,
@@ -1245,25 +1245,25 @@ const Ha = (e) => {
     }
   );
 };
-function Tn(e) {
+function An(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 Ya(e) {
+function Wa(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Wa(e) {
+function Ka(e) {
   return e ? "text-white" : "text-black";
 }
-function Ka(e) {
+function Xa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Xa(e) {
+function qa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function qa(e) {
+function Za(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] ${Ya(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(da, { className: `size-12 ${qa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Wa(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(ua, { className: `size-12 ${Za(t)}` })
       }
     ) }),
     /* @__PURE__ */ f("div", { className: "px-3 pb-3", children: [
       s && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[14px] font-medium leading-5 ${Wa(t)}`,
+          className: `truncate text-[14px] font-medium leading-5 ${Ka(t)}`,
           children: s
         }
       ),
       a && /* @__PURE__ */ n(
         "p",
         {
-          className: `truncate text-[12px] leading-4 ${Ka(t)}`,
+          className: `truncate text-[12px] leading-4 ${Xa(t)}`,
           children: a
         }
       ),
       d && /* @__PURE__ */ n(
         "p",
         {
-          className: `mt-1 truncate text-[12px] leading-4 ${Xa(t)}`,
+          className: `mt-1 truncate text-[12px] leading-4 ${qa(t)}`,
           children: d
         }
       )
@@ -1325,7 +1325,7 @@ function ut(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(Ye);
 }
-async function Za(e, t) {
+async function Ja(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1337,7 +1337,7 @@ async function Za(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 Ja = ({
+const Qa = ({
   url: e,
   filename: t
 }) => {
@@ -1349,7 +1349,7 @@ const Ja = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Za(e, t).then(() => {
+        a(!0), Ja(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1391,16 +1391,16 @@ function mt(e) {
     thumbnailUrl: h
   };
 }
-const An = ({
+const Rn = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? Tn(a) : void 0;
+  const i = a !== void 0 ? An(a) : void 0;
   return /* @__PURE__ */ n(
-    In,
+    Tn,
     {
       variant: "dark",
       title: s,
@@ -1408,7 +1408,7 @@ const An = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ n(
-        En,
+        In,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1419,23 +1419,23 @@ const An = ({
       )
     }
   );
-}, Rn = ({
+}, Ln = ({
   resolvedUrl: e,
   resolvedType: t,
   title: s,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ue(t), o = a !== void 0 ? Tn(a) : void 0;
+  const i = ue(t), o = a !== void 0 ? An(a) : void 0;
   return /* @__PURE__ */ n(
-    In,
+    Tn,
     {
       variant: "light",
       title: s,
       mimeType: t,
       detail: o,
       thumbnail: /* @__PURE__ */ n(
-        En,
+        In,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1445,10 +1445,10 @@ const An = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(Ja, { url: e, filename: s })
+      action: /* @__PURE__ */ n(Qa, { url: e, filename: s })
     }
   );
-}, Qa = ({
+}, er = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1485,46 +1485,46 @@ const An = ({
                 attachment: s,
                 isMyMessage: t
               }
-            ) }) : t ? /* @__PURE__ */ n(An, { ...a }) : /* @__PURE__ */ n(Rn, { ...a })
+            ) }) : t ? /* @__PURE__ */ n(Rn, { ...a }) : /* @__PURE__ */ n(Ln, { ...a })
           }
         ) })
       }
     )
   ] });
-}, er = ({
+}, tr = ({
   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(An, { ...s }) }) : null;
-}, tr = ({
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Rn, { ...s }) }) : null;
+}, nr = ({
   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(Rn, { ...s }) }) : null;
-}, so = Object.assign(Qa, {
-  Creator: er,
-  Visitor: tr
-}), nr = {
+  return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(Ln, { ...s }) }) : null;
+}, ao = Object.assign(er, {
+  Creator: tr,
+  Visitor: nr
+}), sr = {
   isUnlocking: () => !1
-}, sr = {
-  LockedAttachment: nr
-}, Ln = Ve({}), ao = Ln.Provider;
-function ar(e) {
-  return we(Ln)[e] ?? sr[e];
+}, ar = {
+  LockedAttachment: sr
+}, Mn = Ve({}), ro = Mn.Provider;
+function rr(e) {
+  return we(Mn)[e] ?? ar[e];
 }
-const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import("./Card-BMmtsI__.js")), lr = () => /* @__PURE__ */ n(
+const ir = P.lazy(() => import("./Card-BzvDr-pU.js")), lr = P.lazy(() => import("./Card-BBbR3g0y.js")), or = () => /* @__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
   }
-), Fe = (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(
+), Fe = (e) => /* @__PURE__ */ n(os, { fallback: /* @__PURE__ */ n(or, {}), children: e.contentType === "text" ? /* @__PURE__ */ n(ir, { ...e }) : /* @__PURE__ */ n(lr, { ...e }) }), cr = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
   {
     width: e,
@@ -1541,7 +1541,7 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
       }
     )
   }
-), Mn = (e) => {
+), Dn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.PAID;
 }, $e = (e) => {
@@ -1550,28 +1550,28 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
 }, ht = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.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";
-}, ur = (e) => {
+}, mr = (e) => {
   var t;
-  return Mn(e) && !!((t = e.metadata) != null && t.amount_text);
-}, Jt = ({
+  return Dn(e) && !!((t = e.metadata) != null && t.amount_text);
+}, Qt = ({
   message: e,
   isMyMessage: t = !1,
   hasAttachment: s = !1
 }) => {
   var m;
-  const a = Mn(e), r = $e(e);
+  const a = Dn(e), r = $e(e);
   if (!a && !r)
     return null;
   if (a) {
     const g = (m = e.metadata) == null ? void 0 : m.amount_text;
     return g ? /* @__PURE__ */ f("div", { className: "message-tag--paid inline-flex items-center gap-1 text-[12px] font-medium leading-[2] text-[#016630]", children: [
-      /* @__PURE__ */ n(ua, { size: 12 }),
+      /* @__PURE__ */ n(ma, { size: 12 }),
       /* @__PURE__ */ f("span", { children: [
         "Delivered with ",
         g,
@@ -1579,7 +1579,7 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
       ] })
     ] }) : null;
   }
-  const i = t && s, o = i ? "Sent with AI" : "Sent by AI Assistant", l = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", d = i ? "justify-end gap-2 text-black/30" : t ? "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", u = /* @__PURE__ */ n("span", { className: "text-left", children: o }), h = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(or, { size: i ? 12 : 15 }) });
+  const i = t && s, o = i ? "Sent with AI" : "Sent by AI Assistant", l = "inline-flex items-center text-[10px] font-normal leading-4 tracking-[0.2px]", d = i ? "justify-end gap-2 text-black/30" : t ? "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", u = /* @__PURE__ */ n("span", { className: "text-left", children: o }), h = /* @__PURE__ */ n("span", { className: "inline-flex items-center leading-none", children: /* @__PURE__ */ n(cr, { size: i ? 12 : 15 }) });
   return /* @__PURE__ */ n(
     "div",
     {
@@ -1594,7 +1594,7 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
       ] })
     }
   );
-}, 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%`, mr = {
+}, en = `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)"
 }, Ue = ({ side: e }) => /* @__PURE__ */ n(
@@ -1607,24 +1607,24 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = 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: Qt,
-      mask: Qt
+      backgroundColor: hr[e],
+      WebkitMask: en,
+      mask: en
     }
   }
-), Dn = Ve(
+), On = Ve(
   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);
@@ -1635,7 +1635,7 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
     });
   }
   return a;
-}, gr = (e, t) => {
+}, pr = (e, t) => {
   if (e === t)
     return !0;
   if (!e || !t)
@@ -1647,13 +1647,13 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = 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] = B(s);
-  return gr(a, s) ? a : (r(s), s);
-}, On = (e) => {
+}, br = (e, t) => {
+  const s = gr(e, t), [a, r] = B(s);
+  return pr(a, s) ? a : (r(s), s);
+}, Pn = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === ce.TIP;
-}, br = ({ message: e }) => {
+}, vr = ({ message: e }) => {
   var s;
   const t = (s = e.metadata) == null ? void 0 : s.amount_text;
   return t ? /* @__PURE__ */ f("div", { className: "message-tip-pill inline-flex items-end gap-0.5 max-w-[520px] rounded-[1.5rem] bg-[#43e660] px-4 py-3 text-white", children: [
@@ -1681,9 +1681,9 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
   })();
   return e.id === s;
 }, ze = () => ft() ? /* @__PURE__ */ f(q, { children: [
-  /* @__PURE__ */ n(fa, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ n(ga, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }) : null, vr = () => ft() ? /* @__PURE__ */ f(q, { children: [
+] }) : null, xr = () => ft() ? /* @__PURE__ */ f(q, { children: [
   /* @__PURE__ */ n(
     ve,
     {
@@ -1693,12 +1693,12 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
     }
   ),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
-] }) : null, xr = ({
+] }) : null, wr = ({
   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(ha, { weight: "fill" }) }),
+    /* @__PURE__ */ n("span", { className: "sent-message-outbound-badge", "aria-hidden": "true", children: /* @__PURE__ */ n(fa, { weight: "fill" }) }),
     /* @__PURE__ */ n(
       "span",
       {
@@ -1720,10 +1720,10 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
       children: r
     }
   ) : r;
-}, wr = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
-  /* @__PURE__ */ n(ma, { weight: "bold", "aria-hidden": "true" }),
+}, _r = () => /* @__PURE__ */ f("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ n(ha, { weight: "bold", "aria-hidden": "true" }),
   /* @__PURE__ */ n("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
-] }), _r = ({
+] }), yr = ({
   onOutboundClick: e,
   resolvedOutbound: t
 }) => {
@@ -1734,22 +1734,22 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
   if (r)
     return null;
   if (a.status === "failed" && i && a.type !== "error")
-    return /* @__PURE__ */ n(wr, {});
+    return /* @__PURE__ */ n(_r, {});
   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(
-    xr,
+    wr,
     {
       outbound: t,
       onOutboundClick: e
     }
-  ) : null, u = ur(a) ? null : /* @__PURE__ */ n(
-    ms,
+  ) : null, u = mr(a) ? null : /* @__PURE__ */ n(
+    hs,
     {
       MessageSentStatus: ze,
       MessageDeliveredStatus: ze,
       MessageReadStatus: ze,
-      MessageSendingStatus: On(a) ? ze : vr
+      MessageSendingStatus: Pn(a) ? ze : xr
     }
   );
   return d ? /* @__PURE__ */ f("span", { className: "sent-message-status-row", children: [
@@ -1757,19 +1757,19 @@ const rr = P.lazy(() => import("./Card-BzvDr-pU.js")), ir = P.lazy(() => import(
     u && o && /* @__PURE__ */ n("span", { className: "sent-message-outbound-separator", "aria-hidden": "true", children: "•" }),
     d
   ] }) : u;
-}, yr = /^([a-z][a-z0-9+.-]*):/i, Nr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+}, Nr = /^([a-z][a-z0-9+.-]*):/i, kr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = yr.exec(t);
+  const s = Nr.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return Nr.has(a) ? t : void 0;
+    return kr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const kr = {
+const Cr = {
   dark: {
     primary: "bg-white text-[#121110] hover:bg-white/90",
     secondary: "bg-white/15 text-white hover:bg-white/25"
@@ -1778,7 +1778,7 @@ const kr = {
     primary: "bg-[#121110] text-white hover:bg-[#2a2928]",
     secondary: "bg-black/[0.06] text-[#121110] hover:bg-black/10"
   }
-}, Pn = ({
+}, Fn = ({
   variant: e,
   cta: t,
   fullWidth: s = !0,
@@ -1788,7 +1788,7 @@ const kr = {
     "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",
-    kr[e][r]
+    Cr[e][r]
   ), o = s ? t.label : /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: t.label }), l = gt(t.href);
   return l ? /* @__PURE__ */ n(
     "a",
@@ -1815,13 +1815,13 @@ const kr = {
       children: o
     }
   );
-}, Cr = {
+}, Sr = {
   dark: "text-white",
   light: "text-black/90"
-}, Sr = "text-white/30", en = {
+}, Er = "text-white/30", tn = {
   dark: "text-white/55",
   light: "text-black/55"
-}, Er = {
+}, Ir = {
   dark: "bg-white/25",
   light: "bg-black/15"
 }, pt = ({
@@ -1843,19 +1843,19 @@ const kr = {
     return null;
   const y = g && !a, _ = k(
     "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px]",
-    s == null && (y ? Sr : Cr[e])
+    s == null && (y ? Er : Sr[e])
   ), T = k(
     "truncate text-[12px] leading-4 tracking-[0.24px]",
-    s == null && en[e]
+    s == null && tn[e]
   ), A = k(
     "text-[12px] leading-4 tracking-[0.24px]",
     o <= 1 && "truncate",
-    s == null && en[e]
+    s == null && tn[e]
   );
   if (m) {
     const F = k(
       "animate-pulse rounded",
-      Er[e]
+      Ir[e]
     );
     return /* @__PURE__ */ n("div", { className: "shrink-0 px-4 py-3", children: /* @__PURE__ */ f("div", { className: "flex min-w-0 flex-col gap-[2px]", children: [
       /* @__PURE__ */ n("div", { className: k("h-5 w-3/4", F), "aria-hidden": !0 }),
@@ -1896,9 +1896,9 @@ const kr = {
       ] }),
       h && /* @__PURE__ */ n("div", { className: "shrink-0", children: h })
     ] }),
-    u && /* @__PURE__ */ n(Pn, { variant: t ?? e, cta: u })
+    u && /* @__PURE__ */ n(Fn, { variant: t ?? e, cta: u })
   ] });
-}, Ir = "Loading link preview", Tr = k(
+}, Tr = "Loading link preview", Ar = k(
   // 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.
@@ -1908,7 +1908,7 @@ const kr = {
   // 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]"
-), Ar = "flex h-[250px] flex-col", Ie = ({
+), Rr = "flex h-[250px] flex-col", Ie = ({
   variant: e,
   children: t,
   href: s,
@@ -1924,8 +1924,8 @@ const kr = {
 }) => {
   const g = s != null || a != null, c = k(
     "messaging-link-card",
-    Tr,
-    u ? Ar : "block",
+    Ar,
+    u ? Rr : "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
@@ -1947,7 +1947,7 @@ const kr = {
     // 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
-  ), b = 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;
+  ), b = h ? { role: "status", "aria-busy": !0, "aria-label": Tr } : 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",
     {
@@ -1998,10 +1998,10 @@ const kr = {
       ]
     }
   );
-}, tn = {
+}, nn = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Rr = {
+}, Lr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, Ae = (e, t) => !!t && !!e && ue(e) === "audio", bt = (e, t) => {
@@ -2051,7 +2051,7 @@ const kr = {
             {
               className: k(
                 "h-full w-full animate-pulse",
-                tn[e]
+                nn[e]
               ),
               "aria-hidden": !0
             }
@@ -2095,10 +2095,10 @@ const kr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              tn[e]
+              nn[e]
             ),
             children: xe(r, {
-              className: Rr[e],
+              className: Lr[e],
               weight: "regular"
             })
           }
@@ -2108,14 +2108,14 @@ const kr = {
       ]
     }
   );
-}, Lr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-function Mr(e) {
+}, Mr = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function Dr(e) {
   const t = e.trim();
   return t.startsWith("#") ? t : `#${t}`;
 }
-const Dr = "#FFFFFF", Fn = "#040403", Or = {
-  dark: Dr,
-  light: Fn
+const Or = "#FFFFFF", zn = "#040403", Pr = {
+  dark: Or,
+  light: zn
 };
 function We({
   variant: e,
@@ -2132,7 +2132,7 @@ function We({
   }, [r]);
   const u = P.useCallback(() => {
     d(!0);
-  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Lr.test(t.trim()) ? Mr(t) : void 0, b = h ? Fn : Or[e];
+  }, []), h = Ae(i, o), c = a === "featured" && !!r && !h && !l && s === "ready" && t != null && Mr.test(t.trim()) ? Dr(t) : void 0, b = h ? zn : Pr[e];
   return {
     thumbnailUrl: l ? void 0 : r,
     accentHex: c,
@@ -2142,7 +2142,7 @@ function We({
     onImageError: u
   };
 }
-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 = ({
+const Fr = "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white focus-ring", zr = "relative before:absolute before:-inset-[10px] before:content-['']", Br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2175,8 +2175,8 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: c,
       "aria-label": w,
       className: k(
-        Pr,
-        !x && Fr
+        Fr,
+        !x && zr
       ),
       children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
     }
@@ -2187,7 +2187,7 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       onClick: b,
       "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(ga, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(pa, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return x && !p.isLoading ? /* @__PURE__ */ n(Ie, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -2268,7 +2268,7 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       }
     )
   ] })
-) : /* @__PURE__ */ n(q, { children: a }), Br = ({
+) : /* @__PURE__ */ n(q, { children: a }), $r = ({
   title: e,
   description: t,
   descriptionLines: s,
@@ -2350,7 +2350,7 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )
     }
   );
-}, $r = ({
+}, Ur = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -2427,19 +2427,19 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     }
   );
 }, it = {
-  Composer: zr,
-  Sent: $r,
-  Received: Br
-}, Ur = {
+  Composer: Br,
+  Sent: Ur,
+  Received: $r
+}, jr = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, jr = {
+}, Hr = {
   dark: "text-white",
   light: "text-[#000000]"
-}, Hr = {
+}, Vr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Vr = (e) => e === "dark" ? "sender" : "receiver", Gr = {
+}, Gr = (e) => e === "dark" ? "sender" : "receiver", Yr = {
   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]",
@@ -2464,7 +2464,7 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   children: d,
   "data-testid": u
 }) => {
-  const h = t != null && t !== "", m = o ?? Gr[Vr(e)][a];
+  const h = t != null && t !== "", m = o ?? Yr[Gr(e)][a];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -2493,10 +2493,10 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
         // there is no ambiguity to resolve.
         h && "pb-0",
         m,
-        Ur[e],
         jr[e],
+        Hr[e],
         s && "border",
-        s && Hr[e],
+        s && Vr[e],
         l
       ),
       children: [
@@ -2542,16 +2542,16 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
     ),
     children: /* @__PURE__ */ n(lt, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", ro = ({
+), Me = (e) => e === "received" ? "light" : "dark", io = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Yr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => 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: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Kr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -2574,7 +2574,7 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
   preload: l,
   onDismiss: d
 }) => {
-  const u = Me(e), h = e === "composer" && !!d, m = Yr({ src: t, mimeType: s, filename: a, items: r });
+  const u = Me(e), h = e === "composer" && !!d, m = Wr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const g = l ?? (m.length > 1 ? "none" : "metadata");
@@ -2586,7 +2586,7 @@ const Pr = "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, b) => /* @__PURE__ */ n(
-        Wr,
+        Kr,
         {
           item: c,
           preload: g,
@@ -2600,15 +2600,15 @@ const Pr = "flex size-6 items-center justify-center rounded-full bg-[#121110] te
       )) })
     }
   );
-}, Kr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Zr = {
-  Composer: Kr,
-  Sent: Xr,
-  Received: qr
+}, Xr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "composer" }), qr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "sent" }), Zr = (e) => /* @__PURE__ */ n(wt, { ...e, state: "received" }), Jr = {
+  Composer: Xr,
+  Sent: qr,
+  Received: Zr
 };
-function Jr(e) {
+function Qr(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 Qr = {
+const ei = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -2618,7 +2618,7 @@ const Qr = {
   text: "TXT",
   markdown: "MD"
 };
-function ei(e, t) {
+function ti(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -2628,7 +2628,7 @@ function ei(e, t) {
   }
   if (!e) return;
   if (ue(e) === "document") {
-    const r = Sn(e), i = Qr[r];
+    const r = En(e), i = ei[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -2636,8 +2636,8 @@ function ei(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function ti(e, t, s) {
-  const a = ei(e, t), r = typeof s == "number" && s > 0 ? Jr(s) : void 0;
+function ni(e, t, s) {
+  const a = ti(e, t), r = typeof s == "number" && s > 0 ? Qr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -2648,16 +2648,16 @@ function re(e) {
     return "download";
   }
 }
-const ni = {
+const si = {
   dark: "text-white/55",
   light: "text-black/65"
-}, si = {
+}, ai = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ai = {
+}, ri = {
   dark: "text-white/85",
   light: "text-black/85"
-}, zn = ({
+}, Bn = ({
   variant: e,
   filename: t,
   title: s,
@@ -2667,16 +2667,16 @@ const ni = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = ti(a, t, r), h = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = ni(a, t, r), h = /* @__PURE__ */ n(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        si[e]
+        ai[e]
       ),
       "aria-hidden": !0,
       children: xe(a, {
-        className: k("size-6", ai[e]),
+        className: k("size-6", ri[e]),
         weight: "regular"
       })
     }
@@ -2687,7 +2687,7 @@ const ni = {
       {
         className: k(
           "truncate text-xs leading-4",
-          ni[e]
+          si[e]
         ),
         children: u
       }
@@ -2716,7 +2716,7 @@ const ni = {
     l ? /* @__PURE__ */ n("div", { className: "shrink-0", children: l }) : null
   ] });
 };
-async function Bn(e, t) {
+async function $n(e, t) {
   const s = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -2730,14 +2730,14 @@ async function Bn(e, t) {
     }
   }
 }
-const ri = ({
+const ii = ({
   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 }] : [], ii = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], li = ({
   variant: e,
   item: t,
   index: s,
@@ -2746,7 +2746,7 @@ const ri = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    zn,
+    Bn,
     {
       variant: e,
       filename: i,
@@ -2771,7 +2771,7 @@ const ri = ({
   onClick: u,
   onDismiss: h
 }) => {
-  const m = Me(e), g = e === "composer" && !!h, c = ri({
+  const m = Me(e), g = e === "composer" && !!h, c = ii({
     src: t,
     filename: s,
     fileSize: a,
@@ -2783,7 +2783,7 @@ const ri = ({
     const x = c[v];
     if (!x) return;
     const p = x.filename ?? re(x.src);
-    Bn(x.src, p);
+    $n(x.src, p);
   };
   if (c.length === 0)
     return null;
@@ -2806,7 +2806,7 @@ const ri = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, x) => /* @__PURE__ */ n(
-        ii,
+        li,
         {
           variant: m,
           item: v,
@@ -2818,11 +2818,11 @@ const ri = ({
       )) })
     }
   );
-}, li = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), di = {
-  Composer: li,
-  Sent: oi,
-  Received: ci
-}, $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", 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", yt = ({
+}, oi = (e) => /* @__PURE__ */ n(_t, { ...e, state: "composer" }), ci = (e) => /* @__PURE__ */ n(_t, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(_t, { ...e, state: "received" }), ui = {
+  Composer: oi,
+  Sent: ci,
+  Received: di
+}, Un = "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", sn = "absolute top-1/2 z-[1] inline-flex size-12 -translate-y-1/2 items-center justify-center rounded-full border-0 bg-white/[0.12] p-0 text-white transition-colors duration-150 ease-[ease] hover:bg-white/[0.22] focus-visible:bg-white/[0.22] focus-visible:outline-none", yt = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
@@ -2834,8 +2834,8 @@ const ri = ({
       type: "button",
       onClick: e,
       "aria-label": s,
-      className: `${nn} left-4`,
-      children: /* @__PURE__ */ n(pa, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${sn} left-4`,
+      children: /* @__PURE__ */ n(ba, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -2844,11 +2844,11 @@ const ri = ({
       type: "button",
       onClick: t,
       "aria-label": a,
-      className: `${nn} right-4`,
-      children: /* @__PURE__ */ n(pn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      className: `${sn} right-4`,
+      children: /* @__PURE__ */ n(bn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), Un = ({
+] }), jn = ({
   url: e,
   filename: t,
   variant: s = "pill",
@@ -2859,7 +2859,7 @@ const ri = ({
 }) => {
   const [l, d] = B(!1), u = X(
     (c) => {
-      c.stopPropagation(), !l && (d(!0), Bn(e, t).catch(() => {
+      c.stopPropagation(), !l && (d(!0), $n(e, t).catch(() => {
       }).finally(() => {
         d(!1), o == null || o();
       }));
@@ -2906,7 +2906,7 @@ const ri = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: $n,
+      className: Un,
       children: l ? /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ee, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ f(
@@ -3038,7 +3038,7 @@ const ri = ({
                 type: "button",
                 onClick: t,
                 "aria-label": "Close viewer",
-                className: $n,
+                className: Un,
                 children: /* @__PURE__ */ n(lt, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
@@ -3048,7 +3048,7 @@ const ri = ({
       ]
     }
   );
-}, jn = ({
+}, Hn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3070,7 +3070,7 @@ const ri = ({
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ n(
-        Un,
+        jn,
         {
           url: l.src,
           filename: d,
@@ -3103,7 +3103,7 @@ const ri = ({
       ]
     }
   ) : null;
-}, 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 = {
+}, mi = "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", hi = {
   1: ["rounded-[18px]"],
   2: ["rounded-l-[18px]", "rounded-r-[18px]"],
   3: ["rounded-l-[18px]", "rounded-tr-[18px]", "rounded-br-[18px]"],
@@ -3113,7 +3113,7 @@ const ri = ({
     "rounded-bl-[18px]",
     "rounded-br-[18px]"
   ]
-}, hi = "--mes-single-width-cap", fi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", gi = 436, Hn = ({
+}, fi = "--mes-single-width-cap", gi = "[--mes-single-width-cap:309px] sm:[--mes-single-width-cap:326px]", pi = 436, Vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3125,9 +3125,9 @@ const ri = ({
   const o = e.slice(0, Math.min(i, s)), l = i - o.length, d = (h, m, g) => {
     var b;
     const c = k(
-      ui,
+      mi,
       "h-full w-full",
-      (b = mi[o.length]) == null ? void 0 : b[m]
+      (b = hi[o.length]) == null ? void 0 : b[m]
     );
     return t ? /* @__PURE__ */ f(
       "button",
@@ -3152,14 +3152,14 @@ const ri = ({
     aspectRatio: a,
     // Hundredths keep the emitted declaration readable in devtools;
     // the rounding error is well under a device pixel.
-    width: `min(var(${hi}), ${Math.round(gi * a * 100) / 100}px)`,
+    width: `min(var(${fi}), ${Math.round(pi * a * 100) / 100}px)`,
     // Only bites in a container narrower than the width cap.
     maxWidth: "100%"
   }), o.length === 1 ? /* @__PURE__ */ n(
     "div",
     {
       className: k(
-        a ? fi : "aspect-square w-full",
+        a ? gi : "aspect-square w-full",
         r
       ),
       style: u,
@@ -3222,7 +3222,7 @@ const ri = ({
     [e]
   ), o = X(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, pi = ({
+}, bi = ({
   item: e,
   index: t,
   totalCount: s,
@@ -3250,15 +3250,15 @@ const ri = ({
       }
     )
   )
-}), bi = ({
+}), vi = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Vn = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Gn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), vi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), xi = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = De(r);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
@@ -3283,16 +3283,16 @@ const ri = ({
     ),
     i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
-      jn,
+      Hn,
       {
         open: o,
-        items: Vn([{ src: e, alt: t }], s),
+        items: Gn([{ src: e, alt: t }], s),
         initialIndex: l,
         onClose: u
       }
     )
   ] });
-}, xi = 326 / 246, wi = (e) => {
+}, wi = 326 / 246, _i = (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;
@@ -3307,11 +3307,11 @@ const ri = ({
     [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 ?? xi,
+    ratio: o ?? l ?? wi,
     imgRef: r,
     onLoad: i
   };
-}, Gn = ({
+}, Yn = ({
   state: e,
   src: t,
   alt: s,
@@ -3322,11 +3322,11 @@ const ri = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const u = bi({ src: t, alt: s, items: r }), h = Me(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: b } = De(d), w = u.length === 1, v = wi(w ? u[0] : void 0);
+  const u = vi({ src: t, alt: s, items: r }), h = Me(e), { viewerOpen: m, viewerIndex: g, handleActivate: c, closeViewer: b } = De(d), w = u.length === 1, v = _i(w ? u[0] : void 0);
   if (u.length === 0)
     return null;
   const x = u.map(
-    (p, y) => pi({
+    (p, y) => bi({
       item: p,
       index: y,
       totalCount: u.length,
@@ -3348,7 +3348,7 @@ const ri = ({
       "data-testid": "image-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
-          Hn,
+          Vn,
           {
             tiles: x,
             onTileActivate: c,
@@ -3356,10 +3356,10 @@ const ri = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          jn,
+          Hn,
           {
             open: m,
-            items: Vn(u, a),
+            items: Gn(u, a),
             initialIndex: g,
             onClose: b
           }
@@ -3367,11 +3367,11 @@ const ri = ({
       ]
     }
   );
-}, _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 = ({
+}, yi = (e) => /* @__PURE__ */ n(xi, { ...e }), Ni = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "sent" }), ki = (e) => /* @__PURE__ */ n(Yn, { ...e, state: "received" }), Ci = {
+  Composer: yi,
+  Sent: Ni,
+  Received: ki
+}, Si = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3385,7 +3385,7 @@ const ri = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? re(l.src) : "document"),
     [l]
   ), u = oe(
-    () => l ? Si(l.src) : void 0,
+    () => l ? Ei(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ f(
@@ -3419,16 +3419,16 @@ const ri = ({
       ]
     }
   );
-}, Si = (e) => {
+}, Ei = (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()}`;
-}, Ei = ({
+}, Ii = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Ii = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Ti = ({
   variant: e,
   item: t,
   index: s,
@@ -3437,7 +3437,7 @@ const ri = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ n(
-    zn,
+    Bn,
     {
       variant: e,
       filename: i,
@@ -3461,7 +3461,7 @@ const ri = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const h = Me(e), m = Ei({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = De(d), v = e === "composer" && !!u;
+  const h = Me(e), m = Ii({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = De(d), v = e === "composer" && !!u;
   if (m.length === 0)
     return null;
   const x = m.map((p) => ({
@@ -3478,7 +3478,7 @@ const ri = ({
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((p, y) => {
           const _ = p.filename ?? re(p.src), T = v && y === 0 ? /* @__PURE__ */ n(Le, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
-            Un,
+            jn,
             {
               url: p.src,
               filename: _,
@@ -3488,7 +3488,7 @@ const ri = ({
             }
           );
           return /* @__PURE__ */ n(
-            Ii,
+            Ti,
             {
               variant: h,
               item: p,
@@ -3500,7 +3500,7 @@ const ri = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          Ci,
+          Si,
           {
             open: g,
             items: x,
@@ -3511,11 +3511,11 @@ const ri = ({
       ]
     }
   );
-}, Ti = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Ri = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Li = {
-  Composer: Ti,
-  Sent: Ai,
-  Received: Ri
-}, Yn = ({
+}, Ai = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "composer" }), Ri = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "sent" }), Li = (e) => /* @__PURE__ */ n(Ct, { ...e, state: "received" }), Mi = {
+  Composer: Ai,
+  Sent: Ri,
+  Received: Li
+}, Wn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -3565,7 +3565,7 @@ const ri = ({
       ]
     }
   ) : null;
-}, 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 = ({
+}, Di = () => /* @__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 }) }) }), Kn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ f("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -3580,30 +3580,30 @@ const ri = ({
       className: "absolute inset-0 size-full object-cover"
     }
   ) : /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n(
-    vn,
+    xn,
     {
       className: "size-16 text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(Mi, {})
-] }), Di = (e, t, s) => ({
+  /* @__PURE__ */ n(Di, {})
+] }), Oi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(Wn, { item: e, index: t })
-}), Oi = ({
+  content: /* @__PURE__ */ n(Kn, { item: e, index: t })
+}), Pi = ({
   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 }] : [], Kn = (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 }] : [], Xn = (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
-})), Pi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), Fi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: h } = De(i);
   return /* @__PURE__ */ f("div", { className: "relative w-fit", children: [
     /* @__PURE__ */ n(
@@ -3613,21 +3613,21 @@ const ri = ({
         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(Wn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Kn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Le, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Yn,
+      Wn,
       {
         open: l,
-        items: Kn([{ src: e, poster: t, mimeType: s, preload: r }], a),
+        items: Xn([{ src: e, poster: t, mimeType: s, preload: r }], a),
         initialIndex: d,
         onClose: h
       }
     )
   ] });
-}, Xn = ({
+}, qn = ({
   state: e,
   src: t,
   poster: s,
@@ -3639,11 +3639,11 @@ const ri = ({
   preload: d,
   onClick: u
 }) => {
-  const h = Oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = De(u);
+  const h = Pi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: b, closeViewer: w } = De(u);
   if (h.length === 0)
     return null;
   const v = h.map(
-    (x, p) => Di(x, p, h.length)
+    (x, p) => Oi(x, p, h.length)
   );
   return /* @__PURE__ */ f(
     Re,
@@ -3653,12 +3653,12 @@ const ri = ({
       groupPosition: l,
       "data-testid": "video-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Hn, { tiles: v, onTileActivate: b }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(Vn, { tiles: v, onTileActivate: b }) }),
         /* @__PURE__ */ n(
-          Yn,
+          Wn,
           {
             open: g,
-            items: Kn(h, r),
+            items: Xn(h, r),
             initialIndex: c,
             onClose: w
           }
@@ -3666,28 +3666,28 @@ const ri = ({
       ]
     }
   );
-}, Fi = (e) => /* @__PURE__ */ n(Pi, { ...e }), zi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "sent" }), Bi = (e) => /* @__PURE__ */ n(Xn, { ...e, state: "received" }), $i = {
-  Composer: Fi,
-  Sent: zi,
-  Received: Bi
+}, zi = (e) => /* @__PURE__ */ n(Fi, { ...e }), Bi = (e) => /* @__PURE__ */ n(qn, { ...e, state: "sent" }), $i = (e) => /* @__PURE__ */ n(qn, { ...e, state: "received" }), Ui = {
+  Composer: zi,
+  Sent: Bi,
+  Received: $i
 }, Ce = {
-  Image: ki,
-  Video: $i,
-  Audio: Zr,
-  Pdf: Li,
-  File: di
+  Image: Ci,
+  Video: Ui,
+  Audio: Jr,
+  Pdf: Mi,
+  File: ui
 };
 function H(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function sn(e) {
+function an(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function Ui(e, t) {
+function ji(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const s = sn(e), a = sn(t);
+  const s = an(e), a = an(t);
   if (s === a)
     return !0;
   if (!s.includes(a))
@@ -3695,7 +3695,7 @@ function Ui(e, t) {
   const r = s.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function an(e) {
+function rn(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),
@@ -3717,11 +3717,11 @@ function an(e) {
     status: "ready"
   };
 }
-function ji(e) {
+function Hi(e) {
   var t;
   return Ye(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 qn(e) {
+function Zn(e) {
   if (!(e != null && e.length)) return [];
   const t = [], s = (r, i) => {
     const o = t[t.length - 1];
@@ -3743,21 +3743,21 @@ function qn(e) {
       a(r);
       continue;
     }
-    const i = ji(r);
+    const i = Hi(r);
     i && s(i, r);
   }
   return t;
 }
-function Hi(e) {
+function Vi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function Vi(e, t, s) {
+function Gi(e, t, s) {
   return t <= 1 ? s : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Gi(e) {
+function Yi(e) {
   return H(e.image_url) ?? H(e.asset_url) ?? "";
 }
-function Yi(e) {
+function Wi(e) {
   switch (e) {
     case "image":
       return Ce.Image;
@@ -3771,11 +3771,11 @@ function Yi(e) {
       return Ce.File;
   }
 }
-function rn(e, t) {
+function ln(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Gi(t),
+        src: Yi(t),
         alt: H(t.title)
       };
     case "video":
@@ -3807,35 +3807,35 @@ function rn(e, t) {
       };
   }
 }
-function Wi(e, t) {
+function Ki(e, t) {
   if (t.length > 1)
     return {
-      items: t.map((a) => rn(e, a))
+      items: t.map((a) => ln(e, a))
     };
   const s = t[0];
-  return s ? rn(e, s) : {};
+  return s ? ln(e, s) : {};
 }
-function Ki({
+function Xi({
   groupPosition: e,
   isMyMessage: t,
   segment: s
 }) {
-  const a = Yi(s.kind), r = {
-    ...Wi(s.kind, s.attachments),
+  const a = Wi(s.kind), r = {
+    ...Ki(s.kind, s.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ n(a.Sent, { ...r }) : /* @__PURE__ */ n(a.Received, { ...r });
 }
-const Xi = ({
+const qi = ({
   groupPosition: e,
   isMyMessage: t,
   message: s,
   renderText: a
 }) => {
   var v;
-  const r = qn(s.attachments);
+  const r = Zn(s.attachments);
   if (r.length === 0) return null;
-  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;
+  const i = Vi(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" ? rn(l.attachments[0] ?? {}).url : void 0, u = o && ji(o, d) ? void 0 : o;
   let h = 0;
   const m = [], g = u ? "middle" : e, c = e === "single" || e === "end", b = (x, p, y) => {
     const _ = t ? it.Sent : it.Received;
@@ -3843,21 +3843,21 @@ const Xi = ({
       /* @__PURE__ */ n(
         _,
         {
-          ...an(x),
+          ...rn(x),
           groupPosition: y ? g : "middle"
         },
         p
       )
     );
   }, w = (x, p) => {
-    const y = Vi(
+    const y = Gi(
       h,
       i,
       e
     );
     h += 1, m.push(
       /* @__PURE__ */ n(
-        Ki,
+        Xi,
         {
           groupPosition: y,
           isMyMessage: t,
@@ -3912,8 +3912,8 @@ const Xi = ({
       }
     ) : null
   ] });
-}, qi = (e) => {
-  var Lt, Mt, Dt, Ot, Pt, Ft, zt, Bt, $t, Ut;
+}, Zi = (e) => {
+  var Lt, Mt, Dt, Ot, Pt, Ft, zt, Bt, $t, Ut, jt;
   const {
     additionalMessageInputProps: t,
     editing: s,
@@ -3933,46 +3933,46 @@ const Xi = ({
     viewerLanguage: v,
     onOutboundClick: x,
     resolvedOutbound: p
-  } = e, { client: y } = Ge("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: A, onFetchSource: R, onDownloadClick: z } = ar("LockedAttachment"), [F, L] = B(!1), E = fs(c.id), {
-    Attachment: D = gs,
-    EditMessageModal: I = ps,
+  } = e, { client: y } = Ge("CustomMessage"), { channel: _ } = _e("CustomMessage"), { isUnlocking: T, onUnlockClick: A, onFetchSource: R, onDownloadClick: z } = rr("LockedAttachment"), [F, L] = B(!1), E = gs(c.id), {
+    Attachment: D = ps,
+    EditMessageModal: I = bs,
     MessageActions: C,
-    MessageBlocked: S = bs,
-    MessageBouncePrompt: O = vs,
-    MessageDeleted: U = xs,
-    MessageIsThreadReplyInChannelButtonIndicator: j = ws,
-    MessageRepliesCountButton: J = _s,
-    ReminderNotification: Z = ys,
-    StreamedMessageText: Q = Ns,
+    MessageBlocked: S = vs,
+    MessageBouncePrompt: O = xs,
+    MessageDeleted: U = ws,
+    MessageIsThreadReplyInChannelButtonIndicator: j = _s,
+    MessageRepliesCountButton: J = ys,
+    ReminderNotification: Z = Ns,
+    StreamedMessageText: Q = ks,
     PinIndicator: G
-  } = hn("CustomMessage"), N = ks(c), M = Cs(c), Y = oe(
+  } = fn("CustomMessage"), N = Cs(c), M = Ss(c), Y = oe(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), $ = oe(() => {
     const fe = c.attachments ?? [], be = c.shared_location ? [c.shared_location, ...fe] : fe;
     if (!$e(c)) return be;
-    const jt = be.filter((Ht) => !("type" in Ht) || !Ye(Ht));
-    return jt.length === be.length ? be : jt;
+    const Ht = be.filter((Vt) => !("type" in Vt) || !Ye(Vt));
+    return Ht.length === be.length ? be : Ht;
   }, [c]), ne = oe(
-    () => qn($),
+    () => Zn($),
     [$]
   ), W = oe(() => {
-    const fe = Cn({ message: c, viewerLanguage: v });
+    const fe = Sn({ message: c, viewerLanguage: v });
     return fe === c.text ? c : { ...c, text: fe };
   }, [c, v]), te = ne.length > 0, se = ne.reduce(
     (fe, be) => fe + be.attachments.length,
     0
   ) === (($ == null ? void 0 : $.length) ?? 0), ie = (i == null ? void 0 : i[0]) ?? "", Oe = ie === "top" ? "first" : ie === "middle" ? "middle" : ie === "bottom" ? "end" : "single", me = ie === "single" || ie === "bottom";
-  if (Ss(c))
+  if (Es(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ n(U, { message: c });
-  if (Es(c))
+  if (Is(c))
     return /* @__PURE__ */ n(S, {});
-  const ae = !w && !!c.reply_count, he = !w && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, St = Is(c);
+  const ae = !w && !!c.reply_count, he = !w && c.show_in_channel && c.parent_id, le = c.status === "failed" && ((Lt = c.error) == null ? void 0 : Lt.status) !== 403, St = Ts(c);
   let pe;
   le ? pe = () => u(c) : St && (pe = () => L(!0));
-  const ee = g(), ss = k(
+  const ee = g(), as = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3989,7 +3989,7 @@ const Xi = ({
       "str-chat__virtual-message__wrapper--first": r,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), Ke = c.poll_id && y.polls.fromState(c.poll_id), Et = On(c), Ne = $e(c), as = ht(c), Xe = !!($ != null && $.length && !c.quoted_message), It = Ne && ee && Xe, rs = te && se && !c.quoted_message && !Ke && !Y && !Ne, Tt = {
+  ), Ke = c.poll_id && y.polls.fromState(c.poll_id), Et = Pn(c), Ne = $e(c), rs = ht(c), Xe = !!($ != null && $.length && !c.quoted_message), It = Ne && ee && Xe, is = te && se && !c.quoted_message && !Ke && !Y && !Ne, Tt = {
     contentType: "text",
     amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
     paymentStatus: (Ot = c.metadata) == null ? void 0 : Ot.payment_status,
@@ -4023,7 +4023,7 @@ const Xi = ({
       }
     ),
     F && /* @__PURE__ */ n(
-      Ts,
+      As,
       {
         MessageBouncePrompt: O,
         onClose: () => L(!1),
@@ -4033,7 +4033,7 @@ const Xi = ({
     /* @__PURE__ */ f(
       "div",
       {
-        className: ss,
+        className: as,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
@@ -4069,9 +4069,9 @@ const Xi = ({
                 marginInlineStart: 0
               },
               children: Et ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-tip-wrapper", children: [
-                /* @__PURE__ */ n(br, { message: c }),
-                c.text && Rt
-              ] }) : cr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ n(vr, { message: c }),
+                ((jt = c.text) == null ? void 0 : jt.trim()) && Rt
+              ] }) : dr(c) ? /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                 ee && C && /* @__PURE__ */ n(C, {}),
                 ee ? /* @__PURE__ */ n(Fe, { ...Tt, isMine: !0 }) : /* @__PURE__ */ n(
                   Fe,
@@ -4083,7 +4083,7 @@ const Xi = ({
                   }
                 ),
                 !ee && C && /* @__PURE__ */ n(C, {})
-              ] }) }) : dr(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper", children: [
+              ] }) }) : ur(c) ? /* @__PURE__ */ f("div", { className: "str-chat__message-bubble-wrapper message-locked-attachment-wrapper", children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
                   ee && C && /* @__PURE__ */ n(C, {}),
                   ee ? /* @__PURE__ */ n(
@@ -4106,8 +4106,8 @@ const Xi = ({
                   !ee && C && /* @__PURE__ */ n(C, {})
                 ] }),
                 c.text && Rt
-              ] }) : rs ? /* @__PURE__ */ n(
-                Xi,
+              ] }) : is ? /* @__PURE__ */ n(
+                qi,
                 {
                   groupPosition: Oe,
                   isMyMessage: ee,
@@ -4129,14 +4129,14 @@ const Xi = ({
                   }),
                   children: [
                     Ne && !It && /* @__PURE__ */ n(
-                      Jt,
+                      Qt,
                       {
                         message: c,
                         hasAttachment: Xe,
                         isMyMessage: ee
                       }
                     ),
-                    Ke && /* @__PURE__ */ n(As, { poll: Ke }),
+                    Ke && /* @__PURE__ */ n(Rs, { poll: Ke }),
                     $ != null && $.length && !c.quoted_message ? /* @__PURE__ */ n(
                       D,
                       {
@@ -4164,8 +4164,8 @@ const Xi = ({
               ) })
             }
           ),
-          !as && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || It) && /* @__PURE__ */ n(
-            Jt,
+          !rs && !Et && /* @__PURE__ */ n("div", { className: "str-chat__message-footer", children: (!Ne || It) && /* @__PURE__ */ n(
+            Qt,
             {
               message: c,
               hasAttachment: Xe,
@@ -4173,7 +4173,7 @@ const Xi = ({
             }
           ) }),
           /* @__PURE__ */ n(
-            _r,
+            yr,
             {
               onOutboundClick: x,
               resolvedOutbound: p
@@ -4192,68 +4192,68 @@ const Xi = ({
       c.id
     )
   ] });
-}, Zi = P.memo(
-  qi,
+}, Ji = P.memo(
+  Zi,
   (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 : hs(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 : fs(e, t);
   }
-), Ji = (e) => {
+), Qi = (e) => {
   var i;
-  const t = ge("CustomMessage"), s = we(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 = ge("CustomMessage"), s = we(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(
-    Zi,
+    Ji,
     {
       ...t,
       ...e,
       resolvedOutbound: r
     }
   );
-}, Qi = () => {
+}, el = () => {
   var s;
   const { handleDelete: e, message: t } = ge("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
-    xn,
+    wn,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(ba, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(va, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, el = () => {
+}, tl = () => {
   const { handleFlag: e } = ge("CustomMessageActions");
   return /* @__PURE__ */ n(
-    xn,
+    wn,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(gn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(pn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, tl = () => {
+}, nl = () => {
   var t;
   const { message: e } = ge("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== ce.ATTACHMENT ? null : /* @__PURE__ */ n(
-    _a,
+    ya,
     {
       messageActionSet: [
-        { Component: Qi, placement: "quick", type: "delete" },
-        { Component: el, placement: "quick", type: "flag" }
+        { Component: el, placement: "quick", type: "delete" },
+        { Component: tl, placement: "quick", type: "flag" }
       ]
     }
   );
-}, nl = (e) => ({
+}, sl = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => nt.previewIsLoaded(t) || nt.previewIsLoading(t)
   )
-}), sl = () => {
-  const { linkPreviewsManager: e } = Rs(), { linkPreviews: t } = Ls(
+}), al = () => {
+  const { linkPreviewsManager: e } = Ls(), { linkPreviews: t } = Ms(
     e.state,
-    nl
+    sl
   ), s = (r) => {
     e.dismissPreview(r);
   };
@@ -4317,7 +4317,7 @@ const Xi = ({
       );
     }) })
   ) : null;
-}, je = P.createContext(!1), al = 200, io = () => we(je), rl = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, je = P.createContext(!1), rl = 200, lo = () => we(je), il = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -4326,13 +4326,13 @@ const Xi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ n(va, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(xa, { weight: "bold", className: "size-4" })
   }
-), ln = () => {
-  const e = we(je), { handleSubmit: t } = Ms(), s = Ds(), a = e || !s, {
-    SendButton: r = rl,
-    AttachmentPreviewList: i = Os
-  } = hn("CustomMessageInput"), o = P.useRef(null);
+), on = () => {
+  const e = we(je), { handleSubmit: t } = Ds(), s = Os(), a = e || !s, {
+    SendButton: r = il,
+    AttachmentPreviewList: i = Ps
+  } = fn("CustomMessageInput"), o = P.useRef(null);
   return P.useEffect(() => {
     const l = o.current;
     if (!l || typeof ResizeObserver > "u")
@@ -4395,13 +4395,13 @@ const Xi = ({
       "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(Ps, {}),
-          /* @__PURE__ */ n(sl, {}),
+          /* @__PURE__ */ n(Fs, {}),
+          /* @__PURE__ */ n(al, {}),
           /* @__PURE__ */ n(i, {})
         ] }),
         /* @__PURE__ */ f("div", { className: "messaging-composer-row flex items-start", children: [
           /* @__PURE__ */ n(
-            Fs,
+            zs,
             {
               "aria-disabled": e || void 0,
               containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -4428,14 +4428,14 @@ const Xi = ({
       ]
     }
   );
-}, on = () => /* @__PURE__ */ f("div", { className: "messaging-composer-backdrop", "aria-hidden": "true", children: [
+}, cn = () => /* @__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" })
-] }), cn = ({
+] }), dn = ({
   renderActions: e,
   renderHeader: t,
   renderFooter: s,
@@ -4457,7 +4457,7 @@ const Xi = ({
       c = v;
       const p = Array.from(
         g.querySelectorAll(".str-chat__list")
-      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = p ? p.scrollHeight - p.scrollTop - p.clientHeight < al : !1;
+      ).find((_) => _.scrollHeight > _.clientHeight) ?? null, y = p ? p.scrollHeight - p.scrollTop - p.clientHeight < rl : !1;
       g.style.setProperty(
         "--messaging-composer-height",
         `${v}px`
@@ -4475,7 +4475,7 @@ const Xi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(on, {}),
+        /* @__PURE__ */ n(cn, {}),
         /* @__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 }),
@@ -4493,7 +4493,7 @@ const Xi = ({
       ref: u,
       className: "messaging-composer-chrome messaging-composer-chrome--floating",
       children: [
-        /* @__PURE__ */ n(on, {}),
+        /* @__PURE__ */ n(cn, {}),
         /* @__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: [
@@ -4505,7 +4505,7 @@ const Xi = ({
                 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(je.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: i ?? ln }) })
+                  /* @__PURE__ */ n(je.Provider, { value: l, children: /* @__PURE__ */ n(Gt, { Input: i ?? on }) })
                 ]
               }
             ),
@@ -4524,42 +4524,42 @@ const Xi = ({
         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(je.Provider, { value: l, children: /* @__PURE__ */ n(Vt, { Input: ln }) })
+          /* @__PURE__ */ n(je.Provider, { value: l, children: /* @__PURE__ */ n(Gt, { Input: on }) })
         ]
       }
     ),
     s == null ? void 0 : s()
   ] });
-}, il = {
+}, ll = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, ll = ["SYSTEM_AGE_SAFETY_BLOCKED"], ol = {
+}, ol = ["SYSTEM_AGE_SAFETY_BLOCKED"], cl = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, et = "age safety guidelines.", cl = "https://linktr.ee/s/about/contact", dl = (e) => ll.includes(
+}, et = "age safety guidelines.", dl = "https://linktr.ee/s/about/contact", ul = (e) => ol.includes(
   e
-), ul = (e) => {
+), ml = (e) => {
   var t;
-  return dl((t = e.metadata) == null ? void 0 : t.custom_type);
-}, ml = (e) => {
+  return ul((t = e.metadata) == null ? void 0 : t.custom_type);
+}, hl = (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 (Ys(t))
+  if (Ws(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
     };
-}, hl = (e) => {
+}, fl = (e) => {
   const t = e.indexOf(et);
   if (t === -1)
     return e;
@@ -4569,7 +4569,7 @@ const Xi = ({
     /* @__PURE__ */ n(
       "a",
       {
-        href: cl,
+        href: dl,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4578,13 +4578,13 @@ const Xi = ({
     ),
     e.slice(s)
   ] });
-}, fl = (e) => {
+}, gl = (e) => {
   var a, r;
-  const t = !ul(e.message), s = ml(
+  const t = !ml(e.message), s = hl(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || il[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || ll[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4594,7 +4594,7 @@ const Xi = ({
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              xa,
+              wa,
               {
                 size: 16,
                 weight: "regular",
@@ -4610,7 +4610,7 @@ const Xi = ({
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || ol[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || cl[s.type];
     return /* @__PURE__ */ f("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ f(
         "div",
@@ -4620,7 +4620,7 @@ const Xi = ({
           "data-age-safety-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              wa,
+              _a,
               {
                 size: 24,
                 weight: "duotone",
@@ -4629,7 +4629,7 @@ const Xi = ({
                 "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: hl(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: fl(i) }) })
           ]
         }
       ),
@@ -4644,7 +4644,7 @@ const Xi = ({
     ] }),
     !t && /* @__PURE__ */ n(qe, { message: e.message })
   ] });
-}, Zn = Ve(!1), tt = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, Jn = Ve(!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",
@@ -4654,17 +4654,17 @@ const Xi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), gl = /* @__PURE__ */ new Set([
+) }), pl = /* @__PURE__ */ new Set([
   Ze.Thinking,
   Ze.Generating,
   Ze.ExternalSources
-]), pl = ({ threadList: e }) => {
+]), bl = ({ threadList: e }) => {
   var b, w;
-  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ge(), { typing: i = {} } = zs(), { aiState: o } = Bs(t), l = we(Zn);
-  if (!e && l && gl.has(o)) {
-    const v = bl(t, (b = r.user) == null ? void 0 : b.id);
+  const { channel: t, channelConfig: s, thread: a } = _e(), { client: r } = Ge(), { typing: i = {} } = Bs(), { aiState: o } = $s(t), l = we(Jn);
+  if (!e && l && pl.has(o)) {
+    const v = vl(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
-      dn,
+      un,
       {
         avatarId: (v == null ? void 0 : v.id) ?? "ai-agent",
         avatarName: (v == null ? void 0 : v.name) ?? (v == null ? void 0 : v.id) ?? "Agent",
@@ -4690,7 +4690,7 @@ const Xi = ({
     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(
-    dn,
+    un,
     {
       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",
@@ -4698,7 +4698,7 @@ const Xi = ({
       testId: "typing-indicator"
     }
   );
-}, dn = ({
+}, un = ({
   avatarId: e,
   avatarName: t,
   avatarImage: s,
@@ -4745,7 +4745,7 @@ const Xi = ({
     ] })
   }
 );
-function bl(e, t) {
+function vl(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)) {
@@ -4754,7 +4754,7 @@ function bl(e, t) {
       return i;
   }
 }
-const vl = () => null, xl = ({ className: e, message: t }) => /* @__PURE__ */ f(
+const xl = () => null, wl = ({ className: e, message: t }) => /* @__PURE__ */ f(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -4798,11 +4798,11 @@ const vl = () => null, xl = ({ className: e, message: t }) => /* @__PURE__ */ f(
     ]
   }
 ), He = 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(xl, { className: "w-6 h-6" }),
+  /* @__PURE__ */ n(wl, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 He.displayName = "LoadingState";
-const wl = ({
+const _l = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -4837,10 +4837,10 @@ const wl = ({
   const I = X((Z) => {
     var Q;
     (Q = D.current) == null || Q.call(D, Z);
-  }, []), C = R ? I : void 0, S = pr(E, z), O = L.state.messages.some(
+  }, []), C = R ? I : void 0, S = br(E, z), O = L.state.messages.some(
     (Z) => Z.type !== "deleted"
   ), U = v ? /* @__PURE__ */ n(P.Fragment, { children: v() }, "lt-channel-banner") : null, j = /* @__PURE__ */ n(
-    Ma,
+    Da,
     {
       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,
@@ -4862,7 +4862,7 @@ const wl = ({
   ), J = X(
     (Z) => {
       const { message: Q } = ge("ChannelView"), G = /* @__PURE__ */ n(
-        Ji,
+        Qi,
         {
           ...Z,
           viewerLanguage: _,
@@ -4873,16 +4873,16 @@ const wl = ({
     },
     [C, y, _]
   );
-  return /* @__PURE__ */ n(Dn.Provider, { value: S, children: /* @__PURE__ */ n(
-    Us,
+  return /* @__PURE__ */ n(On.Provider, { value: S, children: /* @__PURE__ */ n(
+    js,
     {
       overrides: {
         Message: J,
-        MessageActions: tl,
+        MessageActions: nl,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ n(js, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ n(Hs, { children: F ? /* @__PURE__ */ f("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ f(
           "div",
           {
@@ -4893,7 +4893,7 @@ const wl = ({
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Gt,
+                Yt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     j,
@@ -4908,7 +4908,7 @@ const wl = ({
           "lt-channel-message-list"
         ),
         /* @__PURE__ */ n(
-          cn,
+          dn,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(L)
@@ -4934,7 +4934,7 @@ const wl = ({
                 U
               ] }) }),
               /* @__PURE__ */ n(
-                Gt,
+                Yt,
                 {
                   head: O ? /* @__PURE__ */ f("div", { className: "sticky top-0 z-10", children: [
                     j,
@@ -4950,7 +4950,7 @@ const wl = ({
         ),
         r ? /* @__PURE__ */ n(P.Fragment, { children: r(L) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          cn,
+          dn,
           {
             ...s && {
               renderActions: () => s == null ? void 0 : s(L)
@@ -4965,7 +4965,7 @@ const wl = ({
       ] }) })
     }
   ) });
-}, Jn = P.memo(
+}, Qn = P.memo(
   ({
     channel: e,
     onBack: t,
@@ -4976,7 +4976,7 @@ const wl = ({
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = vl,
+    CustomChannelEmptyState: u = xl,
     showDeleteConversation: h = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: g,
@@ -5035,7 +5035,7 @@ const wl = ({
       };
       return G.addEventListener("click", N), () => G.removeEventListener("click", N);
     }, [L, e]);
-    const Q = fn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
+    const Q = gn(e.type) ? { "--lt-msg-card-width": "368px" } : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
@@ -5045,20 +5045,20 @@ const wl = ({
           d
         ),
         style: Q,
-        children: /* @__PURE__ */ n(Zn.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
-          $s,
+        children: /* @__PURE__ */ n(Jn.Provider, { value: p ?? !1, children: /* @__PURE__ */ n(
+          Us,
           {
             channel: e,
-            MessageSystem: fl,
+            MessageSystem: gl,
             EmptyStateIndicator: u,
             LoadingIndicator: He,
-            DateSeparator: Da,
-            TypingIndicator: pl,
+            DateSeparator: Oa,
+            TypingIndicator: bl,
             doSendMessageRequest: J,
             ...E ? { SendButton: E } : {},
             ...D ? { AttachmentPreviewList: D } : {},
             children: /* @__PURE__ */ n(
-              wl,
+              _l,
               {
                 onBack: t,
                 showBackButton: s,
@@ -5095,7 +5095,7 @@ const wl = ({
     );
   }
 );
-Jn.displayName = "ChannelView";
+Qn.displayName = "ChannelView";
 const Se = 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!" }),
@@ -5111,7 +5111,7 @@ const Se = P.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 Se.displayName = "ErrorState";
-const lo = ({
+const oo = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -5145,7 +5145,7 @@ const lo = ({
     refreshConnection: D,
     service: I,
     debug: C
-  } = ya(), [S, O] = B(null), [U, j] = B(null), [J, Z] = B(!1), { showDeleteConversation: Q = !0 } = e, G = V(o);
+  } = Na(), [S, O] = B(null), [U, j] = B(null), [J, Z] = B(!1), { showDeleteConversation: Q = !0 } = e, G = V(o);
   G.current = o;
   const N = V(a);
   N.current = a;
@@ -5229,7 +5229,7 @@ const lo = ({
       onBack: D
     }
   ) : U ? /* @__PURE__ */ n(Se, { message: U }) : J && !S ? /* @__PURE__ */ n(Se, { message: "Conversation ended" }) : S ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
-    Jn,
+    Qn,
     {
       channel: S,
       renderMessageInputActions: t,
@@ -5258,13 +5258,13 @@ const lo = ({
     S.id
   ) }) }) : /* @__PURE__ */ n(He, {});
 };
-function _l(e) {
+function yl(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const Qn = P.createContext({
+const es = P.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -5272,14 +5272,14 @@ const Qn = P.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), yl = Qn.Provider, Nl = () => P.useContext(Qn), kl = (e, t) => {
+}), Nl = es.Provider, kl = () => P.useContext(es), Cl = (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));
-}, Cl = (e) => {
+}, Sl = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = kl(e, t);
+  const a = Cl(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -5292,7 +5292,7 @@ const Qn = P.createContext({
     day: "numeric",
     year: "numeric"
   });
-}, es = P.memo(
+}, ts = P.memo(
   (e) => {
     var z, F, L;
     const { channel: t, unread: s } = e, {
@@ -5302,7 +5302,7 @@ const Qn = P.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = Nl(), { client: u } = Ge(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = _n(t);
+    } = kl(), { client: u } = Ge(), h = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = yn(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -5319,11 +5319,11 @@ const Qn = P.createContext({
     }, c = (E) => {
       const D = E.key === "Enter" || E.key === " ", I = E.repeat;
       !D || I || (E.preventDefault(), g());
-    }, b = yn(
+    }, b = Nn(
       (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 = Nn(b == null ? void 0 : b.user), v = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, x = (() => {
+    ), w = kn(b == null ? void 0 : b.user), v = (F = b == null ? void 0 : b.user) == null ? void 0 : F.image, x = (() => {
       var D;
       const E = (D = t == null ? void 0 : t.state) == null ? void 0 : D.messages;
       if (E != null && E.length) {
@@ -5332,7 +5332,7 @@ const Qn = P.createContext({
       }
     })(), y = (() => {
       var S;
-      const E = Cn({
+      const E = Sn({
         message: x,
         viewerLanguage: d
       }), { custom_type: D, attachment_content_type: I } = (x == null ? void 0 : x.metadata) || {};
@@ -5349,7 +5349,7 @@ const Qn = P.createContext({
       if (E) return E;
       const C = (S = x == null ? void 0 : x.attachments) == null ? void 0 : S[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 ? Cl(new Date(x.created_at)) : "", T = x ? $e(x) : !1, A = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, R = s ?? 0;
+    })(), _ = x != null && x.created_at ? Sl(new Date(x.created_at)) : "", T = x ? $e(x) : !1, A = l ? l(x, y) : `${T ? "✨ " : ""}${y}`, R = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: h,
@@ -5408,18 +5408,18 @@ const Qn = P.createContext({
     );
   }
 );
-es.displayName = "CustomChannelPreview";
-const Sl = { last_message_at: -1 }, El = P.memo(
+ts.displayName = "CustomChannelPreview";
+const El = { last_message_at: -1 }, Il = P.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Sl,
+    sort: i = El,
     className: o,
     customEmptyStateIndicator: l,
-    channelListPaginator: d = Vs,
+    channelListPaginator: d = Gs,
     channelPreview: u,
     renderMessagePreview: h,
     viewerLanguage: m,
@@ -5435,7 +5435,7 @@ const Sl = { last_message_at: -1 }, El = P.memo(
     const { debug: y = !1 } = ot(), _ = P.useCallback(
       (A) => {
         for (const R of A)
-          _l(R);
+          yl(R);
         return r ? r(A) : A;
       },
       [r]
@@ -5470,8 +5470,8 @@ const Sl = { last_message_at: -1 }, El = 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(yl, { value: T, children: /* @__PURE__ */ n(
-          Hs,
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Nl, { value: T, children: /* @__PURE__ */ n(
+          Vs,
           {
             filters: s,
             sort: i,
@@ -5485,7 +5485,7 @@ const Sl = { last_message_at: -1 }, El = P.memo(
             onAddedToChannel: v,
             onChannelUpdated: x,
             Paginator: d,
-            Preview: es,
+            Preview: ts,
             EmptyStateIndicator: l
           },
           `${JSON.stringify(s)}:${JSON.stringify(i)}`
@@ -5494,8 +5494,8 @@ const Sl = { last_message_at: -1 }, El = P.memo(
     );
   }
 );
-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 }) => {
+Il.displayName = "ChannelList";
+const Tl = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [text-wrap:balance]", Al = "text-[12px] leading-4 tracking-[0.24px] [text-wrap:pretty]", mn = ({ surface: e, actions: t, layout: s }) => {
   if (t == null || t.length === 0) return null;
   const a = s === "stacked";
   return /* @__PURE__ */ n(
@@ -5510,7 +5510,7 @@ const Il = "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(
-        Pn,
+        Fn,
         {
           variant: e,
           cta: r,
@@ -5521,7 +5521,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Al = ({
+}, Rl = ({
   ctaSurface: e,
   chinTextColor: t,
   title: s,
@@ -5545,7 +5545,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       /* @__PURE__ */ n(
         "p",
         {
-          className: k("min-w-0", Il),
+          className: k("min-w-0", Tl),
           style: h,
           children: s
         }
@@ -5555,7 +5555,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       "p",
       {
         className: k(
-          Tl,
+          Al,
           r > 1 && "whitespace-pre-line",
           r <= 1 && "truncate"
         ),
@@ -5566,11 +5566,11 @@ const Il = "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(un, { surface: e, actions: o, layout: "row" })
+    /* @__PURE__ */ n(mn, { surface: e, actions: o, layout: "row" })
   ] }) : /* @__PURE__ */ f(q, { children: [
     c,
     /* @__PURE__ */ n(
-      un,
+      mn,
       {
         surface: e,
         actions: o,
@@ -5578,36 +5578,36 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       }
     )
   ] }) });
-}, Rl = {
+}, Ll = {
   dark: "bg-white/[0.06]",
   light: "bg-black/[0.04]"
-}, Ll = {
+}, Ml = {
   1: [0],
   2: [-10, 10],
   3: [-13, 0, 13]
-}, Ml = {
+}, Dl = {
   1: [0],
   2: [-26, 26],
   3: [-40, 0, 40]
-}, Dl = {
+}, Ol = {
   1: [0],
   2: [0, 1],
   3: [1, 3, 2]
-}, Ol = {
+}, Pl = {
   1: [1],
   2: [1, 1],
   3: [1, 1.08, 1]
-}, Pl = ({ variant: e, images: t }) => {
+}, Fl = ({ 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, b) => ({ src: c, index: b })).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];
+  const l = t.slice(0, 3).map((c, b) => ({ src: c, index: b })).filter(({ index: c }) => !s[c]), d = l.length >= 3 ? 3 : l.length === 2 ? 2 : 1, u = Ml[d], h = Dl[d], m = Ol[d], g = Pl[d];
   return /* @__PURE__ */ n(
     "div",
     {
       className: k(
         "relative flex min-h-0 w-full flex-1 items-center justify-center overflow-hidden",
-        Rl[e]
+        Ll[e]
       ),
       children: l.map(({ src: c, index: b }, w) => /* @__PURE__ */ n(
         "img",
@@ -5628,14 +5628,14 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       ))
     }
   );
-}, Fl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", zl = ({
+}, zl = "flex h-[180px] w-full shrink-0 flex-col overflow-hidden", Bl = ({
   variant: e,
   presentation: t,
   images: s,
   title: a,
   heroUrl: r,
   onHeroError: i
-}) => /* @__PURE__ */ n("div", { className: Fl, children: t === "fan" ? /* @__PURE__ */ n(Pl, { variant: e, images: s }) : (
+}) => /* @__PURE__ */ n("div", { className: zl, children: t === "fan" ? /* @__PURE__ */ n(Fl, { 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.
@@ -5649,7 +5649,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       onImageError: i
     }
   )
-) }), ts = ({
+) }), ns = ({
   variant: e,
   title: t,
   subtitle: s,
@@ -5661,7 +5661,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   accentColor: d,
   groupPosition: u = "single"
 }) => {
-  const h = Ws({
+  const h = Ks({
     imagePresentation: i,
     images: r
   }), m = r.length > 0, g = m && h === "hero", c = We({
@@ -5684,7 +5684,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
           "data-testid": "rich-card",
           children: [
             m && /* @__PURE__ */ n(
-              zl,
+              Bl,
               {
                 variant: e,
                 presentation: h,
@@ -5695,7 +5695,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
               }
             ),
             /* @__PURE__ */ n(
-              Al,
+              Rl,
               {
                 ctaSurface: c.surface,
                 chinTextColor: c.chinTextColor,
@@ -5711,13 +5711,13 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       )
     }
   );
-}, Bl = (e) => /* @__PURE__ */ n(ts, { ...e, variant: "dark" }), $l = (e) => /* @__PURE__ */ n(ts, { ...e, variant: "light" }), oo = {
-  Sent: Bl,
-  Received: $l
-}, 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 = {
+}, $l = (e) => /* @__PURE__ */ n(ns, { ...e, variant: "dark" }), Ul = (e) => /* @__PURE__ */ n(ns, { ...e, variant: "light" }), co = {
+  Sent: $l,
+  Received: Ul
+}, hn = `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%`, jl = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, jl = ({ variant: e }) => /* @__PURE__ */ n(
+}, Hl = ({ variant: e }) => /* @__PURE__ */ n(
   "span",
   {
     "aria-hidden": "true",
@@ -5727,12 +5727,12 @@ const Il = "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: Ul[e],
-      WebkitMask: mn,
-      mask: mn
+      backgroundColor: jl[e],
+      WebkitMask: hn,
+      mask: hn
     }
   }
-), Hl = {
+), Vl = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5741,7 +5741,7 @@ const Il = "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)"
   }
-}, ns = ({
+}, ss = ({
   variant: e,
   text: t,
   tail: s = !0,
@@ -5757,23 +5757,23 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
       r
     ),
     style: {
-      ...Hl[e],
+      ...Vl[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(jl, { variant: e })
+      s && /* @__PURE__ */ n(Hl, { variant: e })
     ]
   }
-), Vl = ({
+), Gl = ({
   text: e,
   tail: t,
   header: s,
   className: a
 }) => /* @__PURE__ */ n(
-  ns,
+  ss,
   {
     variant: "received",
     text: e,
@@ -5781,10 +5781,10 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     header: s,
     className: a
   }
-), Gl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ns, { variant: "sent", text: e, tail: t, className: s }), co = {
-  Sent: Gl,
-  Received: Vl
-}, Yl = ({
+), Yl = ({ text: e, tail: t, className: s }) => /* @__PURE__ */ n(ss, { variant: "sent", text: e, tail: t, className: s }), uo = {
+  Sent: Yl,
+  Received: Gl
+}, Wl = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -5806,7 +5806,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
     ),
     children: e
   }
-), uo = ({
+), mo = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -5815,7 +5815,7 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   avatarImage: i,
   avatarName: o
 }) => {
-  const l = Ks(e);
+  const l = Xs(e);
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ f("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
       ye,
@@ -5835,7 +5835,7 @@ const Il = "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(
-            Yl,
+            Wl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5849,43 +5849,43 @@ const Il = "line-clamp-2 text-[14px] font-medium leading-5 tracking-[0.28px] [te
   ] }) });
 };
 export {
-  En as A,
+  In as A,
   mt as B,
-  vl as C,
-  Nn as D,
-  io as E,
-  uo as F,
-  ar as G,
-  ya as H,
+  xl as C,
+  kn as D,
+  lo as E,
+  mo as F,
+  rr as G,
+  Na as H,
   it as L,
-  so as M,
-  oo as R,
-  br as T,
+  ao as M,
+  co as R,
+  vr as T,
   ke as a,
   ye as b,
-  El as c,
-  Jn as d,
-  ao as e,
-  Yl as f,
+  Il as c,
+  Qn as d,
+  ro as e,
+  Wl as f,
   ue as g,
   Fe as h,
   Ce as i,
-  co as j,
-  no as k,
-  lo as l,
-  ti as m,
-  Jr as n,
+  uo as j,
+  so as k,
+  oo as l,
+  ni as m,
+  Qr as n,
   de as o,
-  Cl as p,
-  ei as q,
+  Sl as p,
+  ti as q,
   xe as r,
-  Cn as s,
+  Sn as s,
   Ye as t,
-  On as u,
-  ka as v,
-  ro as w,
-  Oa as x,
-  yn as y,
+  Pn as u,
+  Ca as v,
+  io as w,
+  Pa as x,
+  Nn as y,
   ut as z
 };
-//# sourceMappingURL=index-Ca3WKKZr.js.map
+//# sourceMappingURL=index-xcIpBghu.js.map