@linktr.ee/messaging-react 3.15.3 → 3.16.0-rc-1785214411

package/dist/{index-B5xEngCd.js → index-vYOR0x6o.js}

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as h, Fragment as ee } from "react/jsx-runtime";
-import j, { createContext as st, useContext as ye, useCallback as W, useState as F, useRef as G, useEffect as Y, useId as Vs, useMemo as se, Suspense as Gs } from "react";
-import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
-import { StreamChat as Ys, LinkPreviewsManager as Ot } from "stream-chat";
-import { Chat as qs, useChannelStateContext as ue, useChatContext as ke, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as pe, MessageErrorIcon as Ze, MessageText as Le, areMessageUIPropsEqual as Ks, useMessageReminder as Zs, useComponentContext as es, Attachment as Js, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as on, messageHasAttachments as ln, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as Ft, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Ve, AIStates as Ge, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as Bt, ChannelList as En, InfiniteScroll as In } from "stream-chat-react";
+import { jsx as s, jsxs as h, Fragment as K } from "react/jsx-runtime";
+import j, { createContext as st, useContext as ye, useCallback as q, useState as F, useRef as G, useEffect as Y, useId as Gs, useMemo as se, Suspense as Hs } from "react";
+import { StreamChatService as Ys } from "@linktr.ee/messaging-core";
+import { StreamChat as Ws, LinkPreviewsManager as Ot } from "stream-chat";
+import { Chat as qs, useChannelStateContext as ue, useChatContext as ke, DateSeparator as Xs, useMessageContext as me, MessageStatus as Ks, MessageErrorIcon as Ze, MessageText as Le, areMessageUIPropsEqual as Zs, useMessageReminder as Js, useComponentContext as es, Attachment as Qs, EditMessageModal as en, MessageBlocked as tn, MessageBouncePrompt as sn, MessageDeleted as nn, MessageIsThreadReplyInChannelButtonIndicator as an, MessageRepliesCountButton as rn, ReminderNotification as on, StreamedMessageText as ln, messageHasAttachments as cn, messageHasReactions as dn, isDateSeparatorMessage as un, isMessageBlocked as mn, isMessageBounced as hn, MessageBounceModal as fn, Poll as gn, useMessageComposer as pn, useStateStore as bn, MessageInput as Ft, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ve, AIStates as Ge, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as Bt, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
 import N from "classnames";
-import { StarIcon as Je, DotsThreeIcon as Tn, SpinnerGapIcon as Ae, SignOutIcon as Mn, ProhibitInsetIcon as $t, FlagIcon as ts, CurrencyDollarIcon as An, CaretRightIcon as ss, ArrowLeftIcon as Rn, FileIcon as ns, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as as, FileMdIcon as Pn, FileTextIcon as zn, FileZipIcon as On, FilePptIcon as Fn, FileCsvIcon as Bn, FileXlsIcon as $n, FileDocIcon as Un, FilePdfIcon as jn, CircleNotchIcon as _e, PlayIcon as Qe, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ne, XIcon as Be, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Zn, ArrowUpIcon as Jn, SparkleIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
-import { MessageActions as ta, DefaultDropdownActionButton as rs } from "stream-chat-react/experimental";
+import { StarIcon as Je, DotsThreeIcon as Mn, SpinnerGapIcon as Ae, SignOutIcon as An, ProhibitInsetIcon as $t, FlagIcon as ts, CurrencyDollarIcon as Rn, CaretRightIcon as ss, ArrowLeftIcon as Ln, FileIcon as ns, ImageIcon as Dn, SpeakerHighIcon as Pn, VideoCameraIcon as as, FileMdIcon as zn, FileTextIcon as On, FileZipIcon as Fn, FilePptIcon as Bn, FileCsvIcon as $n, FileXlsIcon as Un, FileDocIcon as jn, FilePdfIcon as Vn, CircleNotchIcon as pe, PlayIcon as Qe, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Ne, XIcon as Be, CaretLeftIcon as Yn, GiftIcon as Wn, ThumbsUpIcon as qn, ThumbsDownIcon as Xn, WarningCircleIcon as Kn, ChecksIcon as Zn, PencilSimpleIcon as Jn, TrashSimpleIcon as Qn, ArrowUpIcon as ea, SparkleIcon as ta, ProhibitIcon as sa } from "@phosphor-icons/react";
+import { MessageActions as na, DefaultDropdownActionButton as rs } from "stream-chat-react/experimental";
 const is = st({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const is = st({
   refreshConnection: async () => {
   },
   debug: !1
-}), nt = () => ye(is), ho = ({
+}), nt = () => ye(is), po = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -26,7 +26,7 @@ const is = st({
   client: l
 }) => {
   var S, I;
-  const o = W(
+  const o = q(
     (y, ...D) => {
       i && console.log(`🔥 [MessagingProvider] ${y}`, ...D);
     },
@@ -64,7 +64,7 @@ const is = st({
     capabilities: r
   };
   const B = G(null);
-  !l && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new Ys(a) });
+  !l && a && ((S = B.current) == null ? void 0 : S.apiKey) !== a && (B.current = { apiKey: a, client: new Ws(a) });
   const O = l || (a ? ((I = B.current) == null ? void 0 : I.client) ?? null : null);
   Y(() => {
     const y = z.current, D = k.current;
@@ -83,7 +83,7 @@ const is = st({
       renderCount: y,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const H = new Hs({
+    const H = new Ys({
       ...D,
       apiKey: a,
       debug: R.current,
@@ -125,16 +125,16 @@ const is = st({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), w.current = !0, x(!0), b(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const q = await d.connectUser(t);
-        m(q), c(!0), L.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const W = await d.connectUser(t);
+        m(W), c(!0), L.current = { serviceId: d, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: q.userID
+          clientId: W.userID
         });
-      } catch (q) {
-        const K = q instanceof Error ? q.message : "Connection failed";
-        b(K), o("❌ USER CONNECTION ERROR", {
+      } catch (W) {
+        const Z = W instanceof Error ? W.message : "Connection failed";
+        b(Z), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: K
+          error: Z
         });
       } finally {
         x(!1), w.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -150,7 +150,7 @@ const is = st({
       y && (L.current = null, (D = E.current) == null || D.disconnectUser().catch(console.error));
     };
   }, [O]);
-  const C = W(async () => {
+  const C = q(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!d,
       hasUser: !!t
@@ -224,7 +224,7 @@ const is = st({
       children: e
     }
   ) : e });
-}, sa = () => nt(), os = (e) => {
+}, aa = () => nt(), os = (e) => {
   var a, r;
   const [t, n] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -246,14 +246,14 @@ const is = st({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, na = "linktree-official", aa = "linktree-official-sender";
+}, ra = "linktree-official", ia = "linktree-official-sender";
 function ls(e, t, n) {
   const a = Object.values(e || {});
-  if (n === na) {
+  if (n === ra) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === aa;
+        return ((l = i.user) == null ? void 0 : l.id) === ia;
       }
     );
     if (r) return r;
@@ -265,13 +265,13 @@ function ls(e, t, n) {
     }
   );
 }
-const ra = /^[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 ia(e) {
-  return ra.test(e.trim());
+const oa = /^[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 la(e) {
+  return oa.test(e.trim());
 }
 function Ut(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !ia(n);
+  return !n || t && n === t || t && n === `Follower ${t}` ? !1 : !la(n);
 }
 function cs(e) {
   return Ut(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ut(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
@@ -304,7 +304,7 @@ const jt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function oa(e) {
+function ca(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -313,15 +313,15 @@ function oa(e) {
   return Math.abs(t);
 }
 function ds(e) {
-  return jt[oa(e) % jt.length];
+  return jt[ca(e) % jt.length];
 }
-function la(e) {
+function da(e) {
   return ds(e).emoji;
 }
-function ca(e) {
+function ua(e) {
   return ds(e).bgColor;
 }
-const be = ({
+const ve = ({
   id: e,
   image: t,
   size: n = 40,
@@ -330,7 +330,7 @@ const be = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = la(e), d = ca(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = da(e), d = ua(e), u = 0.45, m = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, f = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -394,7 +394,7 @@ const be = ({
       ]
     }
   );
-}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
+}, ma = "https://linktr.ee/s/about/trust-center/report", ha = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -478,10 +478,10 @@ const be = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(da, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(ma, "_blank", "noopener,noreferrer");
     }
   };
-}, ve = ({
+}, xe = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -498,7 +498,7 @@ const be = ({
     ...a,
     children: n
   }
-), ma = ({
+), fa = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -512,7 +512,7 @@ const be = ({
   customChannelActions: g,
   triggerClassName: m
 }) => {
-  const [f, c] = F(!1), v = G(null), x = Vs(), p = W(() => c(!1), []), {
+  const [f, c] = F(!1), v = G(null), x = Gs(), p = q(() => c(!1), []), {
     isParticipantBlocked: b,
     isCheckingBlockedStatus: w,
     isLeaving: E,
@@ -521,7 +521,7 @@ const be = ({
     handleBlockUser: A,
     handleUnblockUser: z,
     handleReportUser: B
-  } = ua({
+  } = ha({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -555,7 +555,7 @@ const be = ({
         "aria-controls": f ? x : void 0,
         onClick: () => c((L) => !L),
         children: [
-          /* @__PURE__ */ s(Tn, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -571,13 +571,13 @@ const be = ({
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(
-            ve,
+            xe,
             {
               onClick: R,
               disabled: E,
               "aria-busy": E,
               children: [
-                E ? /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Mn, { className: "h-5 w-5" }),
+                E ? /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -585,12 +585,12 @@ const be = ({
           a && /* @__PURE__ */ s("li", { children: w ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(ve, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(xe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(Ae, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : b ? /* @__PURE__ */ h(
-            ve,
+            xe,
             {
               onClick: z,
               disabled: k,
@@ -601,7 +601,7 @@ const be = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            ve,
+            xe,
             {
               onClick: A,
               disabled: k,
@@ -612,7 +612,7 @@ const be = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(ve, { variant: "danger", onClick: B, children: [
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ h(xe, { variant: "danger", onClick: B, children: [
             /* @__PURE__ */ s(ts, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
@@ -621,7 +621,7 @@ const be = ({
       }
     )
   ] });
-}, He = "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", ha = "CUSTOMER_PAID", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ha, ga = ({
+}, He = "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", ga = "CUSTOMER_PAID", pa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ga, ba = ({
   className: e,
   onBack: t,
   showBackButton: n,
@@ -650,7 +650,7 @@ const be = ({
       );
     },
     [(C = p.state) == null ? void 0 : C.members, b == null ? void 0 : b.userID, p.type]
-  ), E = cs(w == null ? void 0 : w.user), k = (T = w == null ? void 0 : w.user) == null ? void 0 : T.image, R = os(p), A = fa((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, z = a && R, B = A || z || !!x, O = async () => {
+  ), E = cs(w == null ? void 0 : w.user), k = (T = w == null ? void 0 : w.user) == null ? void 0 : T.image, R = os(p), A = pa((S = p.data) == null ? void 0 : S.customer_tag) && (w == null ? void 0 : w.is_follower) === !0, z = a && R, B = A || z || !!x, O = async () => {
     try {
       R ? await p.unpin() : await p.pin();
     } catch (y) {
@@ -659,9 +659,9 @@ const be = ({
         y
       );
     }
-  }, L = /* @__PURE__ */ h(ee, { children: [
+  }, L = /* @__PURE__ */ h(K, { children: [
     /* @__PURE__ */ s(
-      be,
+      ve,
       {
         id: ((I = w == null ? void 0 : w.user) == null ? void 0 : I.id) || p.id || "unknown",
         name: E,
@@ -686,7 +686,7 @@ const be = ({
               {
                 "aria-label": "Paid customer",
                 className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                children: /* @__PURE__ */ s(An, { className: "size-2.5", weight: "bold" })
+                children: /* @__PURE__ */ s(Rn, { className: "size-2.5", weight: "bold" })
               }
             ),
             z && /* @__PURE__ */ s(
@@ -729,7 +729,7 @@ const be = ({
             }),
             type: "button",
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(Rn, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(Ln, { className: "size-5 text-black/90" })
           }
         ) }),
         /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: x ? /* @__PURE__ */ s(
@@ -764,7 +764,7 @@ const be = ({
             }
           ),
           v && (c !== void 0 ? c : /* @__PURE__ */ s(
-            ma,
+            fa,
             {
               channel: p,
               participant: w,
@@ -784,15 +784,15 @@ const be = ({
       ] })
     }
   );
-}, pa = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), et = "vote_up", tt = "vote_down";
-function ba(e) {
+}, va = (e) => /* @__PURE__ */ s(Xs, { ...e, position: "center" }), et = "vote_up", tt = "vote_down";
+function xa(e) {
   return e != null && e.length ? e.some((t) => t.type === tt) ? "down" : e.some((t) => t.type === et) ? "up" : null : null;
 }
-function va(e) {
+function wa(e) {
   const { channel: t } = ue(), { client: n } = ke("useMessageVote"), a = se(
-    () => ba(e.own_reactions),
+    () => xa(e.own_reactions),
     [e.own_reactions]
-  ), r = W(async () => {
+  ), r = q(async () => {
     if (n != null && n.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, et) : await t.sendReaction(
@@ -802,7 +802,7 @@ function va(e) {
         );
       } catch {
       }
-  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = W(async () => {
+  }, [t, n == null ? void 0 : n.userID, e.id, a]), i = q(async () => {
     if (n != null && n.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, tt) : await t.sendReaction(
@@ -815,7 +815,7 @@ function va(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function xa(e) {
+function _a(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function us({
@@ -823,31 +823,31 @@ function us({
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = xa(t);
+  const n = e == null ? void 0 : e.text, a = _a(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const wa = ["linktr.ee"], Vt = "messaging-attachment-v1_0";
-function _a(e) {
+const Na = ["linktr.ee"], Vt = "messaging-attachment-v1_0";
+function ya(e) {
   try {
     return new URL(e).hostname.toLowerCase();
   } catch {
     return null;
   }
 }
-function Na(e) {
-  return wa.some(
+function ka(e) {
+  return Na.some(
     (t) => e === t || e.endsWith(`.${t}`)
   );
 }
 function de(e) {
   const t = e == null ? void 0 : e.trim();
   if (!t) return;
-  const n = _a(t);
-  if (!n || !Na(n)) return t;
+  const n = ya(t);
+  if (!n || !ka(n)) return t;
   const a = new URL(t);
   return a.searchParams.get("io") === "true" && a.searchParams.get("size") === Vt ? t : (a.searchParams.set("io", "true"), a.searchParams.set("size", Vt), a.toString());
 }
-const ya = [
+const Ca = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -861,38 +861,38 @@ function oe(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function ms(e) {
-  const t = ya.find(
+  const t = Ca.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ka = {
+const Sa = {
   video: as,
-  audio: Dn,
-  image: Ln,
+  audio: Pn,
+  image: Dn,
   document: ns
-}, Ca = {
-  pdf: jn,
-  doc: Un,
-  xls: $n,
-  csv: Bn,
-  ppt: Fn,
-  zip: On,
-  text: zn,
-  markdown: Pn,
+}, Ea = {
+  pdf: Vn,
+  doc: jn,
+  xls: Un,
+  csv: $n,
+  ppt: Bn,
+  zip: Fn,
+  text: On,
+  markdown: zn,
   generic: ns
 };
-function Sa(e) {
+function Ia(e) {
   const t = oe(e);
-  return t !== "document" ? ka[t] : Ca[ms(e)];
+  return t !== "document" ? Sa[t] : Ea[ms(e)];
 }
-function ge(e, t) {
-  return j.createElement(Sa(e), t);
+function be(e, t) {
+  return j.createElement(Ia(e), t);
 }
-const Ea = (e) => {
+const Ta = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ia = ({
+}, Ma = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -904,20 +904,20 @@ const Ea = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = oe(t), m = G(null), f = G(null), c = G(null), v = G(r), [x, p] = F(a), [b, w] = F(0), [E, k] = F(!1), [R, A] = F(!1), [z, B] = F(!1), [O, L] = F(!1), [C, T] = F(!0), [S, I] = F(null), y = W(() => {
+  const g = oe(t), m = G(null), f = G(null), c = G(null), v = G(r), [x, p] = F(a), [b, w] = F(0), [E, k] = F(!1), [R, A] = F(!1), [z, B] = F(!1), [O, L] = F(!1), [C, T] = F(!0), [S, I] = F(null), y = q(() => {
     B(!1), p(!0);
-  }, []), D = W((_) => {
+  }, []), D = q((_) => {
     const M = f.current;
     if (!M) return 0;
     const $ = M.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ea(_) - $.left) / $.width)
+      Math.min(1, (Ta(_) - $.left) / $.width)
     );
-  }, []), H = W((_) => {
+  }, []), H = q((_) => {
     const M = m.current;
     M && M.duration && (M.currentTime = _ * M.duration);
-  }, []), q = (_) => {
+  }, []), W = (_) => {
     _.stopPropagation(), k(!0);
     const M = D(_);
     w(M), H(M);
@@ -950,14 +950,14 @@ const Ea = (e) => {
       window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", M), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", M);
     };
   }, [E, D, H]);
-  const K = S ? { aspectRatio: String(S) } : void 0, Z = S ? "" : " aspect-video", V = Math.round(b * 100);
+  const Z = S ? { aspectRatio: String(S) } : void 0, J = S ? "" : " aspect-video", V = Math.round(b * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
-      style: K,
+      className: `relative cursor-pointer overflow-hidden bg-black ${J}`,
+      style: Z,
       onClick: (_) => {
         if (u) {
           u(_);
@@ -983,7 +983,7 @@ const Ea = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !n && (g === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: ge(t, {
+        !n && (g === "audio" || C) && /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: be(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -1032,7 +1032,7 @@ const Ea = (e) => {
           }
         ) }),
         O && !z && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
-          _e,
+          pe,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -1065,8 +1065,8 @@ const Ea = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: q,
-            onTouchStart: q,
+            onMouseDown: W,
+            onTouchStart: W,
             onClick: (_) => _.stopPropagation(),
             onKeyDown: (_) => {
               _.key === "ArrowRight" && H(Math.min(1, b + 0.05)), _.key === "ArrowLeft" && H(Math.max(0, b - 0.05));
@@ -1090,7 +1090,7 @@ const Ea = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": x ? "Pause" : "Play",
-              children: x ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(Qe, { className: "size-5 translate-x-px", weight: "fill" })
+              children: x ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(Qe, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -1104,8 +1104,8 @@ const Ea = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: q,
-              onTouchStart: q,
+              onMouseDown: W,
+              onTouchStart: W,
               onClick: (_) => _.stopPropagation(),
               onMouseEnter: () => A(!0),
               onMouseLeave: () => A(!1),
@@ -1140,7 +1140,7 @@ const Ea = (e) => {
       ]
     }
   );
-}, Gt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ta = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
+}, Gt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Aa = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", hs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1151,7 +1151,7 @@ const Ea = (e) => {
 }) => {
   const o = oe(e), [d, u] = F(!1), g = de(t), m = de(n);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Ia,
+    Ma,
     {
       source: t,
       mimeType: e,
@@ -1197,12 +1197,12 @@ const Ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ge(e, {
+      children: be(e, {
         className: Gt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ta(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Aa(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: m ?? n,
@@ -1214,7 +1214,7 @@ const Ea = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: ge(e, {
+      children: be(e, {
         className: Gt(r),
         weight: "regular"
       })
@@ -1261,7 +1261,7 @@ const Ea = (e) => {
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            ge(r, {
+            be(r, {
               className: N(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
@@ -1292,19 +1292,19 @@ function gs(e) {
 function at(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 Ma(e) {
+function Ra(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Aa(e) {
+function La(e) {
   return e ? "text-white" : "text-black";
 }
-function Ra(e) {
+function Da(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function La(e) {
+function Pa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Da(e) {
+function za(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const rt = ({ attachment: e, isMyMessage: t }) => {
@@ -1319,14 +1319,14 @@ const rt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ma(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${Da(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${za(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Aa(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Ra(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${La(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${La(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Da(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Pa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ s("div", { className: "block", children: u });
@@ -1338,7 +1338,7 @@ function it(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(ps);
 }
-async function Pa(e, t) {
+async function Oa(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1350,7 +1350,7 @@ async function Pa(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = n, l.style.display = "none", document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-const za = ({
+const Fa = ({
   url: e,
   filename: t
 }) => {
@@ -1362,7 +1362,7 @@ const za = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Pa(e, t).then(() => {
+        a(!0), Oa(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1370,7 +1370,7 @@ const za = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(_e, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
+      children: n ? /* @__PURE__ */ s(pe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
         /* @__PURE__ */ s(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
@@ -1452,17 +1452,17 @@ const bs = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(za, { url: e, filename: n })
+      action: /* @__PURE__ */ s(Fa, { url: e, filename: n })
     }
   );
-}, Oa = ({
+}, Ba = ({
   message: e,
   isMyMessage: t = !1
 }) => {
   const n = it(e), a = ot(e);
   return !n && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
-      be,
+      ve,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1487,7 +1487,7 @@ const bs = ({
       }
     )
   ] });
-}, Fa = ({
+}, $a = ({
   message: e
 }) => {
   const t = it(e);
@@ -1495,7 +1495,7 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: at(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(rt, { attachment: t, isMyMessage: !0 }) });
   const n = ot(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(bs, { ...n }) }) : null;
-}, Ba = ({
+}, Ua = ({
   message: e
 }) => {
   const t = it(e);
@@ -1503,19 +1503,19 @@ const bs = ({
     return /* @__PURE__ */ s("div", { className: at(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(rt, { attachment: t, isMyMessage: !1 }) });
   const n = ot(e);
   return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(vs, { ...n }) }) : null;
-}, fo = Object.assign(Oa, {
-  Creator: Fa,
-  Visitor: Ba
-}), $a = {
+}, bo = Object.assign(Ba, {
+  Creator: $a,
+  Visitor: Ua
+}), ja = {
   dark: "bg-[#1e2330]",
   light: "bg-[#f2f1ef]"
-}, Ua = {
+}, Va = {
   dark: "text-white",
   light: "text-[#000000]"
-}, ja = {
+}, Ga = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Va = (e) => e === "dark" ? "sender" : "receiver", Ga = {
+}, Ha = (e) => e === "dark" ? "sender" : "receiver", Ya = {
   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]",
@@ -1537,7 +1537,7 @@ const bs = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = Ga[Va(e)][a];
+  const o = t != null && t !== "", d = Ya[Ha(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -1552,10 +1552,10 @@ const bs = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        $a[e],
-        Ua[e],
+        ja[e],
+        Va[e],
         n && "border",
-        n && ja[e],
+        n && Ga[e],
         r
       ),
       children: [
@@ -1598,16 +1598,16 @@ const bs = ({
     ),
     children: /* @__PURE__ */ s(Be, { className: "size-3", weight: "bold" })
   }
-), Ee = (e) => e === "received" ? "light" : "dark", Ha = ({
+), Ee = (e) => e === "received" ? "light" : "dark", Wa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ya = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", qa = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], qa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Xa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1630,7 +1630,7 @@ const bs = ({
   preload: o,
   onDismiss: d
 }) => {
-  const u = Ee(e), g = e === "composer" && !!d, m = Ya({ src: t, mimeType: n, filename: a, items: r });
+  const u = Ee(e), g = e === "composer" && !!d, m = qa({ src: t, mimeType: n, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = o ?? (m.length > 1 ? "none" : "metadata");
@@ -1642,7 +1642,7 @@ const bs = ({
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: m.map((c, v) => /* @__PURE__ */ s(
-        qa,
+        Xa,
         {
           item: c,
           preload: f,
@@ -1656,15 +1656,15 @@ const bs = ({
       )) })
     }
   );
-}, Wa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "composer" }), Xa = (e) => /* @__PURE__ */ s(lt, { ...e, state: "sent" }), Ka = (e) => /* @__PURE__ */ s(lt, { ...e, state: "received" }), Za = {
-  Composer: Wa,
-  Sent: Xa,
-  Received: Ka
+}, Ka = (e) => /* @__PURE__ */ s(lt, { ...e, state: "composer" }), Za = (e) => /* @__PURE__ */ s(lt, { ...e, state: "sent" }), Ja = (e) => /* @__PURE__ */ s(lt, { ...e, state: "received" }), Qa = {
+  Composer: Ka,
+  Sent: Za,
+  Received: Ja
 };
-function Ja(e) {
+function er(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 Qa = {
+const tr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1674,7 +1674,7 @@ const Qa = {
   text: "TXT",
   markdown: "MD"
 };
-function er(e, t) {
+function sr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1684,7 +1684,7 @@ function er(e, t) {
   }
   if (!e) return;
   if (oe(e) === "document") {
-    const r = ms(e), i = Qa[r];
+    const r = ms(e), i = tr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1692,8 +1692,8 @@ function er(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function tr(e, t, n) {
-  const a = er(e, t), r = typeof n == "number" && n > 0 ? Ja(n) : void 0;
+function nr(e, t, n) {
+  const a = sr(e, t), r = typeof n == "number" && n > 0 ? er(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ne(e) {
@@ -1704,13 +1704,13 @@ function ne(e) {
     return "download";
   }
 }
-const sr = {
+const ar = {
   dark: "text-white/55",
   light: "text-black/65"
-}, nr = {
+}, rr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ar = {
+}, ir = {
   dark: "text-white/85",
   light: "text-black/85"
 }, xs = ({
@@ -1723,16 +1723,16 @@ const sr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", u = tr(a, t, r), g = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = nr(a, t, r), g = /* @__PURE__ */ s(
     "div",
     {
       className: N(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        nr[e]
+        rr[e]
       ),
       "aria-hidden": !0,
-      children: ge(a, {
-        className: N("size-6", ar[e]),
+      children: be(a, {
+        className: N("size-6", ir[e]),
         weight: "regular"
       })
     }
@@ -1743,7 +1743,7 @@ const sr = {
       {
         className: N(
           "truncate text-xs leading-4",
-          sr[e]
+          ar[e]
         ),
         children: u
       }
@@ -1763,7 +1763,7 @@ const sr = {
         m
       ]
     }
-  ) : /* @__PURE__ */ h(ee, { children: [
+  ) : /* @__PURE__ */ h(K, { children: [
     g,
     m
   ] });
@@ -1786,14 +1786,14 @@ async function ws(e, t) {
     }
   }
 }
-const rr = ({
+const or = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], ir = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], lr = ({
   variant: e,
   item: t,
   index: n,
@@ -1827,7 +1827,7 @@ const rr = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Ee(e), f = e === "composer" && !!g, c = rr({
+  const m = Ee(e), f = e === "composer" && !!g, c = or({
     src: t,
     filename: n,
     fileSize: a,
@@ -1862,7 +1862,7 @@ const rr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((p, b) => /* @__PURE__ */ s(
-        ir,
+        lr,
         {
           variant: m,
           item: p,
@@ -1874,16 +1874,16 @@ const rr = ({
       )) })
     }
   );
-}, or = (e) => /* @__PURE__ */ s(ct, { ...e, state: "composer" }), lr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "sent" }), cr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "received" }), dr = {
-  Composer: or,
-  Sent: lr,
-  Received: cr
+}, cr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "composer" }), dr = (e) => /* @__PURE__ */ s(ct, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ s(ct, { ...e, state: "received" }), mr = {
+  Composer: cr,
+  Sent: dr,
+  Received: ur
 }, dt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(ee, { children: [
+}) => /* @__PURE__ */ h(K, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1891,7 +1891,7 @@ const rr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1913,7 +1913,7 @@ const rr = ({
   tone: i = "dark",
   onTriggered: l
 }) => {
-  const [o, d] = F(!1), u = W(
+  const [o, d] = F(!1), u = q(
     (c) => {
       c.stopPropagation(), !o && (d(!0), ws(e, t).catch(() => {
       }).finally(() => {
@@ -1940,7 +1940,7 @@ const rr = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ s(
-        _e,
+        pe,
         {
           className: "size-4 animate-spin",
           weight: "bold",
@@ -1963,7 +1963,7 @@ const rr = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ s(_e, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ s(pe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -1978,7 +1978,7 @@ const rr = ({
       ),
       children: [
         o ? /* @__PURE__ */ s(
-          _e,
+          pe,
           {
             className: "size-4 animate-spin",
             weight: "bold",
@@ -2000,9 +2000,9 @@ const rr = ({
   }, [n, t, e]), Y(() => {
     i((d) => Ye(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const l = W(() => {
+  const l = q(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), o = W(() => {
+  }, [e]), o = q(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
   return Y(() => {
@@ -2160,7 +2160,7 @@ const rr = ({
       ]
     }
   ) : null;
-}, ur = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", ys = ({
+}, hr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", ys = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2169,7 +2169,7 @@ const rr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, n)), l = r - i.length, o = (d, u, g) => {
-    const m = N(ur, "h-full w-full");
+    const m = N(hr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
@@ -2231,14 +2231,14 @@ const rr = ({
     }
   );
 }, Ie = (e) => {
-  const [t, n] = F(!1), [a, r] = F(0), i = W(
+  const [t, n] = F(!1), [a, r] = F(0), i = q(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), n(!0));
     },
     [e]
-  ), l = W(() => n(!1), []);
+  ), l = q(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, mr = (e, t, n, a) => ({
+}, fr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2253,7 +2253,7 @@ const rr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), hr = ({
+}), gr = ({
   src: e,
   alt: t,
   items: n
@@ -2261,7 +2261,7 @@ const rr = ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), fr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), pr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Ie(
     r
   );
@@ -2308,13 +2308,13 @@ const rr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = hr({ src: t, alt: n, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ie(
+  const u = gr({ src: t, alt: n, items: r }), g = Ee(e), { viewerOpen: m, viewerIndex: f, handleActivate: c, closeViewer: v } = Ie(
     d
   );
   if (u.length === 0)
     return null;
   const x = u.map(
-    (p, b) => mr(p, b, u.length, o)
+    (p, b) => fr(p, b, u.length, o)
   );
   return /* @__PURE__ */ h(
     Ce,
@@ -2337,11 +2337,11 @@ const rr = ({
       ]
     }
   );
-}, gr = (e) => /* @__PURE__ */ s(fr, { ...e }), pr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), br = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), vr = {
-  Composer: gr,
-  Sent: pr,
-  Received: br
-}, xr = ({
+}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Cs, { ...e, state: "received" }), wr = {
+  Composer: br,
+  Sent: vr,
+  Received: xr
+}, _r = ({
   open: e,
   items: t,
   initialIndex: n = 0,
@@ -2355,7 +2355,7 @@ const rr = ({
     () => (o == null ? void 0 : o.filename) ?? (o ? ne(o.src) : "document"),
     [o]
   ), u = se(
-    () => o ? wr(o.src) : void 0,
+    () => o ? Nr(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ h(
@@ -2389,16 +2389,16 @@ const rr = ({
       ]
     }
   );
-}, wr = (e) => {
+}, Nr = (e) => {
   const t = e.indexOf("#"), n = 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"), `${n}#${r.toString()}`;
-}, _r = ({
+}, yr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Nr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], kr = ({
   variant: e,
   item: t,
   index: n,
@@ -2431,7 +2431,7 @@ const rr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ee(e), m = _r({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
+  const g = Ee(e), m = yr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
     d
   ), p = e === "composer" && !!u;
   if (m.length === 0)
@@ -2460,7 +2460,7 @@ const rr = ({
             }
           );
           return /* @__PURE__ */ s(
-            Nr,
+            kr,
             {
               variant: g,
               item: w,
@@ -2472,7 +2472,7 @@ const rr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          xr,
+          _r,
           {
             open: f,
             items: b,
@@ -2483,10 +2483,10 @@ const rr = ({
       ]
     }
   );
-}, yr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), kr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), Cr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), Sr = {
-  Composer: yr,
-  Sent: kr,
-  Received: Cr
+}, Cr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ s(ht, { ...e, state: "sent" }), Er = (e) => /* @__PURE__ */ s(ht, { ...e, state: "received" }), Ir = {
+  Composer: Cr,
+  Sent: Sr,
+  Received: Er
 }, Ss = ({
   open: e,
   items: t,
@@ -2537,7 +2537,7 @@ const rr = ({
       ]
     }
   ) : null;
-}, Er = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(Qe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
+}, Tr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(Qe, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Es = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2559,11 +2559,11 @@ const rr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Er, {})
-] }), Ir = (e, t, n) => ({
+  /* @__PURE__ */ s(Tr, {})
+] }), Mr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(Es, { item: e, index: t })
-}), Tr = ({
+}), Ar = ({
   src: e,
   poster: t,
   mimeType: n,
@@ -2575,7 +2575,7 @@ const rr = ({
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Mr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), Rr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: g } = Ie(
     i
   );
@@ -2616,13 +2616,13 @@ const rr = ({
   preload: d,
   onClick: u
 }) => {
-  const g = Tr({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
+  const g = Ar({ src: t, poster: n, mimeType: a, preload: d, items: i }), m = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: v, closeViewer: x } = Ie(
     u
   );
   if (g.length === 0)
     return null;
   const p = g.map(
-    (b, w) => Ir(b, w, g.length)
+    (b, w) => Mr(b, w, g.length)
   );
   return /* @__PURE__ */ h(
     Ce,
@@ -2652,31 +2652,31 @@ const rr = ({
       ]
     }
   );
-}, Ar = (e) => /* @__PURE__ */ s(Mr, { ...e }), Rr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Lr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Dr = {
-  Composer: Ar,
-  Sent: Rr,
-  Received: Lr
-}, xe = {
-  Image: vr,
-  Video: Dr,
-  Audio: Za,
-  Pdf: Sr,
-  File: dr
-}, Pr = {
+}, Lr = (e) => /* @__PURE__ */ s(Rr, { ...e }), Dr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), Pr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), zr = {
+  Composer: Lr,
+  Sent: Dr,
+  Received: Pr
+}, we = {
+  Image: wr,
+  Video: zr,
+  Audio: Qa,
+  Pdf: Ir,
+  File: mr
+}, Or = {
   isUnlocking: () => !1
-}, zr = {
-  LockedAttachment: Pr
-}, Ms = st({}), go = Ms.Provider;
-function Or(e) {
-  return ye(Ms)[e] ?? zr[e];
+}, Fr = {
+  LockedAttachment: Or
+}, Ms = st({}), vo = Ms.Provider;
+function Br(e) {
+  return ye(Ms)[e] ?? Fr[e];
 }
-const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import("./Card-CdouSSmP.js")), $r = () => /* @__PURE__ */ s(
+const $r = j.lazy(() => import("./Card-qS17qnN0.js")), Ur = j.lazy(() => import("./Card-C9Zg6RqU.js")), jr = () => /* @__PURE__ */ s(
   "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
   }
-), Re = (e) => /* @__PURE__ */ s(Gs, { fallback: /* @__PURE__ */ s($r, {}), children: e.contentType === "text" ? /* @__PURE__ */ s(Fr, { ...e }) : /* @__PURE__ */ s(Br, { ...e }) }), Ur = ({ size: e = 15 }) => /* @__PURE__ */ s(
+), Re = (e) => /* @__PURE__ */ s(Hs, { fallback: /* @__PURE__ */ s(jr, {}), children: e.contentType === "text" ? /* @__PURE__ */ s($r, { ...e }) : /* @__PURE__ */ s(Ur, { ...e }) }), Vr = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2693,7 +2693,7 @@ const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import(
       }
     )
   }
-), jr = (e) => {
+), Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
 }, As = (e) => {
@@ -2705,16 +2705,16 @@ const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import(
 }, ft = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Vr = (e) => {
+}, Hr = (e) => {
   var t;
   return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) === "text";
-}, Gr = (e) => {
+}, Yr = (e) => {
   var t;
   return ft(e) && ((t = e.metadata) == null ? void 0 : t.attachment_content_type) !== "text";
-}, Rs = (e) => jr(e) || As(e), Hr = (e) => {
+}, Rs = (e) => Gr(e) || As(e), Wr = (e) => {
   var t;
   return Rs(e) && !((t = e.text) != null && t.trim());
-}, qe = ({
+}, We = ({
   message: e,
   standalone: t = !1,
   isMyMessage: n = !1,
@@ -2729,7 +2729,7 @@ const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import(
     if (!f) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = As(e) ? "message" : "tip", x = t ? `${f} ${v}` : `Delivered with ${f} ${v}`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(Wn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: x })
     ] });
   }
@@ -2737,15 +2737,15 @@ const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import(
     "message-chatbot-indicator",
     n ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
-  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Ur, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(ee, { children: [
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Vr, { size: l ? 12 : 15 }) });
+  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ h(K, { children: [
     u,
     g
-  ] }) : /* @__PURE__ */ h(ee, { children: [
+  ] }) : /* @__PURE__ */ h(K, { children: [
     g,
     u
   ] }) });
-}, Yr = ({
+}, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2775,11 +2775,11 @@ const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), We = () => {
-  const { message: e } = pe("SentMessageDeliveryStatus"), { messages: t } = ue("SentMessageDeliveryStatus"), n = (() => {
+] }), Ls = () => {
+  const { message: e } = me("SentMessageDeliveryStatus"), { messages: t } = ue("SentMessageDeliveryStatus"), n = (() => {
     if (t)
       for (let a = t.length - 1; a >= 0; a -= 1) {
         const r = t[a];
@@ -2787,37 +2787,55 @@ const Fr = j.lazy(() => import("./Card-qS17qnN0.js")), Br = j.lazy(() => import(
           return r.id;
       }
   })();
-  return e.id !== n ? null : /* @__PURE__ */ h(ee, { children: [
-    /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
-    /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-  ] });
-}, qr = () => null, Wr = () => /* @__PURE__ */ s(
-  Xs,
-  {
-    MessageSentStatus: We,
-    MessageDeliveredStatus: We,
-    MessageReadStatus: We,
-    MessageSendingStatus: qr
-  }
-), Xr = /^([a-z][a-z0-9+.-]*):/i, Kr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+  return e.id === n;
+}, qe = () => Ls() ? /* @__PURE__ */ h(K, { children: [
+  /* @__PURE__ */ s(Zn, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
+] }) : null, Xr = () => Ls() ? /* @__PURE__ */ h(K, { children: [
+  /* @__PURE__ */ s(
+    pe,
+    {
+      className: "sent-message-status__spinner animate-spin",
+      weight: "bold",
+      "aria-hidden": "true"
+    }
+  ),
+  /* @__PURE__ */ s("span", { "data-testid": "sent-message-sending-status", children: "Sending" })
+] }) : null, Kr = () => /* @__PURE__ */ h("span", { className: "str-chat__message-status sent-message-status--failed", children: [
+  /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
+  /* @__PURE__ */ s("span", { "data-testid": "sent-message-failed-status", children: "Failed to send" })
+] }), Zr = () => {
+  const { isMyMessage: e, message: t, threadList: n } = me(
+    "SentMessageDeliveryStatus"
+  );
+  return t.status === "failed" && e() && t.type !== "error" && !n ? /* @__PURE__ */ s(Kr, {}) : /* @__PURE__ */ s(
+    Ks,
+    {
+      MessageSentStatus: qe,
+      MessageDeliveredStatus: qe,
+      MessageReadStatus: qe,
+      MessageSendingStatus: Xr
+    }
+  );
+}, Jr = /^([a-z][a-z0-9+.-]*):/i, Qr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function gt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = Xr.exec(t);
+  const n = Jr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Kr.has(a) ? t : void 0;
+    return Qr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Zr = {
+const ei = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Jr = ({ variant: e, cta: t }) => {
+}, ti = ({ variant: e, cta: t }) => {
   const n = N(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Zr[e]
+    ei[e]
   ), a = gt(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
@@ -2844,10 +2862,10 @@ const Zr = {
       children: t.label
     }
   );
-}, Qr = {
+}, si = {
   dark: "text-white",
   light: "text-black/90"
-}, ei = "text-white/30", ti = {
+}, ni = "text-white/30", ai = {
   dark: "text-white/55",
   light: "text-black/55"
 }, pt = ({
@@ -2864,10 +2882,10 @@ const Zr = {
   if (!g && !m && !c && !v) return null;
   const p = N(
     "truncate text-base font-medium leading-6",
-    d && !t ? ei : Qr[e]
+    d && !t ? ni : si[e]
   ), b = N(
     "truncate text-xs leading-4",
-    ti[e]
+    ai[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2883,9 +2901,9 @@ const Zr = {
       ] }),
       o && /* @__PURE__ */ s("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ s(Jr, { variant: e, cta: l })
+    l && /* @__PURE__ */ s(ti, { variant: e, cta: l })
   ] });
-}, si = N(
+}, ri = N(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2904,7 +2922,7 @@ const Zr = {
   "data-testid": d
 }) => {
   const u = n != null || a != null, g = N(
-    si,
+    ri,
     o ?? (e === "dark" ? "bg-[#1e2330]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2952,10 +2970,10 @@ const Zr = {
       ]
     }
   );
-}, ni = {
+}, ii = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ai = {
+}, oi = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, $e = (e, t) => !!t && !!e && oe(e) === "audio", bt = (e, t) => {
@@ -3013,10 +3031,10 @@ const Zr = {
           {
             className: N(
               "flex h-full w-full items-center justify-center",
-              ni[e]
+              ii[e]
             ),
-            children: ge(r, {
-              className: ai[e],
+            children: be(r, {
+              className: oi[e],
               weight: "regular"
             })
           }
@@ -3026,7 +3044,7 @@ const Zr = {
       ]
     }
   );
-}, ri = ({
+}, li = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3056,7 +3074,7 @@ const Zr = {
       onClick: m,
       "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__ */ s(Kn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Jn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ s(Pe, { variant: "dark", bgClassName: vt, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
@@ -3103,7 +3121,7 @@ const Zr = {
       ]
     }
   );
-}, ii = ({
+}, ci = ({
   title: e,
   description: t,
   url: n,
@@ -3156,7 +3174,7 @@ const Zr = {
       ]
     }
   );
-}, oi = ({
+}, di = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3204,9 +3222,9 @@ const Zr = {
     }
   );
 }, Ht = {
-  Composer: ri,
-  Sent: oi,
-  Received: ii
+  Composer: li,
+  Sent: di,
+  Received: ci
 };
 function P(e) {
   const t = e == null ? void 0 : e.trim();
@@ -3215,7 +3233,7 @@ function P(e) {
 function Yt(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function li(e, t) {
+function ui(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
   const n = Yt(e), a = Yt(t);
@@ -3226,7 +3244,7 @@ function li(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function qt(e) {
+function Wt(e) {
   const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
     title: P(e.title),
@@ -3240,15 +3258,15 @@ function qt(e) {
     mimeType: r
   };
 }
-function ci(e) {
+function mi(e) {
   var t;
-  return Ls(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return Ds(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 Ls(e) {
+function Ds(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ds(e) {
+function Ps(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3266,45 +3284,45 @@ function Ds(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (Ls(r)) {
+    if (Ds(r)) {
       a(r);
       continue;
     }
-    const i = ci(r);
+    const i = mi(r);
     i && n(i, r);
   }
   return t;
 }
-function di(e) {
+function hi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function ui(e, t, n) {
+function fi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function Wt(e) {
+function qt(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function mi(e) {
+function gi(e) {
   switch (e) {
     case "image":
-      return xe.Image;
+      return we.Image;
     case "video":
-      return xe.Video;
+      return we.Video;
     case "audio":
-      return xe.Audio;
+      return we.Audio;
     case "pdf":
-      return xe.Pdf;
+      return we.Pdf;
     default:
-      return xe.File;
+      return we.File;
   }
 }
-function hi(e, t) {
+function pi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: Wt(a),
+            src: qt(a),
             alt: P(a.title)
           }))
         };
@@ -3355,7 +3373,7 @@ function hi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: Wt(n),
+        src: qt(n),
         alt: P(n.title)
       };
     case "video":
@@ -3385,42 +3403,42 @@ function hi(e, t) {
       };
   }
 }
-function fi({
+function bi({
   groupPosition: e,
   isMyMessage: t,
   segment: n
 }) {
-  const a = mi(n.kind), r = {
-    ...hi(n.kind, n.attachments),
+  const a = gi(n.kind), r = {
+    ...pi(n.kind, n.attachments),
     groupPosition: e
   };
   return t ? /* @__PURE__ */ s(a.Sent, { ...r }) : /* @__PURE__ */ s(a.Received, { ...r });
 }
-const gi = ({
+const vi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n,
   renderText: a
 }) => {
   var v;
-  const r = Ds(n.attachments);
+  const r = Ps(n.attachments);
   if (r.length === 0) return null;
-  const i = di(r), l = (v = n.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? qt(o.attachments[0] ?? {}).url : void 0, u = l && li(l, d) ? void 0 : l;
+  const i = hi(r), l = (v = n.text) == null ? void 0 : v.trim(), o = r.find((x) => x.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? Wt(o.attachments[0] ?? {}).url : void 0, u = l && ui(l, d) ? void 0 : l;
   let g = 0;
   const m = [], f = (x, p) => {
     const b = t ? Ht.Sent : Ht.Received;
     m.push(
-      /* @__PURE__ */ s(b, { ...qt(x) }, p)
+      /* @__PURE__ */ s(b, { ...Wt(x) }, p)
     );
   }, c = (x, p) => {
-    const b = ui(
+    const b = fi(
       g,
       i,
       e
     );
     g += 1, m.push(
       /* @__PURE__ */ s(
-        fi,
+        bi,
         {
           groupPosition: b,
           isMyMessage: t,
@@ -3467,7 +3485,7 @@ const gi = ({
       /* @__PURE__ */ s(Ze, {})
     ] }) : null
   ] });
-}, pi = (e) => {
+}, xi = (e) => {
   var Ct, St, Et, It, Tt, Mt, At, Rt, Lt, Dt;
   const {
     additionalMessageInputProps: t,
@@ -3486,54 +3504,54 @@ const gi = ({
     renderText: v,
     threadList: x,
     viewerLanguage: p
-  } = e, { client: b } = ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: E, onUnlockClick: k, onFetchSource: R, onDownloadClick: A } = Or("LockedAttachment"), [z, B] = F(!1), O = Zs(c.id), { selected: L, voteUp: C, voteDown: T } = va(c), {
-    Attachment: S = Js,
-    EditMessageModal: I = Qs,
+  } = e, { client: b } = ke("CustomMessage"), { channel: w } = ue("CustomMessage"), { isUnlocking: E, onUnlockClick: k, onFetchSource: R, onDownloadClick: A } = Br("LockedAttachment"), [z, B] = F(!1), O = Js(c.id), { selected: L, voteUp: C, voteDown: T } = wa(c), {
+    Attachment: S = Qs,
+    EditMessageModal: I = en,
     MessageActions: y,
-    MessageBlocked: D = en,
-    MessageBouncePrompt: H = tn,
-    MessageDeleted: q = sn,
-    MessageIsThreadReplyInChannelButtonIndicator: K = nn,
-    MessageRepliesCountButton: Z = an,
-    ReminderNotification: V = rn,
-    StreamedMessageText: _ = on,
+    MessageBlocked: D = tn,
+    MessageBouncePrompt: H = sn,
+    MessageDeleted: W = nn,
+    MessageIsThreadReplyInChannelButtonIndicator: Z = an,
+    MessageRepliesCountButton: J = rn,
+    ReminderNotification: V = on,
+    StreamedMessageText: _ = ln,
     PinIndicator: M
-  } = es("CustomMessage"), $ = ln(c), te = cn(c), X = se(
+  } = es("CustomMessage"), $ = cn(c), te = dn(c), X = se(
     () => m == null ? void 0 : m(c),
     [m, c]
   ), U = se(() => {
-    const ce = c.attachments ?? [], fe = c.shared_location ? [c.shared_location, ...ce] : ce;
-    if (!De(c)) return fe;
-    const Pt = fe.filter((zt) => !("type" in zt) || !ps(zt));
-    return Pt.length === fe.length ? fe : Pt;
-  }, [c]), J = se(
-    () => Ds(U),
+    const ce = c.attachments ?? [], ge = c.shared_location ? [c.shared_location, ...ce] : ce;
+    if (!De(c)) return ge;
+    const Pt = ge.filter((zt) => !("type" in zt) || !ps(zt));
+    return Pt.length === ge.length ? ge : Pt;
+  }, [c]), Q = se(
+    () => Ps(U),
     [U]
   ), ae = se(() => {
     const ce = us({ message: c, viewerLanguage: p });
     return ce === c.text ? c : { ...c, text: ce };
-  }, [c, p]), Te = J.length > 0, Me = J.reduce(
-    (ce, fe) => ce + fe.attachments.length,
+  }, [c, p]), Te = Q.length > 0, Me = Q.reduce(
+    (ce, ge) => ce + ge.attachments.length,
     0
-  ) === ((U == null ? void 0 : U.length) ?? 0), re = Ha({
+  ) === ((U == null ? void 0 : U.length) ?? 0), re = Wa({
     endOfGroup: r,
     firstOfGroup: i,
     groupedByUser: l
   });
-  if (dn(c))
+  if (un(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ s(q, { message: c });
-  if (un(c))
+    return /* @__PURE__ */ s(W, { message: c });
+  if (mn(c))
     return /* @__PURE__ */ s(D, {});
-  const le = !x && !!c.reply_count, ie = !x && c.show_in_channel && c.parent_id, xt = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = mn(c);
-  let me;
-  xt ? me = () => u(c) : wt && (me = () => B(!0));
-  const Q = f(), $s = N(
+  const le = !x && !!c.reply_count, ie = !x && c.show_in_channel && c.parent_id, xt = c.status === "failed" && ((Ct = c.error) == null ? void 0 : Ct.status) !== 403, wt = hn(c);
+  let he;
+  xt ? he = () => u(c) : wt && (he = () => B(!0));
+  const ee = f(), Us = N(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    Q ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ee ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": $,
@@ -3546,7 +3564,7 @@ const gi = ({
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ue = c.poll_id && b.polls.fromState(c.poll_id), _t = Hr(c), he = De(c), Us = ft(c), je = !!(U != null && U.length && !c.quoted_message), Nt = he && Q && je, js = Te && Me && !c.quoted_message && !Ue && !X && !he, yt = {
+  ), Ue = c.poll_id && b.polls.fromState(c.poll_id), _t = Wr(c), fe = De(c), js = ft(c), je = !!(U != null && U.length && !c.quoted_message), Nt = fe && ee && je, Vs = Te && Me && !c.quoted_message && !Ue && !X && !fe, yt = {
     contentType: "text",
     amountText: (Et = c.metadata) == null ? void 0 : Et.amount_text,
     paymentStatus: (It = c.metadata) == null ? void 0 : It.payment_status,
@@ -3561,7 +3579,7 @@ const gi = ({
     paymentStatus: (Dt = c.metadata) == null ? void 0 : Dt.payment_status,
     onFetchSource: R ? () => R(c, w) : void 0
   };
-  return /* @__PURE__ */ h(ee, { children: [
+  return /* @__PURE__ */ h(K, { children: [
     a && /* @__PURE__ */ s(
       I,
       {
@@ -3569,7 +3587,7 @@ const gi = ({
       }
     ),
     z && /* @__PURE__ */ s(
-      hn,
+      fn,
       {
         MessageBouncePrompt: H,
         onClose: () => B(!1),
@@ -3579,14 +3597,14 @@ const gi = ({
     /* @__PURE__ */ h(
       "div",
       {
-        className: $s,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           M && /* @__PURE__ */ s(M, {}),
           !!O && /* @__PURE__ */ s(V, { reminder: O }),
           c.user && /* @__PURE__ */ s(
-            be,
+            ve,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3594,7 +3612,7 @@ const gi = ({
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: he
+              dmAgentEnabled: fe
             }
           ),
           /* @__PURE__ */ s(
@@ -3604,19 +3622,19 @@ const gi = ({
                 "str-chat__simple-message--error-failed": xt || wt
               }),
               "data-testid": "message-inner",
-              onClick: me,
-              onKeyDown: me,
-              role: me ? "button" : void 0,
-              tabIndex: me ? 0 : void 0,
+              onClick: he,
+              onKeyDown: he,
+              role: he ? "button" : void 0,
+              tabIndex: he ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: _t ? /* @__PURE__ */ s(qe, { message: c, standalone: !0 }) : Vr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                Q && y && /* @__PURE__ */ s(y, {}),
-                Q ? /* @__PURE__ */ s(
+              children: _t ? /* @__PURE__ */ s(We, { message: c, standalone: !0 }) : Hr(c) ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                ee && y && /* @__PURE__ */ s(y, {}),
+                ee ? /* @__PURE__ */ s(
                   Re,
                   {
                     ...yt,
@@ -3631,11 +3649,11 @@ const gi = ({
                     onUnlockClick: () => k == null ? void 0 : k(c, w)
                   }
                 ),
-                !Q && y && /* @__PURE__ */ s(y, {})
-              ] }) }) : Gr(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
+                !ee && y && /* @__PURE__ */ s(y, {})
+              ] }) }) : Yr(c) ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
                 /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                  Q && y && /* @__PURE__ */ s(y, {}),
-                  Q ? /* @__PURE__ */ s(
+                  ee && y && /* @__PURE__ */ s(y, {}),
+                  ee ? /* @__PURE__ */ s(
                     Re,
                     {
                       ...kt,
@@ -3652,7 +3670,7 @@ const gi = ({
                       onDownloadClick: () => A ? A(c, w) : void 0
                     }
                   ),
-                  !Q && y && /* @__PURE__ */ s(y, {})
+                  !ee && y && /* @__PURE__ */ s(y, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
                   Le,
@@ -3661,11 +3679,11 @@ const gi = ({
                     renderText: v
                   }
                 ) })
-              ] }) : js ? /* @__PURE__ */ s(
-                gi,
+              ] }) : Vs ? /* @__PURE__ */ s(
+                vi,
                 {
                   groupPosition: re,
-                  isMyMessage: Q,
+                  isMyMessage: ee,
                   message: {
                     ...ae,
                     attachments: U,
@@ -3677,15 +3695,15 @@ const gi = ({
                   renderText: v
                 }
               ) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                he && !Nt && /* @__PURE__ */ s(
-                  qe,
+                fe && !Nt && /* @__PURE__ */ s(
+                  We,
                   {
                     message: c,
                     hasAttachment: je,
-                    isMyMessage: Q
+                    isMyMessage: ee
                   }
                 ),
-                Ue && /* @__PURE__ */ s(fn, { poll: Ue }),
+                Ue && /* @__PURE__ */ s(gn, { poll: Ue }),
                 U != null && U.length && !c.quoted_message ? /* @__PURE__ */ s(
                   S,
                   {
@@ -3710,17 +3728,17 @@ const gi = ({
               ] }) })
             }
           ),
-          !Us && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!he || Nt) && /* @__PURE__ */ s(
-              qe,
+          !js && !_t && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
+            (!fe || Nt) && /* @__PURE__ */ s(
+              We,
               {
                 message: c,
                 hasAttachment: je,
-                isMyMessage: Q
+                isMyMessage: ee
               }
             ),
-            n && he && /* @__PURE__ */ s(
-              Yr,
+            n && fe && /* @__PURE__ */ s(
+              qr,
               {
                 selected: L,
                 onVoteUp: C,
@@ -3728,29 +3746,29 @@ const gi = ({
               }
             )
           ] }),
-          /* @__PURE__ */ s(Wr, {}),
+          /* @__PURE__ */ s(Zr, {}),
           le && /* @__PURE__ */ s(
-            Z,
+            J,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ie && /* @__PURE__ */ s(K, {})
+          ie && /* @__PURE__ */ s(Z, {})
         ]
       },
       c.id
     )
   ] });
-}, bi = j.memo(
-  pi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
-), vi = (e) => {
-  const t = pe("CustomMessage");
-  return /* @__PURE__ */ s(bi, { ...t, ...e });
-}, xi = () => {
+}, wi = j.memo(
+  xi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Zs(e, t)
+), _i = (e) => {
+  const t = me("CustomMessage");
+  return /* @__PURE__ */ s(wi, { ...t, ...e });
+}, Ni = () => {
   var n;
-  const { handleDelete: e, message: t } = pe("CustomMessageActions");
+  const { handleDelete: e, message: t } = me("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
     rs,
     {
@@ -3758,11 +3776,11 @@ const gi = ({
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Qn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, wi = () => {
-  const { handleFlag: e } = pe("CustomMessageActions");
+}, yi = () => {
+  const { handleFlag: e } = me("CustomMessageActions");
   return /* @__PURE__ */ s(
     rs,
     {
@@ -3773,19 +3791,19 @@ const gi = ({
       children: /* @__PURE__ */ s(ts, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, _i = () => {
+}, ki = () => {
   var t;
-  const { message: e } = pe("CustomMessageActions");
+  const { message: e } = me("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ta,
+    na,
     {
       messageActionSet: [
-        { Component: xi, placement: "quick", type: "delete" },
-        { Component: wi, placement: "quick", type: "flag" }
+        { Component: Ni, placement: "quick", type: "delete" },
+        { Component: yi, placement: "quick", type: "flag" }
       ]
     }
   );
-}, Ni = ({
+}, Ci = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3825,14 +3843,14 @@ const gi = ({
       ]
     }
   );
-}, yi = (e) => ({
+}, Si = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Ot.previewIsLoaded(t) || Ot.previewIsLoading(t)
   )
-}), ki = () => {
-  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
+}), Ei = () => {
+  const { linkPreviewsManager: e } = pn(), { linkPreviews: t } = bn(
     e.state,
-    yi
+    Si
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3845,9 +3863,9 @@ const gi = ({
     // block so it keeps its intrinsic height and the container scrolls — a
     // bare flex-column child would be shrunk on the column axis and its
     // fixed-height hero would spill out of the collapsed card box.
-    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ni, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
+    /* @__PURE__ */ s("div", { className: "messaging-link-preview-list flex min-h-0 flex-col items-stretch w-full gap-2 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Ci, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, Oe = j.createContext(!1), Ci = 200, po = () => ye(Oe), Si = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Oe = j.createContext(!1), Ii = 200, xo = () => ye(Oe), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3856,12 +3874,12 @@ const gi = ({
     disabled: t,
     onPointerDown: (a) => a.preventDefault(),
     onClick: e,
-    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(ea, { weight: "bold", className: "size-4" })
   }
 ), Xt = () => {
-  const e = ye(Oe), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
-    SendButton: r = Si,
-    AttachmentPreviewList: i = xn
+  const e = ye(Oe), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
+    SendButton: r = Ti,
+    AttachmentPreviewList: i = wn
   } = es("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
@@ -3892,13 +3910,13 @@ const gi = ({
         "data-dd-privacy": "mask",
         children: [
           /* @__PURE__ */ h("div", { className: "messaging-composer-previews empty:hidden flex min-h-0 flex-col gap-2 px-2 pt-2", children: [
-            /* @__PURE__ */ s(wn, {}),
-            /* @__PURE__ */ s(ki, {}),
+            /* @__PURE__ */ s(_n, {}),
+            /* @__PURE__ */ s(Ei, {}),
             /* @__PURE__ */ s(i, {})
           ] }),
           /* @__PURE__ */ h("div", { className: "messaging-composer-row flex shrink-0 items-start", children: [
             /* @__PURE__ */ s(
-              _n,
+              Nn,
               {
                 "aria-disabled": e || void 0,
                 containerClassName: "min-w-0 flex-1 leading-[0]",
@@ -3948,7 +3966,7 @@ const gi = ({
       c = p;
       const w = Array.from(
         f.querySelectorAll(".str-chat__list")
-      ).find((k) => k.scrollHeight > k.clientHeight) ?? null, E = w ? w.scrollHeight - w.scrollTop - w.clientHeight < Ci : !1;
+      ).find((k) => k.scrollHeight > k.clientHeight) ?? null, E = w ? w.scrollHeight - w.scrollTop - w.clientHeight < Ii : !1;
       f.style.setProperty(
         "--messaging-composer-height",
         `${p}px`
@@ -3981,7 +3999,7 @@ const gi = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ h(ee, { children: [
+  ) : /* @__PURE__ */ h(K, { children: [
     t == null ? void 0 : t(),
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: r ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: r }) : null }),
     n == null ? void 0 : n()
@@ -4035,22 +4053,22 @@ const gi = ({
     ),
     n == null ? void 0 : n()
   ] });
-}, Ei = [
+}, Mi = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ii = {
+], Ai = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ti = [
+}, Ri = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Mi = ["SYSTEM_AGE_SAFETY_BLOCKED"], Ai = {
+], Li = ["SYSTEM_AGE_SAFETY_BLOCKED"], Di = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Xe = "age safety guidelines.", Ri = "https://linktr.ee/s/about/contact", Zt = (e) => Ei.includes(e), Li = (e) => Ti.includes(e), Di = (e) => Mi.includes(
+}, Xe = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", Zt = (e) => Mi.includes(e), zi = (e) => Ri.includes(e), Oi = (e) => Li.includes(
   e
-), Pi = (e) => {
+), Fi = (e) => {
   var t;
-  return Di((t = e.metadata) == null ? void 0 : t.custom_type);
-}, zi = (e) => {
+  return Oi((t = e.metadata) == null ? void 0 : t.custom_type);
+}, Bi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Zt(t))
@@ -4058,7 +4076,7 @@ const gi = ({
       kind: "dm-agent",
       type: t
     };
-  if (Li(t))
+  if (zi(t))
     return {
       kind: "age-safety",
       type: t
@@ -4069,17 +4087,17 @@ const gi = ({
       kind: "dm-agent",
       type: n
     };
-}, Oi = (e) => {
+}, $i = (e) => {
   const t = e.indexOf(Xe);
   if (t === -1)
     return e;
   const n = t + Xe.length;
-  return /* @__PURE__ */ h(ee, { children: [
+  return /* @__PURE__ */ h(K, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Ri,
+        href: Pi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -4088,13 +4106,13 @@ const gi = ({
     ),
     e.slice(n)
   ] });
-}, Fi = (e) => {
+}, Ui = (e) => {
   var a, r;
-  const t = !Pi(e.message), n = zi(
+  const t = !Fi(e.message), n = Bi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ii[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -4104,7 +4122,7 @@ const gi = ({
           "data-dm-agent-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Qn,
+              ta,
               {
                 size: 16,
                 weight: "regular",
@@ -4120,7 +4138,7 @@ const gi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ai[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Di[n.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -4130,7 +4148,7 @@ const gi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              ea,
+              sa,
               {
                 size: 24,
                 weight: "duotone",
@@ -4139,7 +4157,7 @@ const gi = ({
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: Oi(i) }) })
+            /* @__PURE__ */ s("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ s("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: $i(i) }) })
           ]
         }
       ),
@@ -4154,7 +4172,7 @@ const gi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ve, { message: e.message })
   ] });
-}, Ps = st(!1), Ke = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, zs = st(!1), Ke = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -4164,15 +4182,15 @@ const gi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Bi = /* @__PURE__ */ new Set([
+) }), ji = /* @__PURE__ */ new Set([
   Ge.Thinking,
   Ge.Generating,
   Ge.ExternalSources
-]), $i = ({ threadList: e }) => {
+]), Vi = ({ threadList: e }) => {
   var v, x;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = ke(), { typing: i = {} } = Nn(), { aiState: l } = yn(t), o = ye(Ps);
-  if (!e && o && Bi.has(l)) {
-    const p = Ui(t, (v = r.user) == null ? void 0 : v.id);
+  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = ke(), { typing: i = {} } = yn(), { aiState: l } = kn(t), o = ye(zs);
+  if (!e && o && ji.has(l)) {
+    const p = Gi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
       Jt,
       {
@@ -4223,7 +4241,7 @@ const gi = ({
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ s(
-        be,
+        ve,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4252,7 +4270,7 @@ const gi = ({
     ] })
   }
 );
-function Ui(e, t) {
+function Gi(e, t) {
   var a;
   const n = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(n)) {
@@ -4261,7 +4279,7 @@ function Ui(e, t) {
       return i;
   }
 }
-const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Hi = () => null, Yi = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
     className: N("flex items-center justify-center h-full", e),
@@ -4305,11 +4323,11 @@ const ji = () => null, Vi = ({ className: e, message: t }) => /* @__PURE__ */ h(
     ]
   }
 ), Fe = j.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Vi, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Yi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Fe.displayName = "LoadingState";
-const Gi = ({
+const Wi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4339,7 +4357,7 @@ const Gi = ({
   const { channel: O } = ue(), L = O.state.messages.some(
     (I) => I.type !== "deleted"
   ), C = b ? /* @__PURE__ */ s(j.Fragment, { children: b() }, "lt-channel-banner") : null, T = /* @__PURE__ */ s(
-    ga,
+    ba,
     {
       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,
@@ -4358,10 +4376,10 @@ const Gi = ({
       renderChannelActions: E,
       onParticipantNameClick: z
     }
-  ), S = W(
+  ), S = q(
     (I) => {
-      const { message: y } = pe("ChannelView"), D = /* @__PURE__ */ s(
-        vi,
+      const { message: y } = me("ChannelView"), D = /* @__PURE__ */ s(
+        _i,
         {
           ...I,
           chatbotVotingEnabled: p,
@@ -4372,16 +4390,16 @@ const Gi = ({
     },
     [p, k, R]
   );
-  return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
-    Cn,
+  return /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(
+    Sn,
     {
       overrides: {
         Message: S,
-        MessageActions: _i,
+        MessageActions: ki,
         UnreadMessagesNotification: () => null,
         UnreadMessagesSeparator: () => null
       },
-      children: /* @__PURE__ */ s(Sn, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
+      children: /* @__PURE__ */ s(En, { children: B ? /* @__PURE__ */ h("div", { className: "messaging-channel-layout relative flex min-h-0 flex-1 flex-col", children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4422,7 +4440,7 @@ const Gi = ({
           },
           "lt-channel-message-input"
         )
-      ] }) : /* @__PURE__ */ h(ee, { children: [
+      ] }) : /* @__PURE__ */ h(K, { children: [
         /* @__PURE__ */ h(
           "div",
           {
@@ -4464,7 +4482,7 @@ const Gi = ({
       ] }) })
     }
   ) });
-}, zs = j.memo(
+}, Os = j.memo(
   ({
     channel: e,
     onBack: t,
@@ -4475,7 +4493,7 @@ const Gi = ({
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = ji,
+    CustomChannelEmptyState: u = Hi,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
@@ -4501,10 +4519,10 @@ const Gi = ({
     onParticipantNameClick: D,
     composerInput: H
   }) => {
-    const q = W(
-      async (Z, V, _) => {
-        var J;
-        const M = ((J = e.data) == null ? void 0 : J.chatbot_paused) === !0, $ = w && !M, te = {
+    const W = q(
+      async (J, V, _) => {
+        var Q;
+        const M = ((Q = e.data) == null ? void 0 : Q.chatbot_paused) === !0, $ = w && !M, te = {
           ...V,
           ...$ && { silent: !0 },
           ...E && {
@@ -4520,40 +4538,40 @@ const Gi = ({
         return k == null || k(U), U;
       },
       [e, w, E, k]
-    ), K = G(null);
+    ), Z = G(null);
     return Y(() => {
       if (!C) return;
-      const Z = K.current;
-      if (!Z) return;
+      const J = Z.current;
+      if (!J) return;
       const V = (_) => {
         const M = _.target, $ = M == null ? void 0 : M.closest("a[href]"), te = $ == null ? void 0 : $.getAttribute("href");
         if (!te) return;
-        const X = $ == null ? void 0 : $.closest("[data-message-id]"), U = X == null ? void 0 : X.getAttribute("data-message-id"), J = U ? e.state.messages.find((ae) => ae.id === U) : void 0;
-        C(te, J);
+        const X = $ == null ? void 0 : $.closest("[data-message-id]"), U = X == null ? void 0 : X.getAttribute("data-message-id"), Q = U ? e.state.messages.find((ae) => ae.id === U) : void 0;
+        C(te, Q);
       };
-      return Z.addEventListener("click", V), () => Z.removeEventListener("click", V);
+      return J.addEventListener("click", V), () => J.removeEventListener("click", V);
     }, [C, e]), /* @__PURE__ */ s(
       "div",
       {
-        ref: K,
+        ref: Z,
         className: N(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Ps.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
-          kn,
+        children: /* @__PURE__ */ s(zs.Provider, { value: w ?? !1, children: /* @__PURE__ */ s(
+          Cn,
           {
             channel: e,
-            MessageSystem: Fi,
+            MessageSystem: Ui,
             EmptyStateIndicator: u,
             LoadingIndicator: Fe,
-            DateSeparator: pa,
-            TypingIndicator: $i,
-            doSendMessageRequest: q,
+            DateSeparator: va,
+            TypingIndicator: Vi,
+            doSendMessageRequest: W,
             ...T ? { SendButton: T } : {},
             ...S ? { AttachmentPreviewList: S } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              Wi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4589,8 +4607,8 @@ const Gi = ({
     );
   }
 );
-zs.displayName = "ChannelView";
-const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+Os.displayName = "ChannelView";
+const _e = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4604,8 +4622,8 @@ const we = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
     }
   )
 ] }) }));
-we.displayName = "ErrorState";
-const bo = ({
+_e.displayName = "ErrorState";
+const wo = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4637,8 +4655,8 @@ const bo = ({
     refreshConnection: L,
     service: C,
     debug: T
-  } = sa(), [S, I] = F(null), [y, D] = F(null), [H, q] = F(!1), { showDeleteConversation: K = !0 } = e, Z = G(l);
-  Z.current = l;
+  } = aa(), [S, I] = F(null), [y, D] = F(null), [H, W] = F(!1), { showDeleteConversation: Z = !0 } = e, J = G(l);
+  J.current = l;
   const V = G(a);
   V.current = a;
   const _ = G(null), M = G(null);
@@ -4651,7 +4669,7 @@ const bo = ({
     const U = `${X}::${i}`;
     if (_.current === U) return;
     _.current = U;
-    const J = () => {
+    const Q = () => {
       _.current === U && (_.current = null);
     };
     (async () => {
@@ -4676,9 +4694,9 @@ const bo = ({
           );
           return;
         }
-        const le = Z.current;
+        const le = J.current;
         if (!le || !C) {
-          J(), D("No conversation found with this account"), T && console.log(
+          Q(), D("No conversation found with this account"), T && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -4698,30 +4716,30 @@ const bo = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             ie
-          ), J(), D("Failed to create conversation");
+          ), Q(), D("Failed to create conversation");
         }
       } catch (re) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
           re
-        ), J(), M.current || D("Failed to load conversation");
+        ), Q(), M.current || D("Failed to load conversation");
       }
     })();
   }, [i, A, z, C, T]);
   const $ = G(r);
   $.current = r;
-  const te = W(() => {
+  const te = q(() => {
     var X;
-    I(null), q(!0), (X = $.current) == null || X.call($);
+    I(null), W(!0), (X = $.current) == null || X.call($);
   }, []);
-  return B ? /* @__PURE__ */ s(Fe, {}) : O ? /* @__PURE__ */ s(we, { message: O, onBack: L }) : !z || !A ? /* @__PURE__ */ s(
-    we,
+  return B ? /* @__PURE__ */ s(Fe, {}) : O ? /* @__PURE__ */ s(_e, { message: O, onBack: L }) : !z || !A ? /* @__PURE__ */ s(
+    _e,
     {
       message: "Not connected to messaging service",
       onBack: L
     }
-  ) : y ? /* @__PURE__ */ s(we, { message: y }) : H && !S ? /* @__PURE__ */ s(we, { message: "Conversation ended" }) : S ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    zs,
+  ) : y ? /* @__PURE__ */ s(_e, { message: y }) : H && !S ? /* @__PURE__ */ s(_e, { message: "Conversation ended" }) : S ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+    Os,
     {
       channel: S,
       renderMessageInputActions: t,
@@ -4730,7 +4748,7 @@ const bo = ({
       onLeaveConversation: te,
       onBlockParticipant: te,
       CustomChannelEmptyState: o,
-      showDeleteConversation: K,
+      showDeleteConversation: Z,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: g,
@@ -4748,13 +4766,13 @@ const bo = ({
     S.id
   ) }) }) : /* @__PURE__ */ s(Fe, {});
 };
-function Hi(e) {
+function qi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const Os = j.createContext({
+const Fs = j.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4762,18 +4780,18 @@ const Os = j.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Yi = Os.Provider, qi = () => j.useContext(Os), Wi = (e, t) => {
+}), Xi = Fs.Provider, Ki = () => j.useContext(Fs), Zi = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - n.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, Xi = (e) => {
+}, Ji = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = Wi(e, t);
+  const a = Zi(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4783,7 +4801,7 @@ const Os = j.createContext({
     month: "short",
     year: "2-digit"
   });
-}, Fs = j.memo(
+}, Bs = j.memo(
   (e) => {
     var B, O, L;
     const { channel: t, unread: n } = e, {
@@ -4793,7 +4811,7 @@ const Os = j.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = qi(), { client: u } = ke(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = os(t);
+    } = Ki(), { client: u } = ke(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = os(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -4840,7 +4858,7 @@ const Os = j.createContext({
       if (C) return C;
       const I = (y = b == null ? void 0 : b.attachments) == null ? void 0 : y[0];
       return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), k = b != null && b.created_at ? Xi(new Date(b.created_at)) : "", R = b ? De(b) : !1, A = o ? o(b, E) : `${R ? "✨ " : ""}${E}`, z = n ?? 0;
+    })(), k = b != null && b.created_at ? Ji(new Date(b.created_at)) : "", R = b ? De(b) : !1, A = o ? o(b, E) : `${R ? "✨ " : ""}${E}`, z = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
@@ -4864,7 +4882,7 @@ const Os = j.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            be,
+            ve,
             {
               id: ((L = v == null ? void 0 : v.user) == null ? void 0 : L.id) || t.id || "unknown",
               name: x,
@@ -4899,18 +4917,18 @@ const Os = j.createContext({
     );
   }
 );
-Fs.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Zi = j.memo(
+Bs.displayName = "CustomChannelPreview";
+const Qi = { last_message_at: -1 }, eo = j.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: n,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = Ki,
+    sort: i = Qi,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = In,
+    channelListPaginator: d = Tn,
     channelPreview: u,
     renderMessagePreview: g,
     viewerLanguage: m,
@@ -4926,7 +4944,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
     const { debug: E = !1 } = nt(), k = j.useCallback(
       (A) => {
         for (const z of A)
-          Hi(z);
+          qi(z);
         return r ? r(A) : A;
       },
       [r]
@@ -4961,8 +4979,8 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
-        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Yi, { value: R, children: /* @__PURE__ */ s(
-          En,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: R, children: /* @__PURE__ */ s(
+          In,
           {
             filters: n,
             sort: i,
@@ -4976,7 +4994,7 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
             onAddedToChannel: p,
             onChannelUpdated: b,
             Paginator: d,
-            Preview: Fs,
+            Preview: Bs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -4985,11 +5003,11 @@ const Ki = { last_message_at: -1 }, Zi = j.memo(
     );
   }
 );
-Zi.displayName = "ChannelList";
-const 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%`, Ji = {
+eo.displayName = "ChannelList";
+const 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%`, to = {
   sent: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
   received: "var(--str-chat__message-bubble-background-color, #f1f0ee)"
-}, Qi = ({ variant: e }) => /* @__PURE__ */ s(
+}, so = ({ variant: e }) => /* @__PURE__ */ s(
   "span",
   {
     "aria-hidden": "true",
@@ -4999,12 +5017,12 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       insetInlineStart: e === "received" ? "calc(-1 * 0.25rem)" : void 0,
       transform: e === "received" ? "scaleX(-1)" : void 0,
       transformOrigin: "center",
-      backgroundColor: Ji[e],
+      backgroundColor: to[e],
       WebkitMask: Qt,
       mask: Qt
     }
   }
-), eo = {
+), no = {
   sent: {
     backgroundColor: "var(--str-chat__own-message-bubble-background-color, #1e2330)",
     color: "var(--str-chat__own-message-bubble-color, #fff)"
@@ -5013,7 +5031,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     backgroundColor: "var(--str-chat__message-bubble-background-color, #f1f0ee)",
     color: "var(--str-chat__message-bubble-color, #000000)"
   }
-}, Bs = ({
+}, $s = ({
   variant: e,
   text: t,
   tail: n = !0,
@@ -5029,23 +5047,23 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
       r
     ),
     style: {
-      ...eo[e],
+      ...no[e],
       borderRadius: "var(--str-chat__message-bubble-border-radius, 1.5rem)",
       isolation: "isolate"
     },
     children: [
       a != null && /* @__PURE__ */ s("div", { className: "mb-1 font-medium", "data-testid": "message-bubble-header", children: a }),
       /* @__PURE__ */ s("p", { className: "m-0 whitespace-pre-wrap break-words", children: t }),
-      n && /* @__PURE__ */ s(Qi, { variant: e })
+      n && /* @__PURE__ */ s(so, { variant: e })
     ]
   }
-), to = ({
+), ao = ({
   text: e,
   tail: t,
   header: n,
   className: a
 }) => /* @__PURE__ */ s(
-  Bs,
+  $s,
   {
     variant: "received",
     text: e,
@@ -5053,10 +5071,10 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     header: n,
     className: a
   }
-), so = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s(Bs, { variant: "sent", text: e, tail: t, className: n }), vo = {
-  Sent: so,
-  Received: to
-}, no = ({
+), ro = ({ text: e, tail: t, className: n }) => /* @__PURE__ */ s($s, { variant: "sent", text: e, tail: t, className: n }), _o = {
+  Sent: ro,
+  Received: ao
+}, io = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5078,7 +5096,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
     ),
     children: e
   }
-), xo = ({
+), No = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5090,7 +5108,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
   const o = e.filter((d) => d.enabled).sort((d, u) => (d.order ?? 0) - (u.order ?? 0));
   return o.length === 0 ? null : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      be,
+      ve,
       {
         id: l || "account",
         name: l || "Account",
@@ -5107,7 +5125,7 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            no,
+            io,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5123,40 +5141,40 @@ const Qt = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
 export {
   hs as A,
   ot as B,
-  ji as C,
+  Hi as C,
   cs as D,
-  po as E,
-  xo as F,
-  Or as G,
-  va as H,
-  sa as I,
+  xo as E,
+  No as F,
+  Br as G,
+  wa as H,
+  aa as I,
   Ht as L,
-  fo as M,
-  ve as a,
-  be as b,
-  Zi as c,
-  zs as d,
-  go as e,
-  no as f,
+  bo as M,
+  xe as a,
+  ve as b,
+  eo as c,
+  Os as d,
+  vo as e,
+  io as f,
   oe as g,
   Re as h,
-  xe as i,
-  vo as j,
-  Yr as k,
-  ho as l,
-  bo as m,
-  tr as n,
+  we as i,
+  _o as j,
+  qr as k,
+  po as l,
+  wo as m,
+  nr as n,
   de as o,
-  Ja as p,
-  Xi as q,
-  ge as r,
-  er as s,
+  er as p,
+  Ji as q,
+  be as r,
+  sr as s,
   us as t,
   ps as u,
-  ia as v,
-  Ha as w,
-  xa as x,
+  la as v,
+  Wa as w,
+  _a as x,
   ls as y,
   it as z
 };
-//# sourceMappingURL=index-B5xEngCd.js.map
+//# sourceMappingURL=index-vYOR0x6o.js.map