@linktr.ee/messaging-react 3.6.2-rc-1783314663 → 3.6.2-rc-1783332217

package/dist/{index-DPwo1avm.js → index-wFe1UO9t.js}

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as m, Fragment as te } from "react/jsx-runtime";
-import U, { createContext as at, useContext as Se, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Vs, useMemo as ae, Suspense as rt } from "react";
-import { StreamChatService as Gs } from "@linktr.ee/messaging-core";
-import { StreamChat as Hs, LinkPreviewsManager as Ht } from "stream-chat";
-import { Chat as Ys, useChannelStateContext as ue, useChatContext as me, DateSeparator as qs, areMessageUIPropsEqual as Ws, useMessageReminder as Xs, useComponentContext as rs, Attachment as Ks, EditMessageModal as Js, MessageBlocked as Zs, MessageBouncePrompt as Qs, MessageDeleted as en, MessageIsThreadReplyInChannelButtonIndicator as tn, MessageRepliesCountButton as sn, ReminderNotification as nn, StreamedMessageText as an, messageHasAttachments as rn, messageHasReactions as ln, isDateSeparatorMessage as on, isMessageBlocked as cn, isMessageBounced as dn, MessageBounceModal as un, MessageText as Yt, MessageErrorIcon as qt, Poll as mn, useMessageContext as Ie, useMessageComposer as hn, useStateStore as fn, MessageInput as gn, useMessageInputContext as pn, useMessageComposerHasSendableData as bn, AttachmentPreviewList as vn, QuotedMessagePreview as xn, TextareaComposer as wn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as _n, useAIState as Nn, Channel as yn, WithComponents as kn, Window as Cn, MessageList as En, ChannelList as Sn, InfiniteScroll as In } from "stream-chat-react";
-import { StarIcon as Ee, DotsThreeIcon as Tn, SpinnerGapIcon as ze, SignOutIcon as An, ProhibitInsetIcon as Wt, FlagIcon as is, ArrowLeftIcon as Qe, CurrencyDollarIcon as Mn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as ls, ImageIcon as Rn, SpeakerHighIcon as Ln, VideoCameraIcon as os, FileMdIcon as Dn, FileTextIcon as zn, FileZipIcon as Pn, FilePptIcon as Fn, FileCsvIcon as On, FileXlsIcon as $n, FileDocIcon as jn, FilePdfIcon as Bn, CircleNotchIcon as ke, PlayIcon as et, PauseIcon as Un, LinkIcon as Vn, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Gn, ChecksIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, PencilSimpleIcon as Xn, TrashSimpleIcon as Kn, ArrowUpIcon as Jn, ProhibitIcon as Zn } from "@phosphor-icons/react";
+import { jsx as s, jsxs as m, Fragment as ee } from "react/jsx-runtime";
+import U, { createContext as rt, useContext as Ie, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Gs, useMemo as se, Suspense as it } from "react";
+import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
+import { Chat as qs, useChannelStateContext as le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, MessageText as qt, MessageErrorIcon as Wt, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as et, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as jn, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Be, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
 import k from "classnames";
-import { MessageActions as Qn, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
-const ds = at({
+import { MessageActions as ta, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
+const us = rt({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const ds = at({
   refreshConnection: async () => {
   },
   debug: !1
-}), it = () => Se(ds), ll = ({
+}), lt = () => Ie(us), dl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -24,7 +24,7 @@ const ds = at({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var A, S;
+  var A, E;
   const l = J(
     (C, ...I) => {
       i && console.log(`🔥 [MessagingProvider] ${C}`, ...I);
@@ -39,8 +39,8 @@ const ds = at({
   });
   const [o, d] = B(null), [u, p] = B(null), [h, g] = B(!1), [c, v] = B(!1), [w, b] = B(null), f = G(!1), x = G(null), N = G(n);
   N.current = n;
-  const E = G(i);
-  E.current = i;
+  const S = G(i);
+  S.current = i;
   const T = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
@@ -62,12 +62,12 @@ const ds = at({
     serviceConfig: n,
     capabilities: r
   };
-  const D = G(null);
-  a && ((A = D.current) == null ? void 0 : A.apiKey) !== a && (D.current = { apiKey: a, client: new Hs(a) });
-  const L = a ? ((S = D.current) == null ? void 0 : S.client) ?? null : null;
+  const L = G(null);
+  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new Ys(a) });
+  const D = a ? ((E = L.current) == null ? void 0 : E.client) ?? null : null;
   K(() => {
     const C = M.current, I = N.current;
-    if (!a || !L || !I) {
+    if (!a || !D || !I) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: C,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -78,17 +78,17 @@ const ds = at({
       renderCount: C,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Gs({
+    const $ = new Hs({
       ...I,
       apiKey: a,
-      debug: E.current,
-      client: L
+      debug: S.current,
+      client: D
     });
     x.current = $, d($), l("✅ SERVICE SET", {
       renderCount: C,
       serviceInstance: !!$
     });
-  }, [a, L]);
+  }, [a, D]);
   const O = G(null);
   K(() => {
     var I, $;
@@ -137,12 +137,12 @@ const ds = at({
       }
     })();
   }, [o, t, l, h]), K(() => {
-    const C = L;
+    const C = D;
     return () => {
       var I;
       C && (O.current = null, (I = x.current) == null || I.disconnectUser().catch(console.error));
     };
-  }, [L]);
+  }, [D]);
   const z = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
@@ -194,19 +194,19 @@ const ds = at({
   ]);
   return l("🔄 RENDER END", {
     renderCount: M.current,
-    willRenderChat: !!L,
+    willRenderChat: !!D,
     contextValueReady: !!y
-  }), /* @__PURE__ */ s(ds.Provider, { value: y, children: L ? /* @__PURE__ */ s(
-    Ys,
+  }), /* @__PURE__ */ s(us.Provider, { value: y, children: D ? /* @__PURE__ */ s(
+    qs,
     {
-      client: L,
+      client: D,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, ea = () => it(), lt = (e) => {
+}, sa = () => lt(), ot = (e) => {
   var a, r;
   const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -228,14 +228,14 @@ const ds = at({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, ta = "linktree-official", sa = "linktree-official-sender";
+}, na = "linktree-official", aa = "linktree-official-sender";
 function Ue(e, t, n) {
   const a = Object.values(e || {});
-  if (n === ta) {
+  if (n === na) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === sa;
+        return ((l = i.user) == null ? void 0 : l.id) === aa;
       }
     );
     if (r) return r;
@@ -247,18 +247,18 @@ function Ue(e, t, n) {
     }
   );
 }
-const na = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-function aa(e) {
-  return na.test(e.trim());
+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());
 }
-function Xt(e, t) {
+function Kt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !aa(n);
+  return !n || t && n === t ? !1 : !ia(n);
 }
-function ot(e) {
-  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function ct(e) {
+  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Kt = [
+const Jt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -286,7 +286,7 @@ const Kt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ra(e) {
+function la(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -294,16 +294,16 @@ function ra(e) {
   }
   return Math.abs(t);
 }
-function us(e) {
-  return Kt[ra(e) % Kt.length];
+function ms(e) {
+  return Jt[la(e) % Jt.length];
 }
-function ia(e) {
-  return us(e).emoji;
+function oa(e) {
+  return ms(e).emoji;
 }
-function la(e) {
-  return us(e).bgColor;
+function ca(e) {
+  return ms(e).bgColor;
 }
-const se = ({
+const ne = ({
   id: e,
   image: t,
   size: n = 40,
@@ -312,7 +312,7 @@ const se = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = ia(e), d = la(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, g = 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 = oa(e), d = ca(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, g = 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,
@@ -376,7 +376,7 @@ const se = ({
       ]
     }
   );
-}, oa = "https://linktr.ee/s/about/trust-center/report", ca = ({
+}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -390,53 +390,53 @@ const se = ({
   logLabel: p = "useChannelModerationActions"
 }) => {
   var A;
-  const { service: h, debug: g } = it(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, E] = B(!1), [T, M] = B(!1), D = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
+  const { service: h, debug: g } = lt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, S] = B(!1), [T, M] = B(!1), L = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
   return K(() => {
     if (!v || !h || !c) {
       b(!1), x(null);
       return;
     }
-    let S = !1;
+    let E = !1;
     return (async () => {
       try {
         const C = await h.getBlockedUsers();
-        if (S) return;
+        if (E) return;
         b(
           C.some(
             (I) => I.blocked_user_id === c
           )
         );
       } catch (C) {
-        S || console.error(`[${p}] Failed to check blocked status:`, C);
+        E || console.error(`[${p}] Failed to check blocked status:`, C);
       } finally {
-        S || x({ participantId: c, service: h });
+        E || x({ participantId: c, service: h });
       }
     })(), () => {
-      S = !0;
+      E = !0;
     };
   }, [v, h, c, p]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
+    isCheckingBlockedStatus: L,
     isLeaving: N,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
-      var S;
+      var E;
       if (!N) {
-        l == null || l(), g && console.log(`[${p}] Leave conversation`, e.cid), E(!0);
+        l == null || l(), g && console.log(`[${p}] Leave conversation`, e.cid), S(!0);
         try {
-          const C = ((S = e._client) == null ? void 0 : S.userID) ?? null;
+          const C = ((E = e._client) == null ? void 0 : E.userID) ?? null;
           await e.hide(C, !1), r && await r(e), u == null || u();
         } catch (C) {
           console.error(`[${p}] Failed to leave conversation`, C);
         } finally {
-          E(!1);
+          S(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var S, C, I;
+      var E, C, I;
       if (!(T || !h)) {
-        o == null || o(), g && console.log(`[${p}] Block member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), M(!0);
+        o == null || o(), g && console.log(`[${p}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await h.blockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
         } catch ($) {
@@ -447,9 +447,9 @@ const se = ({
       }
     },
     handleUnblockUser: async () => {
-      var S, C, I;
+      var E, C, I;
       if (!(T || !h)) {
-        o == null || o(), g && console.log(`[${p}] Unblock member`, (S = t == null ? void 0 : t.user) == null ? void 0 : S.id), M(!0);
+        o == null || o(), g && console.log(`[${p}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await h.unBlockUser((C = t == null ? void 0 : t.user) == null ? void 0 : C.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
         } catch ($) {
@@ -460,10 +460,10 @@ const se = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(oa, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(da, "_blank", "noopener,noreferrer");
     }
   };
-}, _e = ({
+}, Ne = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -480,7 +480,7 @@ const se = ({
     ...a,
     children: n
   }
-), tt = ({
+), st = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -494,16 +494,16 @@ const se = ({
   customChannelActions: p,
   triggerClassName: h
 }) => {
-  const [g, c] = B(!1), v = G(null), w = Vs(), b = J(() => c(!1), []), {
+  const [g, c] = B(!1), v = G(null), w = Gs(), b = J(() => c(!1), []), {
     isParticipantBlocked: f,
     isCheckingBlockedStatus: x,
     isLeaving: N,
-    isUpdatingBlockStatus: E,
+    isUpdatingBlockStatus: S,
     handleLeaveConversation: T,
     handleBlockUser: M,
-    handleUnblockUser: D,
-    handleReportUser: L
-  } = ca({
+    handleUnblockUser: L,
+    handleReportUser: D
+  } = ua({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -537,7 +537,7 @@ const se = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((z) => !z),
         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" })
         ]
       }
@@ -553,13 +553,13 @@ const se = ({
         ),
         children: /* @__PURE__ */ m("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(
-            _e,
+            Ne,
             {
               onClick: T,
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(An, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -567,35 +567,35 @@ const se = ({
           a && /* @__PURE__ */ s("li", { children: x ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ m(_e, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ m(Ne, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : f ? /* @__PURE__ */ m(
-            _e,
+            Ne,
             {
-              onClick: D,
-              disabled: E,
-              "aria-busy": E,
+              onClick: L,
+              disabled: S,
+              "aria-busy": S,
               children: [
-                E ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ m(
-            _e,
+            Ne,
             {
               onClick: M,
-              disabled: E,
-              "aria-busy": E,
+              disabled: S,
+              "aria-busy": S,
               children: [
-                E ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(_e, { variant: "danger", onClick: L, children: [
-            /* @__PURE__ */ s(is, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(Ne, { variant: "danger", onClick: D, children: [
+            /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           p
@@ -603,10 +603,10 @@ const se = ({
       }
     )
   ] });
-}, We = "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", da = "CUSTOMER_PAID", ua = "Replies instantly with AI assistant", ma = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === da, ha = (e) => {
+}, We = "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", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ma);
-}, fa = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
+}, pa = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -624,8 +624,8 @@ const se = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: w
 }) => {
-  var L, O, z;
-  const { channel: b } = ue(), { client: f } = me(), x = U.useMemo(
+  var D, O, z;
+  const { channel: b } = le(), { client: f } = oe(), x = U.useMemo(
     () => {
       var y;
       return Ue(
@@ -634,8 +634,8 @@ const se = ({
         b.type
       );
     },
-    [(L = b.state) == null ? void 0 : L.members, f == null ? void 0 : f.userID, b.type]
-  ), N = ot(x == null ? void 0 : x.user), E = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = lt(b), M = ha(x), D = async () => {
+    [(D = b.state) == null ? void 0 : D.members, f == null ? void 0 : f.userID, b.type]
+  ), N = ct(x == null ? void 0 : x.user), S = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = ot(b), M = ga(x), L = async () => {
     try {
       T ? await b.unpin() : await b.pin();
     } catch (y) {
@@ -657,7 +657,7 @@ const se = ({
         }),
         type: "button",
         "aria-label": "Back to conversations",
-        children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
+        children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
       }
     ) }),
     /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: /* @__PURE__ */ m(
@@ -669,11 +669,11 @@ const se = ({
         className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
         children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((z = x == null ? void 0 : x.user) == null ? void 0 : z.id) || b.id || "unknown",
               name: N,
-              image: E,
+              image: S,
               dmAgentEnabled: a,
               shape: "circle",
               size: 48,
@@ -689,7 +689,7 @@ const se = ({
                   {
                     "aria-label": "Paid customer",
                     className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                    children: /* @__PURE__ */ s(Mn, { className: "size-2.5", weight: "bold" })
+                    children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
                   }
                 ),
                 n && T && /* @__PURE__ */ s(
@@ -712,7 +712,7 @@ const se = ({
             ] }),
             a && /* @__PURE__ */ m("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ s("span", { children: ua })
+              /* @__PURE__ */ s("span", { children: ha })
             ] })
           ] })
         ]
@@ -723,7 +723,7 @@ const se = ({
         "button",
         {
           className: We,
-          onClick: D,
+          onClick: L,
           type: "button",
           "aria-pressed": T,
           "aria-label": T ? "Unstar conversation" : "Star conversation",
@@ -740,7 +740,7 @@ const se = ({
         }
       ),
       v && (c !== void 0 ? c : /* @__PURE__ */ s(
-        tt,
+        st,
         {
           channel: b,
           participant: x,
@@ -758,20 +758,20 @@ const se = ({
       ))
     ] })
   ] }) });
-}, ga = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), st = "vote_up", nt = "vote_down";
-function pa(e) {
-  return e != null && e.length ? e.some((t) => t.type === nt) ? "down" : e.some((t) => t.type === st) ? "up" : null : null;
+}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), nt = "vote_up", at = "vote_down";
+function va(e) {
+  return e != null && e.length ? e.some((t) => t.type === at) ? "down" : e.some((t) => t.type === nt) ? "up" : null : null;
 }
-function ba(e) {
-  const { channel: t } = ue(), { client: n } = me("useMessageVote"), a = ae(
-    () => pa(e.own_reactions),
+function xa(e) {
+  const { channel: t } = le(), { client: n } = oe("useMessageVote"), a = se(
+    () => va(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, st) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
           e.id,
-          { type: st },
+          { type: nt },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -779,9 +779,9 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = J(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
           e.id,
-          { type: nt },
+          { type: at },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -789,24 +789,24 @@ function ba(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function va(e) {
+function wa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function ms({
+function hs({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = va(t);
+  const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const xa = U.lazy(() => import("./Card-CqEKHw9S.js")), wa = U.lazy(() => import("./Card-ILtY9lfF.js")), _a = U.lazy(() => import("./Card-Byosl29s.js")), ct = () => /* @__PURE__ */ s(
+const _a = U.lazy(() => import("./Card-iGNcxybY.js")), Na = U.lazy(() => import("./Card-0wf8lj5n.js")), ya = U.lazy(() => import("./Card-RZ6C_IkE.js")), dt = () => /* @__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
   }
-), Na = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(xa, { ...e }) }), hs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(wa, { ...e }) }), fs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), ya = hs, ka = fs, Jt = { Composer: Na, Sent: hs, Received: fs, Creator: ya, Visitor: ka }, Ca = [
+), ka = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), gs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), Ca = fs, Sa = gs, Zt = { Composer: ka, Sent: fs, Received: gs, Creator: Ca, Visitor: Sa }, Ea = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -816,42 +816,42 @@ const xa = U.lazy(() => import("./Card-CqEKHw9S.js")), wa = U.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function le(e) {
+function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function gs(e) {
-  const t = Ca.find(
+function ps(e) {
+  const t = Ea.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ea = {
-  video: os,
-  audio: Ln,
-  image: Rn,
-  document: ls
-}, Sa = {
-  pdf: Bn,
-  doc: jn,
-  xls: $n,
-  csv: On,
-  ppt: Fn,
-  zip: Pn,
-  text: zn,
-  markdown: Dn,
-  generic: ls
+const Ia = {
+  video: cs,
+  audio: zn,
+  image: Ln,
+  document: os
+}, Ta = {
+  pdf: Vn,
+  doc: Un,
+  xls: Bn,
+  csv: jn,
+  ppt: $n,
+  zip: On,
+  text: Fn,
+  markdown: Pn,
+  generic: os
 };
-function Ia(e) {
-  const t = le(e);
-  return t !== "document" ? Ea[t] : Sa[gs(e)];
+function Aa(e) {
+  const t = ce(e);
+  return t !== "document" ? Ia[t] : Ta[ps(e)];
 }
 function we(e, t) {
-  return U.createElement(Ia(e), t);
+  return U.createElement(Aa(e), t);
 }
-const Ta = (e) => {
+const Ma = (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;
-}, Aa = ({
+}, Ra = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -863,21 +863,21 @@ const Ta = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = le(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, E] = B(!1), [T, M] = B(!1), [D, L] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [S, C] = B(null), I = J(() => {
-    L(!1), b(!0);
+  const p = ce(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, S] = B(!1), [T, M] = B(!1), [L, D] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [E, C] = B(null), I = J(() => {
+    D(!1), b(!0);
   }, []), $ = J((_) => {
     const R = g.current;
     if (!R) return 0;
     const H = R.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Ta(_) - H.left) / H.width)
+      Math.min(1, (Ma(_) - H.left) / H.width)
     );
   }, []), F = J((_) => {
     const R = h.current;
     R && R.duration && (R.currentTime = _ * R.duration);
   }, []), V = (_) => {
-    _.stopPropagation(), E(!0);
+    _.stopPropagation(), S(!0);
     const R = $(_);
     x(R), F(R);
   };
@@ -898,31 +898,31 @@ const Ta = (e) => {
   }, [w, N]), K(() => {
     const _ = h.current;
     _ && (w ? _.play().catch((R) => {
-      b(!1), L(!0);
+      b(!1), D(!0);
     }) : _.pause());
   }, [w]), K(() => {
     if (!N) return;
     const _ = (H) => x($(H)), R = (H) => {
-      E(!1), F($(H));
+      S(!1), F($(H));
     };
     return window.addEventListener("mousemove", _), window.addEventListener("mouseup", R), window.addEventListener("touchmove", _, { passive: !0 }), window.addEventListener("touchend", R), () => {
       window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", R);
     };
   }, [N, $, F]);
-  const Q = S ? { aspectRatio: String(S) } : void 0, ee = S ? "" : " aspect-video", X = Math.round(f * 100);
+  const Q = E ? { aspectRatio: String(E) } : void 0, te = E ? "" : " aspect-video", X = Math.round(f * 100);
   return /* @__PURE__ */ m(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${ee}`,
+      className: `relative cursor-pointer overflow-hidden bg-black ${te}`,
       style: Q,
       onClick: (_) => {
         if (u) {
           u(_);
           return;
         }
-        D || l && b((R) => !R);
+        L || l && b((R) => !R);
       },
       onKeyDown: (_) => {
         if (!(_.key !== "Enter" && _.key !== " ")) {
@@ -930,7 +930,7 @@ const Ta = (e) => {
             u(_);
             return;
           }
-          D || l && b((R) => !R);
+          L || l && b((R) => !R);
         }
       },
       children: [
@@ -959,7 +959,7 @@ const Ta = (e) => {
               z(!1), A(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onEnded: () => {
               i || (b(!1), x(0));
             },
@@ -979,7 +979,7 @@ const Ta = (e) => {
               z(!1), A(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onLoadedMetadata: () => {
               const _ = h.current;
               _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && C(_.videoWidth / _.videoHeight);
@@ -990,14 +990,14 @@ const Ta = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        O && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
-          ke,
+        O && !L && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+          Ce,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !l && /* @__PURE__ */ s(
+        L && !l && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1010,7 +1010,7 @@ const Ta = (e) => {
             onKeyDown: (_) => {
               _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), I());
             },
-            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(et, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(tt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         o && !l && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ s(
@@ -1049,7 +1049,7 @@ const Ta = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(Un, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(et, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(tt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1099,7 +1099,7 @@ const Ta = (e) => {
       ]
     }
   );
-}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ma = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ps = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1108,9 +1108,9 @@ const Ta = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = le(e), [d, u] = B(!1);
+  const o = ce(e), [d, u] = B(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Aa,
+    Ra,
     {
       source: t,
       mimeType: e,
@@ -1157,11 +1157,11 @@ const Ta = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ma(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1174,12 +1174,12 @@ const Ta = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
   );
-}, bs = ({
+}, vs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1245,28 +1245,28 @@ const Ta = (e) => {
     }
   );
 };
-function vs(e) {
+function xs(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function dt(e) {
+function ut(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
-function Ra(e) {
+function La(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function La(e) {
+function za(e) {
   return e ? "text-white" : "text-black";
 }
-function Da(e) {
+function Pa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function za(e) {
+function Fa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Pa(e) {
+function Oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const ut = ({ attachment: e, isMyMessage: t }) => {
+const mt = ({ attachment: e, isMyMessage: t }) => {
   const { title: n, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ m(U.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
@@ -1278,26 +1278,26 @@ const ut = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ s(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${Ra(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Vn, { className: `size-12 ${Pa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      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 ${za(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${za(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Pa(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Fa(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 });
 };
-function xs(e) {
+function ws(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function mt(e) {
+function ht(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(xs);
+  return (t = e.attachments) == null ? void 0 : t.find(ws);
 }
-async function Fa(e, t) {
+async function $a(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1309,7 +1309,7 @@ async function Fa(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 Oa = ({
+const ja = ({
   url: e,
   filename: t
 }) => {
@@ -1321,7 +1321,7 @@ const Oa = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Fa(e, t).then(() => {
+        a(!0), $a(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1329,14 +1329,14 @@ const Oa = ({
       },
       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(ke, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(U.Fragment, { children: [
-        /* @__PURE__ */ s(Ce, { className: "size-4 text-white", weight: "bold" }),
+      children: n ? /* @__PURE__ */ s(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(U.Fragment, { children: [
+        /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function ht(e) {
+function ft(e) {
   var h, g, c, v;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (w) => w.type === "video" && w.asset_url
@@ -1357,16 +1357,16 @@ function ht(e) {
     thumbnailUrl: p
   };
 }
-const ws = ({
+const _s = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? vs(a) : void 0;
+  const i = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
-    bs,
+    vs,
     {
       variant: "dark",
       title: n,
@@ -1374,7 +1374,7 @@ const ws = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        ps,
+        bs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1385,23 +1385,23 @@ const ws = ({
       )
     }
   );
-}, _s = ({
+}, Ns = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? vs(a) : void 0;
+  const i = ce(t), l = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
-    bs,
+    vs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ s(
-        ps,
+        bs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1411,17 +1411,17 @@ const ws = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s(Oa, { url: e, filename: n })
+      action: /* @__PURE__ */ s(ja, { url: e, filename: n })
     }
   );
-}, $a = ({
+}, Ba = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = mt(e), a = ht(e);
+  const n = ht(e), a = ft(e);
   return !n && !a ? null : /* @__PURE__ */ m("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(
-      se,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1439,41 +1439,41 @@ const ws = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ws, { ...a }) : /* @__PURE__ */ s(_s, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ut(t), children: /* @__PURE__ */ s(mt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
           }
         ) })
       }
     )
   ] });
-}, ja = ({
+}, Ua = ({
   message: e
 }) => {
-  const t = mt(e);
+  const t = ht(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !0 }) });
-  const n = ht(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ws, { ...n }) }) : null;
-}, Ba = ({
+    return /* @__PURE__ */ s("div", { className: ut(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !0 }) });
+  const n = ft(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
+}, Va = ({
   message: e
 }) => {
-  const t = mt(e);
+  const t = ht(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !1 }) });
-  const n = ht(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
-}, ol = Object.assign($a, {
-  Creator: ja,
-  Visitor: Ba
-}), Ua = {
+    return /* @__PURE__ */ s("div", { className: ut(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !1 }) });
+  const n = ft(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
+}, ul = Object.assign(Ba, {
+  Creator: Ua,
+  Visitor: Va
+}), Ga = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Va = {
+}, Ha = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Ga = {
+}, Ya = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ha = (e) => e === "dark" ? "sender" : "receiver", Ya = {
+}, qa = (e) => e === "dark" ? "sender" : "receiver", Wa = {
   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]",
@@ -1495,7 +1495,7 @@ const ws = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = Ya[Ha(e)][a];
+  const o = t != null && t !== "", d = Wa[qa(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1510,10 +1510,10 @@ const ws = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Ua[e],
-        Va[e],
+        Ga[e],
+        Ha[e],
         n && "border",
-        n && Ga[e],
+        n && Ya[e],
         r
       ),
       children: [
@@ -1556,16 +1556,16 @@ const ws = ({
     ),
     children: /* @__PURE__ */ s(Be, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", qa = ({
+), Me = (e) => e === "received" ? "light" : "dark", Xa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Wa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ka = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Xa = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1577,7 +1577,7 @@ const ws = ({
     }
   ),
   n ?? null
-] }), ft = ({
+] }), gt = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1588,7 +1588,7 @@ const ws = ({
   preload: o,
   onDismiss: d
 }) => {
-  const u = Me(e), p = e === "composer" && !!d, h = Wa({ src: t, mimeType: n, filename: a, items: r });
+  const u = Me(e), p = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const g = o ?? (h.length > 1 ? "none" : "metadata");
@@ -1600,7 +1600,7 @@ const ws = ({
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, v) => /* @__PURE__ */ s(
-        Xa,
+        Ja,
         {
           item: c,
           preload: g,
@@ -1614,15 +1614,15 @@ const ws = ({
       )) })
     }
   );
-}, Ka = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), Ja = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Za = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), Qa = {
-  Composer: Ka,
-  Sent: Ja,
-  Received: Za
+}, Za = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), tr = {
+  Composer: Za,
+  Sent: Qa,
+  Received: er
 };
-function er(e) {
+function sr(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 tr = {
+const nr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1632,7 +1632,7 @@ const tr = {
   text: "TXT",
   markdown: "MD"
 };
-function sr(e, t) {
+function ar(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1641,8 +1641,8 @@ function sr(e, t) {
     }
   }
   if (!e) return;
-  if (le(e) === "document") {
-    const r = gs(e), i = tr[r];
+  if (ce(e) === "document") {
+    const r = ps(e), i = nr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1650,8 +1650,8 @@ function sr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function nr(e, t, n) {
-  const a = sr(e, t), r = typeof n == "number" && n > 0 ? er(n) : void 0;
+function rr(e, t, n) {
+  const a = ar(e, t), r = typeof n == "number" && n > 0 ? sr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1662,16 +1662,16 @@ function re(e) {
     return "download";
   }
 }
-const ar = {
+const ir = {
   dark: "text-white/55",
   light: "text-black/65"
-}, rr = {
+}, lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, ir = {
+}, or = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Ns = ({
+}, ys = ({
   variant: e,
   filename: t,
   title: n,
@@ -1681,16 +1681,16 @@ const ar = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", u = nr(a, t, r), p = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = rr(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        rr[e]
+        lr[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", ir[e]),
+        className: k("size-6", or[e]),
         weight: "regular"
       })
     }
@@ -1701,7 +1701,7 @@ const ar = {
       {
         className: k(
           "truncate text-xs leading-4",
-          ar[e]
+          ir[e]
         ),
         children: u
       }
@@ -1721,7 +1721,7 @@ const ar = {
         h
       ]
     }
-  ) : /* @__PURE__ */ m(te, { children: [
+  ) : /* @__PURE__ */ m(ee, { children: [
     p,
     h
   ] });
@@ -1730,7 +1730,7 @@ const ar = {
     o ? /* @__PURE__ */ s("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function ys(e, t) {
+async function ks(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1744,14 +1744,14 @@ async function ys(e, t) {
     }
   }
 }
-const lr = ({
+const cr = ({
   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 }] : [], or = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], dr = ({
   variant: e,
   item: t,
   index: n,
@@ -1760,7 +1760,7 @@ const lr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ns,
+    ys,
     {
       variant: e,
       filename: i,
@@ -1772,7 +1772,7 @@ const lr = ({
       trailingAction: r
     }
   );
-}, gt = ({
+}, pt = ({
   state: e,
   src: t,
   filename: n,
@@ -1785,7 +1785,7 @@ const lr = ({
   onClick: u,
   onDismiss: p
 }) => {
-  const h = Me(e), g = e === "composer" && !!p, c = lr({
+  const h = Me(e), g = e === "composer" && !!p, c = cr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1797,7 +1797,7 @@ const lr = ({
     const f = c[b];
     if (!f) return;
     const x = f.filename ?? re(f.src);
-    ys(f.src, x);
+    ks(f.src, x);
   };
   if (c.length === 0)
     return null;
@@ -1809,7 +1809,7 @@ const lr = ({
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ s(Ce, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ s(Se, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ s(
@@ -1820,7 +1820,7 @@ const lr = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((b, f) => /* @__PURE__ */ s(
-        or,
+        dr,
         {
           variant: h,
           item: b,
@@ -1832,16 +1832,16 @@ const lr = ({
       )) })
     }
   );
-}, cr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), dr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), ur = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), mr = {
-  Composer: cr,
-  Sent: dr,
-  Received: ur
-}, pt = ({
+}, ur = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), fr = {
+  Composer: ur,
+  Sent: mr,
+  Received: hr
+}, bt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ m(te, { children: [
+}) => /* @__PURE__ */ m(ee, { children: [
   /* @__PURE__ */ s(
     "button",
     {
@@ -1849,7 +1849,7 @@ const lr = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Gn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1862,7 +1862,7 @@ const lr = ({
       children: /* @__PURE__ */ s(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), ks = ({
+] }), Cs = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1873,7 +1873,7 @@ const lr = ({
 }) => {
   const [o, d] = B(!1), u = J(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), ys(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), ks(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -1898,14 +1898,14 @@ const lr = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ s(
-        ke,
+        Ce,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ s(
-        Ce,
+        Se,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -1921,7 +1921,7 @@ const lr = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ s(ke, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ m(
     "button",
@@ -1936,18 +1936,18 @@ const lr = ({
       ),
       children: [
         o ? /* @__PURE__ */ s(
-          ke,
+          Ce,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Ce, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ s(Se, { ...g, "aria-hidden": !0 }),
         p ? null : a
       ]
     }
   );
-}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), bt = ({
+}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), vt = ({
   length: e,
   initialIndex: t,
   open: n
@@ -1972,7 +1972,7 @@ const lr = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, l, o]), { index: r, prev: l, next: o };
-}, vt = ({
+}, xt = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2062,29 +2062,29 @@ const lr = ({
       ]
     }
   );
-}, Cs = ({
+}, Ss = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = bt({
+  const { index: r, prev: i, next: l } = vt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
     [o]
   );
   return o ? /* @__PURE__ */ m(
-    vt,
+    xt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        ks,
+        Cs,
         {
           url: o.src,
           filename: d,
@@ -2107,7 +2107,7 @@ const lr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          pt,
+          bt,
           {
             onPrev: i,
             onNext: l,
@@ -2118,7 +2118,7 @@ const lr = ({
       ]
     }
   ) : null;
-}, 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", Es = ({
+}, gr = "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", Es = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2127,7 +2127,7 @@ const lr = ({
   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, p) => {
-    const h = k(hr, "h-full w-full");
+    const h = k(gr, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -2196,7 +2196,7 @@ const lr = ({
     [e]
   ), l = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, fr = (e, t, n, a) => ({
+}, pr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2211,15 +2211,15 @@ const lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), gr = ({
+}), br = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Ss = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Is = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), pr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), vr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Re(
     r
   );
@@ -2246,16 +2246,16 @@ const lr = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Cs,
+      Ss,
       {
         open: l,
-        items: Ss([{ src: e, alt: t }], n),
+        items: Is([{ src: e, alt: t }], n),
         initialIndex: o,
         onClose: u
       }
     )
   ] });
-}, Is = ({
+}, Ts = ({
   state: e,
   src: t,
   alt: n,
@@ -2266,13 +2266,13 @@ const lr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = gr({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: v } = Re(
+  const u = br({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: v } = Re(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (b, f) => fr(b, f, u.length, o)
+    (b, f) => pr(b, f, u.length, o)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2284,10 +2284,10 @@ const lr = ({
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Es, { tiles: w, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Cs,
+          Ss,
           {
             open: h,
-            items: Ss(u, a),
+            items: Is(u, a),
             initialIndex: g,
             onClose: v
           }
@@ -2295,29 +2295,29 @@ const lr = ({
       ]
     }
   );
-}, br = (e) => /* @__PURE__ */ s(pr, { ...e }), vr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "sent" }), xr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "received" }), wr = {
-  Composer: br,
-  Sent: vr,
-  Received: xr
-}, _r = ({
+}, xr = (e) => /* @__PURE__ */ s(vr, { ...e }), wr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), _r = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Nr = {
+  Composer: xr,
+  Sent: wr,
+  Received: _r
+}, yr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = bt({
+  const { index: r, prev: i, next: l } = vt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
     [o]
-  ), u = ae(
-    () => o ? Nr(o.src) : void 0,
+  ), u = se(
+    () => o ? kr(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ m(
-    vt,
+    xt,
     {
       open: e,
       onClose: a,
@@ -2336,7 +2336,7 @@ const lr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          pt,
+          bt,
           {
             onPrev: i,
             onNext: l,
@@ -2347,16 +2347,16 @@ const lr = ({
       ]
     }
   );
-}, Nr = (e) => {
+}, kr = (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()}`;
-}, yr = ({
+}, Cr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], kr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Sr = ({
   variant: e,
   item: t,
   index: n,
@@ -2365,7 +2365,7 @@ const lr = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ns,
+    ys,
     {
       variant: e,
       filename: i,
@@ -2377,7 +2377,7 @@ const lr = ({
       trailingAction: r
     }
   );
-}, xt = ({
+}, wt = ({
   state: e,
   src: t,
   filename: n,
@@ -2389,7 +2389,7 @@ const lr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const p = Me(e), h = yr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Me(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     d
   ), b = e === "composer" && !!u;
   if (h.length === 0)
@@ -2407,18 +2407,18 @@ const lr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((x, N) => {
-          const E = x.filename ?? re(x.src), T = b && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
-            ks,
+          const S = x.filename ?? re(x.src), T = b && N === 0 ? /* @__PURE__ */ s(Ae, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ s(
+            Cs,
             {
               url: x.src,
-              filename: E,
+              filename: S,
               variant: "inline",
-              label: `Download ${E}`,
+              label: `Download ${S}`,
               tone: p
             }
           );
           return /* @__PURE__ */ s(
-            kr,
+            Sr,
             {
               variant: p,
               item: x,
@@ -2430,7 +2430,7 @@ const lr = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          _r,
+          yr,
           {
             open: g,
             items: f,
@@ -2441,26 +2441,26 @@ const lr = ({
       ]
     }
   );
-}, Cr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Ir = {
-  Composer: Cr,
-  Sent: Er,
-  Received: Sr
-}, Ts = ({
+}, Er = (e) => /* @__PURE__ */ s(wt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(wt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(wt, { ...e, state: "received" }), Ar = {
+  Composer: Er,
+  Sent: Ir,
+  Received: Tr
+}, As = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = bt({
+  const { index: r, prev: i, next: l } = vt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
     [o]
   );
   return o ? /* @__PURE__ */ m(
-    vt,
+    xt,
     {
       open: e,
       onClose: a,
@@ -2484,7 +2484,7 @@ const lr = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          pt,
+          bt,
           {
             onPrev: i,
             onNext: l,
@@ -2495,7 +2495,7 @@ const lr = ({
       ]
     }
   ) : null;
-}, 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(et, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), As = ({
+}, Mr = () => /* @__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(tt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ms = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2510,30 +2510,30 @@ const lr = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    os,
+    cs,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Tr, {})
-] }), Ar = (e, t, n) => ({
+  /* @__PURE__ */ s(Mr, {})
+] }), Rr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(As, { item: e, index: t })
-}), Mr = ({
+  content: /* @__PURE__ */ s(Ms, { item: e, index: t })
+}), Dr = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ms = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Rs = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
   preload: n.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Rr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
+})), Lr = ({ src: e, poster: t, mimeType: n, filename: a, preload: r, onClick: i, onDismiss: l }) => {
   const { viewerOpen: o, viewerIndex: d, handleActivate: u, closeViewer: p } = Re(
     i
   );
@@ -2545,15 +2545,15 @@ const lr = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ s(As, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Ms, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: l }) }) : null,
     /* @__PURE__ */ s(
-      Ts,
+      As,
       {
         open: o,
-        items: Ms(
+        items: Rs(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2562,7 +2562,7 @@ const lr = ({
       }
     )
   ] });
-}, Rs = ({
+}, Ds = ({
   state: e,
   src: t,
   poster: n,
@@ -2574,13 +2574,13 @@ const lr = ({
   preload: d,
   onClick: u
 }) => {
-  const p = Mr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     u
   );
   if (p.length === 0)
     return null;
   const b = p.map(
-    (f, x) => Ar(f, x, p.length)
+    (f, x) => Rr(f, x, p.length)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2599,10 +2599,10 @@ const lr = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Ts,
+          As,
           {
             open: g,
-            items: Ms(p, r),
+            items: Rs(p, r),
             initialIndex: c,
             onClose: w
           }
@@ -2610,38 +2610,25 @@ const lr = ({
       ]
     }
   );
-}, Lr = (e) => /* @__PURE__ */ s(Rr, { ...e }), Dr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "sent" }), zr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "received" }), Pr = {
-  Composer: Lr,
-  Sent: Dr,
-  Received: zr
-}, Ne = {
-  Image: wr,
-  Video: Pr,
-  Audio: Qa,
-  Pdf: Ir,
-  File: mr
-}, Fr = {
+}, zr = (e) => /* @__PURE__ */ s(Lr, { ...e }), Pr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "sent" }), Fr = (e) => /* @__PURE__ */ s(Ds, { ...e, state: "received" }), Or = {
+  Composer: zr,
+  Sent: Pr,
+  Received: Fr
+}, ye = {
+  Image: Nr,
+  Video: Or,
+  Audio: tr,
+  Pdf: Ar,
+  File: fr
+}, $r = {
   isUnlocking: () => !1
-}, Or = {
-  LockedAttachment: Fr
-}, Ls = at({}), cl = Ls.Provider;
-function $r(e) {
-  return Se(Ls)[e] ?? Or[e];
+}, jr = {
+  LockedAttachment: $r
+}, Ls = rt({}), ml = Ls.Provider;
+function Br(e) {
+  return Ie(Ls)[e] ?? jr[e];
 }
-const jr = ({
-  message: e,
-  endOfGroup: t
-}) => !t || e.type === "error" || e.status !== "received" ? null : /* @__PURE__ */ m(
-  "div",
-  {
-    className: "str-chat__message-delivery-status",
-    "data-testid": "message-delivery-status",
-    children: [
-      /* @__PURE__ */ s(Hn, { size: 14, weight: "bold", "aria-hidden": "true" }),
-      /* @__PURE__ */ s("span", { children: "Delivered" })
-    ]
-  }
-), Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
+const Ur = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2658,21 +2645,21 @@ const jr = ({
       }
     )
   }
-), Ur = (e) => {
+), Vr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Vr = (e) => {
+}, Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Fe = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Gr = (e) => {
+}, Hr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Ds = (e) => Ur(e) || Vr(e), Hr = (e) => {
+}, zs = (e) => Vr(e) || Gr(e), Yr = (e) => {
   var t;
-  return Ds(e) && !((t = e.text) != null && t.trim());
+  return zs(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -2680,7 +2667,7 @@ const jr = ({
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ds(e), i = Fe(e);
+  const r = zs(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2688,7 +2675,7 @@ const jr = ({
     if (!g) return null;
     const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", v = t ? `${g} tip` : `Delivered with ${g} tip`;
     return /* @__PURE__ */ m("div", { className: c, children: [
-      /* @__PURE__ */ s(Yn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: v })
     ] });
   }
@@ -2696,15 +2683,15 @@ const jr = ({
     "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 }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Br, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ m(te, { children: [
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), p = /* @__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__ */ m(ee, { children: [
     u,
     p
-  ] }) : /* @__PURE__ */ m(te, { children: [
+  ] }) : /* @__PURE__ */ m(ee, { children: [
     p,
     u
   ] }) });
-}, Yr = ({
+}, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2720,7 +2707,7 @@ const jr = ({
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2734,29 +2721,50 @@ const jr = ({
       "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" })
     }
   )
-] }), qr = /^([a-z][a-z0-9+.-]*):/i, Wr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
-function wt(e) {
+] }), Je = () => {
+  var i;
+  const { message: e } = _e("SentMessageDeliveryStatus"), { messages: t } = le("SentMessageDeliveryStatus"), { client: n } = oe("SentMessageDeliveryStatus"), a = (i = n.user) == null ? void 0 : i.id, r = se(() => {
+    var l;
+    if (!(!a || !t)) {
+      for (let o = t.length - 1; o >= 0; o -= 1)
+        if (((l = t[o].user) == null ? void 0 : l.id) === a) return t[o].id;
+    }
+  }, [t, a]);
+  return e.id !== r ? null : /* @__PURE__ */ m(ee, { children: [
+    /* @__PURE__ */ s(Kn, { weight: "bold", "aria-hidden": "true" }),
+    /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
+  ] });
+}, Wr = () => null, Xr = () => /* @__PURE__ */ s(
+  Xs,
+  {
+    MessageSentStatus: Je,
+    MessageDeliveredStatus: Je,
+    MessageReadStatus: Je,
+    MessageSendingStatus: Wr
+  }
+), Kr = /^([a-z][a-z0-9+.-]*):/i, Jr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+function _t(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const n = qr.exec(t);
+  const n = Kr.exec(t);
   if (n) {
     const a = n[1].toLowerCase();
-    return Wr.has(a) ? t : void 0;
+    return Jr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const Xr = {
+const Zr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, Kr = ({ variant: e, cta: t }) => {
+}, Qr = ({ variant: e, cta: t }) => {
   const n = k(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    Xr[e]
-  ), a = wt(t.href);
+    Zr[e]
+  ), a = _t(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -2782,13 +2790,13 @@ const Xr = {
       children: t.label
     }
   );
-}, Jr = {
+}, ei = {
   dark: "text-white",
   light: "text-black/90"
-}, Zr = "text-white/30", Qr = {
+}, ti = "text-white/30", si = {
   dark: "text-white/55",
   light: "text-black/55"
-}, _t = ({
+}, Nt = ({
   variant: e,
   title: t,
   placeholderTitle: n,
@@ -2802,10 +2810,10 @@ const Xr = {
   if (!p && !h && !c && !v) return null;
   const b = k(
     "truncate text-base font-medium leading-6",
-    d && !t ? Zr : Jr[e]
+    d && !t ? ti : ei[e]
   ), f = k(
     "truncate text-xs leading-4",
-    Qr[e]
+    si[e]
   );
   return /* @__PURE__ */ m("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ m("div", { className: "flex items-end gap-3", children: [
@@ -2821,9 +2829,9 @@ const Xr = {
       ] }),
       o && /* @__PURE__ */ s("div", { className: "shrink-0", children: o })
     ] }),
-    l && /* @__PURE__ */ s(Kr, { variant: e, cta: l })
+    l && /* @__PURE__ */ s(Qr, { variant: e, cta: l })
   ] });
-}, ei = k(
+}, ni = k(
   "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"
@@ -2842,7 +2850,7 @@ const Xr = {
   "data-testid": d
 }) => {
   const u = n != null || a != null, p = k(
-    ei,
+    ni,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -2890,17 +2898,17 @@ const Xr = {
       ]
     }
   );
-}, ti = {
+}, ai = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, si = {
+}, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && le(e) === "audio", Nt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", yt = (e, t) => {
   if (!t || !e) return !1;
-  const n = le(e);
+  const n = ce(e);
   return n === "video" || n === "audio";
-}, yt = "bg-[#F2F3F4]", $e = ({
+}, kt = "bg-[#F2F3F4]", $e = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -2909,7 +2917,7 @@ const Xr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = le(r), d = !!n && o === "video";
+  const o = ce(r), d = !!n && o === "video";
   return Ve(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -2951,10 +2959,10 @@ const Xr = {
           {
             className: k(
               "flex h-full w-full items-center justify-center",
-              ti[e]
+              ai[e]
             ),
             children: we(r, {
-              className: si[e],
+              className: ri[e],
               weight: "regular"
             })
           }
@@ -2964,7 +2972,7 @@ const Xr = {
       ]
     }
   );
-}, ni = ({
+}, ii = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -2994,10 +3002,10 @@ const Xr = {
       onClick: h,
       "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(Xn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Jn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: yt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: kt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       $e,
       {
@@ -3026,7 +3034,7 @@ const Xr = {
           }
         ),
         /* @__PURE__ */ s(
-          _t,
+          Nt,
           {
             variant: "dark",
             title: e,
@@ -3041,7 +3049,7 @@ const Xr = {
       ]
     }
   );
-}, ai = ({
+}, li = ({
   title: e,
   description: t,
   url: n,
@@ -3053,7 +3061,7 @@ const Xr = {
   cta: d,
   onClick: u
 }) => {
-  const p = Nt(a, i), h = wt(n), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? yt : void 0, w = d && u ? {
+  const p = yt(a, i), h = _t(n), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? kt : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var b;
@@ -3081,7 +3089,7 @@ const Xr = {
           }
         ),
         /* @__PURE__ */ s(
-          _t,
+          Nt,
           {
             variant: "light",
             title: e,
@@ -3094,7 +3102,7 @@ const Xr = {
       ]
     }
   );
-}, ri = ({
+}, oi = ({
   title: e,
   placeholderTitle: t,
   description: n,
@@ -3107,14 +3115,14 @@ const Xr = {
   cta: u,
   onClick: p
 }) => {
-  const h = Nt(r, l), g = wt(a), c = u == null && g != null && !h ? g : void 0, v = u == null && !h && c != null ? p : void 0;
+  const h = yt(r, l), g = _t(a), c = u == null && g != null && !h ? g : void 0, v = u == null && !h && c != null ? p : void 0;
   return /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
       href: c,
       onClick: v,
-      bgClassName: Ve(r, l) ? yt : void 0,
+      bgClassName: Ve(r, l) ? kt : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ s(
           $e,
@@ -3127,7 +3135,7 @@ const Xr = {
           }
         ),
         /* @__PURE__ */ s(
-          _t,
+          Nt,
           {
             variant: "dark",
             title: e,
@@ -3141,22 +3149,22 @@ const Xr = {
       ]
     }
   );
-}, Qt = {
-  Composer: ni,
-  Sent: ri,
-  Received: ai
-}, ii = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", li = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
+}, es = {
+  Composer: ii,
+  Sent: oi,
+  Received: li
+}, ci = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#121110] px-4 py-2 text-white", di = "mt-[2px] max-w-[280px] whitespace-pre-wrap break-words rounded-[18px] bg-[#e9eaed] px-4 py-2 text-[#080707]";
 function P(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function es(e) {
+function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
-function oi(e, t) {
+function ui(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = es(e), a = es(t);
+  const n = ts(e), a = ts(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3164,7 +3172,7 @@ function oi(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function ts(e) {
+function ss(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),
@@ -3174,19 +3182,19 @@ function ts(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || Nt(r, a) ? "featured" : "classic",
+    layout: n || yt(r, a) ? "featured" : "classic",
     mimeType: r
   };
 }
-function ci(e) {
+function mi(e) {
   var t;
-  return zs(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 Ps(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 zs(e) {
+function Ps(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ps(e) {
+function Fs(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3204,51 +3212,51 @@ function Ps(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (zs(r)) {
+    if (Ps(r)) {
       a(r);
       continue;
     }
-    const i = ci(r);
+    const i = mi(r);
     i && n(i, r);
   }
   return t;
 }
-function di(e) {
+function hi(e) {
   let t = 0;
   for (const n of e)
     t += n.type === "link" ? n.attachments.length : 1;
   return t;
 }
-function ui(e) {
+function fi(e) {
   return e.filter((t) => t.type === "media").length;
 }
-function mi(e, t, n) {
+function gi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ss(e) {
+function ns(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
-function hi(e) {
+function pi(e) {
   switch (e) {
     case "image":
-      return Ne.Image;
+      return ye.Image;
     case "video":
-      return Ne.Video;
+      return ye.Video;
     case "audio":
-      return Ne.Audio;
+      return ye.Audio;
     case "pdf":
-      return Ne.Pdf;
+      return ye.Pdf;
     default:
-      return Ne.File;
+      return ye.File;
   }
 }
-function fi(e, t) {
+function bi(e, t) {
   if (t.length > 1)
     switch (e) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: ss(a),
+            src: ns(a),
             alt: P(a.title)
           }))
         };
@@ -3299,7 +3307,7 @@ function fi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: ss(n),
+        src: ns(n),
         alt: P(n.title)
       };
     case "video":
@@ -3329,48 +3337,48 @@ function fi(e, t) {
       };
   }
 }
-function gi({
+function vi({
   groupPosition: e,
   isMyMessage: t,
   segment: n,
   text: a
 }) {
-  const r = hi(n.kind), i = {
-    ...fi(n.kind, n.attachments),
+  const r = pi(n.kind), i = {
+    ...bi(n.kind, n.attachments),
     groupPosition: e,
     ...a ? { text: a } : {}
   };
   return t ? /* @__PURE__ */ s(r.Sent, { ...i }) : /* @__PURE__ */ s(r.Received, { ...i });
 }
-const pi = ({
+const xi = ({
   groupPosition: e,
   isMyMessage: t,
   message: n
 }) => {
   var w;
-  const a = Ps(n.attachments);
+  const a = Fs(n.attachments);
   if (a.length === 0) return null;
-  const r = di(a), i = ui(a), l = (w = n.text) == null ? void 0 : w.trim(), o = a.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ts(o.attachments[0] ?? {}).url : void 0, u = l && oi(l, d) ? void 0 : l;
+  const r = hi(a), i = fi(a), l = (w = n.text) == null ? void 0 : w.trim(), o = a.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ss(o.attachments[0] ?? {}).url : void 0, u = l && ui(l, d) ? void 0 : l;
   let p = 0, h = 0;
   const g = [], c = (b, f) => {
     const x = p === r - 1;
     p += 1;
-    const N = t ? Qt.Sent : Qt.Received;
+    const N = t ? es.Sent : es.Received;
     g.push(
       /* @__PURE__ */ m(U.Fragment, { children: [
-        /* @__PURE__ */ s(N, { ...ts(b) }),
-        x && u ? /* @__PURE__ */ s("div", { className: t ? ii : li, children: u }) : null
+        /* @__PURE__ */ s(N, { ...ss(b) }),
+        x && u ? /* @__PURE__ */ s("div", { className: t ? ci : di, children: u }) : null
       ] }, f)
     );
   }, v = (b, f) => {
-    const x = p === r - 1, N = mi(
+    const x = p === r - 1, N = gi(
       h,
       i,
       e
     );
     p += 1, h += 1, g.push(
       /* @__PURE__ */ s(
-        gi,
+        vi,
         {
           groupPosition: N,
           isMyMessage: t,
@@ -3389,9 +3397,9 @@ const pi = ({
       return;
     }
     v(b, `media-${f}`);
-  }), /* @__PURE__ */ s(te, { children: g });
-}, bi = (e) => {
-  var Tt, At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut;
+  }), /* @__PURE__ */ s(ee, { children: g });
+}, wi = (e) => {
+  var At, Mt, Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3409,52 +3417,52 @@ const pi = ({
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: f } = me("CustomMessage"), { channel: x } = ue("CustomMessage"), { isUnlocking: N, onUnlockClick: E, onFetchSource: T, onDownloadClick: M } = $r("LockedAttachment"), [D, L] = B(!1), O = Xs(c.id), { selected: z, voteUp: y, voteDown: A } = ba(c), {
-    Attachment: S = Ks,
-    EditMessageModal: C = Js,
+  } = e, { client: f } = oe("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: S, onFetchSource: T, onDownloadClick: M } = Br("LockedAttachment"), [L, D] = B(!1), O = Js(c.id), { selected: z, voteUp: y, voteDown: A } = xa(c), {
+    Attachment: E = Zs,
+    EditMessageModal: C = Qs,
     MessageActions: I,
-    MessageBlocked: $ = Zs,
-    MessageBouncePrompt: F = Qs,
-    MessageDeleted: V = en,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = tn,
-    MessageRepliesCountButton: ee = sn,
-    ReminderNotification: X = nn,
-    StreamedMessageText: _ = an,
+    MessageBlocked: $ = en,
+    MessageBouncePrompt: F = tn,
+    MessageDeleted: V = sn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = nn,
+    MessageRepliesCountButton: te = an,
+    ReminderNotification: X = rn,
+    StreamedMessageText: _ = ln,
     PinIndicator: R
-  } = rs("CustomMessage"), H = rn(c), q = ln(c), Y = ae(
+  } = is("CustomMessage"), H = on(c), q = cn(c), Y = se(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), j = ae(() => {
-    const de = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...de] : de;
+  ), j = se(() => {
+    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Fe(c)) return pe;
-    const Vt = pe.filter((Gt) => !("type" in Gt) || !xs(Gt));
-    return Vt.length === pe.length ? pe : Vt;
-  }, [c]), W = ae(
-    () => Ps(j),
+    const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
+    return Gt.length === pe.length ? pe : Gt;
+  }, [c]), W = se(
+    () => Fs(j),
     [j]
-  ), Z = ae(() => {
-    const de = ms({ message: c, viewerLanguage: b });
-    return de === c.text ? c : { ...c, text: de };
-  }, [c, b]), oe = W.length > 0, Le = W.reduce(
-    (de, pe) => de + pe.attachments.length,
+  ), Z = se(() => {
+    const me = hs({ message: c, viewerLanguage: b });
+    return me === c.text ? c : { ...c, text: me };
+  }, [c, b]), de = W.length > 0, De = W.reduce(
+    (me, pe) => me + pe.attachments.length,
     0
-  ) === ((j == null ? void 0 : j.length) ?? 0), De = qa(
+  ) === ((j == null ? void 0 : j.length) ?? 0), Le = Xa(
     {
       endOfGroup: r,
       firstOfGroup: i,
       groupedByUser: l
     }
   );
-  if (on(c))
+  if (dn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(V, { message: c });
-  if (cn(c))
+  if (un(c))
     return /* @__PURE__ */ s($, {});
-  const ne = !w && !!c.reply_count, ce = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Tt = c.error) == null ? void 0 : Tt.status) !== 403, Ct = dn(c);
+  const ae = !w && !!c.reply_count, ue = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, St = mn(c);
   let he;
-  ie ? he = () => u(c) : Ct && (he = () => L(!0));
-  const fe = g(), Bs = k(
+  ie ? he = () => u(c) : St && (he = () => D(!0));
+  const fe = g(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3465,39 +3473,39 @@ const pi = ({
       "str-chat__message--highlighted": p,
       "str-chat__message--pinned pinned-message": c.pinned,
       "str-chat__message--with-reactions": q,
-      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((At = c == null ? void 0 : c.error) == null ? void 0 : At.status) !== 403,
-      "str-chat__message-with-thread-link": ne || ce,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
+      "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Et = Hr(c), ge = Fe(c), St = Gr(c), He = !!(j != null && j.length && !c.quoted_message), It = ge && fe && He, Us = oe && Le && !c.quoted_message && !Ge && !Y && !ge;
-  return /* @__PURE__ */ m(te, { children: [
+  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(j != null && j.length && !c.quoted_message), Tt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
+  return /* @__PURE__ */ m(ee, { children: [
     a && /* @__PURE__ */ s(
       C,
       {
         additionalMessageInputProps: t
       }
     ),
-    D && /* @__PURE__ */ s(
-      un,
+    L && /* @__PURE__ */ s(
+      hn,
       {
         MessageBouncePrompt: F,
-        onClose: () => L(!1),
-        open: D
+        onClose: () => D(!1),
+        open: L
       }
     ),
     /* @__PURE__ */ m(
       "div",
       {
-        className: Bs,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           R && /* @__PURE__ */ s(R, {}),
           !!O && /* @__PURE__ */ s(X, { reminder: O }),
           c.user && /* @__PURE__ */ s(
-            se,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3512,7 +3520,7 @@ const pi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || Ct
+                "str-chat__simple-message--error-failed": ie || St
               }),
               "data-testid": "message-inner",
               onClick: he,
@@ -3525,34 +3533,34 @@ const pi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: St ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: It ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
                 fe ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   I && /* @__PURE__ */ s(I, {}),
                   /* @__PURE__ */ s(
-                    Jt.Sent,
+                    Zt.Sent,
                     {
-                      title: (Mt = c.metadata) == null ? void 0 : Mt.attachment_title,
-                      mimeType: (Rt = c.metadata) == null ? void 0 : Rt.attachment_mime_type,
+                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
+                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
                       thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
-                      amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
-                      detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
-                      paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
-                      onPreviewClick: () => E == null ? void 0 : E(c, x),
+                      amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
+                      detail: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
+                      paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
+                      onPreviewClick: () => S == null ? void 0 : S(c, x),
                       onFetchSource: async () => await (T == null ? void 0 : T(c, x))
                     }
                   )
                 ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ s(
-                    Jt.Received,
+                    Zt.Received,
                     {
-                      title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
-                      mimeType: (Ot = c.metadata) == null ? void 0 : Ot.attachment_mime_type,
-                      thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
-                      amountText: (jt = c.metadata) == null ? void 0 : jt.amount_text,
-                      detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
-                      paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
+                      title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
+                      mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
+                      thumbnailUrl: (jt = c.metadata) == null ? void 0 : jt.attachment_thumbnail,
+                      amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+                      detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+                      paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
                       isUnlocking: N(c.id),
-                      onUnlockClick: () => E == null ? void 0 : E(c, x),
+                      onUnlockClick: () => S == null ? void 0 : S(c, x),
                       onFetchSource: async () => await (T == null ? void 0 : T(c, x)),
                       onDownloadClick: () => M == null ? void 0 : M(c, x)
                     }
@@ -3560,7 +3568,7 @@ const pi = ({
                   I && /* @__PURE__ */ s(I, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  Yt,
+                  qt,
                   {
                     message: Z,
                     renderText: v
@@ -3569,7 +3577,7 @@ const pi = ({
               ] }) : Et ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ s(Ke, { message: c, standalone: !0 })
-              ) : Us ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
+              ) : Vs ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
                 "div",
                 {
                   className: "str-chat__message-bubble",
@@ -3581,9 +3589,9 @@ const pi = ({
                   },
                   children: [
                     /* @__PURE__ */ s(
-                      pi,
+                      xi,
                       {
-                        groupPosition: De,
+                        groupPosition: Le,
                         isMyMessage: fe,
                         message: {
                           attachments: j,
@@ -3591,11 +3599,11 @@ const pi = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ s(qt, {})
+                    /* @__PURE__ */ s(Wt, {})
                   ]
                 }
               ) }) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-                ge && !It && /* @__PURE__ */ s(
+                ge && !Tt && /* @__PURE__ */ s(
                   Ke,
                   {
                     message: c,
@@ -3603,9 +3611,9 @@ const pi = ({
                     isMyMessage: fe
                   }
                 ),
-                Ge && /* @__PURE__ */ s(mn, { poll: Ge }),
+                Ge && /* @__PURE__ */ s(fn, { poll: Ge }),
                 j != null && j.length && !c.quoted_message ? /* @__PURE__ */ s(
-                  S,
+                  E,
                   {
                     actionHandler: o,
                     attachments: j
@@ -3618,18 +3626,18 @@ const pi = ({
                     renderText: v
                   }
                 ) : /* @__PURE__ */ s(
-                  Yt,
+                  qt,
                   {
                     message: Z,
                     renderText: v
                   }
                 ),
-                /* @__PURE__ */ s(qt, {})
+                /* @__PURE__ */ s(Wt, {})
               ] }) })
             }
           ),
-          !St && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-            (!ge || It) && /* @__PURE__ */ s(
+          !It && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
+            (!ge || Tt) && /* @__PURE__ */ s(
               Ke,
               {
                 message: c,
@@ -3638,7 +3646,7 @@ const pi = ({
               }
             ),
             n && ge && /* @__PURE__ */ s(
-              Yr,
+              qr,
               {
                 selected: z,
                 onVoteUp: y,
@@ -3646,64 +3654,64 @@ const pi = ({
               }
             )
           ] }),
-          /* @__PURE__ */ s(jr, { message: c, endOfGroup: r }),
-          ne && /* @__PURE__ */ s(
-            ee,
+          /* @__PURE__ */ s(Xr, {}),
+          ae && /* @__PURE__ */ s(
+            te,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ce && /* @__PURE__ */ s(Q, {})
+          ue && /* @__PURE__ */ s(Q, {})
         ]
       },
       c.id
     )
   ] });
-}, vi = U.memo(
-  bi,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ws(e, t)
-), xi = (e) => {
-  const t = Ie("CustomMessage");
-  return /* @__PURE__ */ s(vi, { ...t, ...e });
-}, wi = () => {
+}, _i = U.memo(
+  wi,
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
+), Ni = (e) => {
+  const t = _e("CustomMessage");
+  return /* @__PURE__ */ s(_i, { ...t, ...e });
+}, yi = () => {
   var n;
-  const { handleDelete: e, message: t } = Ie("CustomMessageActions");
+  const { handleDelete: e, message: t } = _e("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Kn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, _i = () => {
-  const { handleFlag: e } = Ie("CustomMessageActions");
+}, ki = () => {
+  const { handleFlag: e } = _e("CustomMessageActions");
   return /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Ni = () => {
+}, Ci = () => {
   var t;
-  const { message: e } = Ie("CustomMessageActions");
+  const { message: e } = _e("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    Qn,
+    ta,
     {
       messageActionSet: [
-        { Component: wi, placement: "quick", type: "delete" },
-        { Component: _i, placement: "quick", type: "flag" }
+        { Component: yi, placement: "quick", type: "delete" },
+        { Component: ki, placement: "quick", type: "flag" }
       ]
     }
   );
-}, yi = ({
+}, Si = ({
   link: e,
   onDismiss: t
 }) => {
@@ -3743,14 +3751,14 @@ const pi = ({
       ]
     }
   );
-}, ki = (e) => ({
+}, Ei = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
+    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
-}), Ci = () => {
-  const { linkPreviewsManager: e } = hn(), { linkPreviews: t } = fn(
+}), Ii = () => {
+  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
-    ki
+    Ei
   ), n = (r) => {
     e.dismissPreview(r);
   };
@@ -3763,9 +3771,9 @@ const pi = ({
     // 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 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(yi, { 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 mb-4 overflow-y-auto overscroll-contain", children: t.map((r) => /* @__PURE__ */ s("div", { className: "w-full shrink-0", children: /* @__PURE__ */ s(Si, { link: r, onDismiss: n }) }, r.og_scrape_url)) })
   ) : null;
-}, kt = U.createContext(!1), dl = () => Se(kt), Ei = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ct = U.createContext(!1), hl = () => Ie(Ct), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3773,13 +3781,13 @@ const pi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Jn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
-), Si = () => {
-  const e = Se(kt), { handleSubmit: t } = pn(), n = bn(), a = e || !n, {
-    SendButton: r = Ei,
-    AttachmentPreviewList: i = vn
-  } = rs("CustomMessageInput");
+), Ai = () => {
+  const e = Ie(Ct), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
+    SendButton: r = Ti,
+    AttachmentPreviewList: i = wn
+  } = is("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3795,12 +3803,12 @@ const pi = ({
         className: "central-container flex min-h-0 flex-col gap-2 min-w-0 w-full self-stretch p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]",
         "data-dd-privacy": "mask",
         children: [
-          /* @__PURE__ */ s(xn, {}),
-          /* @__PURE__ */ s(Ci, {}),
+          /* @__PURE__ */ s(_n, {}),
+          /* @__PURE__ */ s(Ii, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              wn,
+              Nn,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3826,7 +3834,7 @@ const pi = ({
       }
     )
   );
-}, Ii = ({
+}, Mi = ({
   renderActions: e,
   renderFooter: t,
   disabled: n = !1,
@@ -3834,8 +3842,8 @@ const pi = ({
   composerInput: r
 }) => {
   var o;
-  const { channel: i } = ue(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
-  return n ? /* @__PURE__ */ m(te, { children: [
+  const { channel: i } = le(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  return n ? /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-col gap-4 p-4", children: [
@@ -3847,67 +3855,67 @@ const pi = ({
         className: "message-input flex min-h-0 items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ s("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ s(kt.Provider, { value: l, children: /* @__PURE__ */ s(gn, { Input: r ?? Si }) })
+          /* @__PURE__ */ s(Ct.Provider, { value: l, children: /* @__PURE__ */ s(bn, { Input: r ?? Ai }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Ti = [
+}, Ri = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ai = {
+], Di = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Mi = [
+}, Li = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ri = {
+], zi = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Je = "age safety guidelines.", Li = "https://linktr.ee/s/about/contact", ns = (e) => Ti.includes(e), Di = (e) => Mi.includes(e), zi = (e) => {
+}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Li.includes(e), Oi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (ns(t))
+  if (as(t))
     return {
       kind: "dm-agent",
       type: t
     };
-  if (Di(t))
+  if (Fi(t))
     return {
       kind: "age-safety",
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (ns(n))
+  if (as(n))
     return {
       kind: "dm-agent",
       type: n
     };
-}, Pi = (e) => {
-  const t = e.indexOf(Je);
+}, $i = (e) => {
+  const t = e.indexOf(Ze);
   if (t === -1)
     return e;
-  const n = t + Je.length;
-  return /* @__PURE__ */ m(te, { children: [
+  const n = t + Ze.length;
+  return /* @__PURE__ */ m(ee, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
       "a",
       {
-        href: Li,
+        href: Pi,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Je
+        children: Ze
       }
     ),
     e.slice(n)
   ] });
-}, Fi = (e) => {
+}, ji = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, n = zi(
+  const t = e.message.hide_date === !0, n = Oi(
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ai[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Di[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3933,7 +3941,7 @@ const pi = ({
     ] });
   }
   if ((n == null ? void 0 : n.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ri[n.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || zi[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3943,7 +3951,7 @@ const pi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Zn,
+              ea,
               {
                 size: 24,
                 weight: "duotone",
@@ -3952,7 +3960,7 @@ const pi = ({
                 "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: Pi(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) }) })
           ]
         }
       ),
@@ -3967,7 +3975,7 @@ const pi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ye, { message: e.message })
   ] });
-}, Fs = at(!1), Ze = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Os = rt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -3977,17 +3985,17 @@ const pi = ({
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Oi = /* @__PURE__ */ new Set([
+) }), Bi = /* @__PURE__ */ new Set([
   qe.Thinking,
   qe.Generating,
   qe.ExternalSources
-]), $i = ({ threadList: e }) => {
+]), Ui = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = me(), { typing: i = {} } = _n(), { aiState: l } = Nn(t), o = Se(Fs);
-  if (!e && o && Oi.has(l)) {
-    const b = ji(t, (v = r.user) == null ? void 0 : v.id);
+  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = oe(), { typing: i = {} } = yn(), { aiState: l } = kn(t), o = Ie(Os);
+  if (!e && o && Bi.has(l)) {
+    const b = Vi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
-      as,
+      rs,
       {
         avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
         avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
@@ -4013,7 +4021,7 @@ const pi = ({
     return null;
   const g = (w = h[0]) == null ? void 0 : w.user, c = g != null && g.id && t.state.members[g.id] ? t.state.members[g.id].user : void 0;
   return /* @__PURE__ */ s(
-    as,
+    rs,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4021,7 +4029,7 @@ const pi = ({
       testId: "typing-indicator"
     }
   );
-}, as = ({
+}, rs = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4036,7 +4044,7 @@ const pi = ({
     },
     children: /* @__PURE__ */ m("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(
-        se,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4056,16 +4064,16 @@ const pi = ({
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ s(Ze, { cx: "4", index: 0 }),
-            /* @__PURE__ */ s(Ze, { cx: "16", index: 1 }),
-            /* @__PURE__ */ s(Ze, { cx: "28", index: 2 })
+            /* @__PURE__ */ s(Qe, { cx: "4", index: 0 }),
+            /* @__PURE__ */ s(Qe, { cx: "16", index: 1 }),
+            /* @__PURE__ */ s(Qe, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
     ] })
   }
 );
-function ji(e, t) {
+function Vi(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)) {
@@ -4074,7 +4082,7 @@ function ji(e, t) {
       return i;
   }
 }
-const Bi = () => null, Ui = ({ className: e, message: t }) => /* @__PURE__ */ m(
+const Gi = () => null, Hi = ({ className: e, message: t }) => /* @__PURE__ */ m(
   "div",
   {
     className: k("flex items-center justify-center h-full", e),
@@ -4118,11 +4126,11 @@ const Bi = () => null, Ui = ({ className: e, message: t }) => /* @__PURE__ */ m(
     ]
   }
 ), je = U.memo(() => /* @__PURE__ */ s("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ m("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ s(Ui, { className: "w-6 h-6" }),
+  /* @__PURE__ */ s(Hi, { className: "w-6 h-6" }),
   /* @__PURE__ */ s("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 je.displayName = "LoadingState";
-const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Vi = ({
+const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Pe = "Replies instantly with AI assistant", Yi = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -4141,8 +4149,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: w,
   renderHeaderTitleBadges: b
 }) => {
-  var A, S, C, I, $, F;
-  const { channel: f } = ue(), { client: x } = me(), N = U.useMemo(
+  var A, E, C, I, $, F;
+  const { channel: f } = le(), { client: x } = oe(), N = U.useMemo(
     () => {
       var V;
       return Ue(
@@ -4152,12 +4160,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     },
     [(A = f.state) == null ? void 0 : A.members, x == null ? void 0 : x.userID, f.type]
-  ), E = ot(N == null ? void 0 : N.user), T = (S = N == null ? void 0 : N.user) == null ? void 0 : S.image, M = lt(f), D = b == null ? void 0 : b({
+  ), S = ct(N == null ? void 0 : N.user), T = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = ot(f), L = b == null ? void 0 : b({
     channel: f,
     participant: N
-  }), L = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", O = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(te, { children: [
-    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: E }),
-    D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
+  }), D = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", O = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(ee, { children: [
+    /* @__PURE__ */ s("span", { className: "min-w-0 truncate", children: S }),
+    L && /* @__PURE__ */ s("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
       M ? await f.unpin() : await f.pin();
@@ -4181,7 +4189,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ s(
@@ -4194,17 +4202,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             {
               type: "button",
               onClick: w,
-              "aria-label": `View details for ${E}`,
+              "aria-label": `View details for ${S}`,
               className: k(
-                L,
+                D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ s(
-                  se,
+                  ne,
                   {
                     id: ((C = N == null ? void 0 : N.user) == null ? void 0 : C.id) || f.id || "unknown",
-                    name: E,
+                    name: S,
                     image: T,
                     starred: n && M,
                     dmAgentEnabled: a,
@@ -4221,12 +4229,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m("div", { className: L, children: [
+          ) : /* @__PURE__ */ m("div", { className: D, children: [
             /* @__PURE__ */ s(
-              se,
+              ne,
               {
                 id: ((I = N == null ? void 0 : N.user) == null ? void 0 : I.id) || f.id || "unknown",
-                name: E,
+                name: S,
                 image: T,
                 starred: n && M,
                 dmAgentEnabled: a,
@@ -4271,7 +4279,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          tt,
+          st,
           {
             channel: f,
             participant: N,
@@ -4301,7 +4309,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
           }
         ),
         w ? /* @__PURE__ */ m(
@@ -4309,17 +4317,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             type: "button",
             onClick: w,
-            "aria-label": `View details for ${E}`,
+            "aria-label": `View details for ${S}`,
             className: k(
               O,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
             children: [
               /* @__PURE__ */ s(
-                se,
+                ne,
                 {
                   id: (($ = N == null ? void 0 : N.user) == null ? void 0 : $.id) || f.id || "unknown",
-                  name: E,
+                  name: S,
                   image: T,
                   starred: n && M,
                   dmAgentEnabled: a,
@@ -4340,10 +4348,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ) : /* @__PURE__ */ m("div", { className: O, children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || f.id || "unknown",
-              name: E,
+              name: S,
               image: T,
               starred: n && M,
               dmAgentEnabled: a,
@@ -4389,7 +4397,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          tt,
+          st,
           {
             channel: f,
             participant: N,
@@ -4408,7 +4416,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, Gi = ({
+}, qi = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: n,
@@ -4429,16 +4437,16 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelBanner: f,
   renderHeaderTitleBadges: x,
   customChannelActions: N,
-  renderChannelActions: E,
+  renderChannelActions: S,
   renderMessage: T,
   dmAgentEnabled: M = !1,
-  viewerLanguage: D,
-  showChannelInfo: L = !0,
+  viewerLanguage: L,
+  showChannelInfo: D = !0,
   onParticipantNameClick: O,
   composerInput: z
 }) => {
   var _, R, H, q;
-  const { channel: y } = ue(), { client: A } = me(), S = U.useMemo(
+  const { channel: y } = le(), { client: A } = oe(), E = U.useMemo(
     () => {
       var Y;
       return Ue(
@@ -4452,17 +4460,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = A == null ? void 0 : A.userID;
     return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Z) => {
-      var oe;
-      return ((oe = Z.user) == null ? void 0 : oe.id) === Y;
+      var de;
+      return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), I = ((H = C == null ? void 0 : C.user) == null ? void 0 : H.is_account) ?? (C == null ? void 0 : C.is_account), $ = ((q = S == null ? void 0 : S.user) == null ? void 0 : q.is_account) ?? (S == null ? void 0 : S.is_account), F = M && I === !1 && $ === !0, V = y.state.messages.some(
+  }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), I = ((H = C == null ? void 0 : C.user) == null ? void 0 : H.is_account) ?? (C == null ? void 0 : C.is_account), $ = ((q = E == null ? void 0 : E.user) == null ? void 0 : q.is_account) ?? (E == null ? void 0 : E.is_account), F = M && I === !1 && $ === !0, V = y.state.messages.some(
     (Y) => Y.type !== "deleted"
-  ), Q = f ? /* @__PURE__ */ s(U.Fragment, { children: f() }, "lt-channel-banner") : null, ee = O ? /* @__PURE__ */ s(
-    fa,
+  ), Q = f ? /* @__PURE__ */ s(U.Fragment, { children: f() }, "lt-channel-banner") : null, te = O ? /* @__PURE__ */ s(
+    pa,
     {
       onBack: e,
       showBackButton: t,
-      showChannelInfo: L,
+      showChannelInfo: D,
       showStarButton: w,
       dmAgentEnabled: F,
       onLeaveConversation: i,
@@ -4474,38 +4482,38 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       onBlockParticipantClick: u,
       onReportParticipantClick: p,
       customChannelActions: N,
-      renderChannelActions: E,
+      renderChannelActions: S,
       onParticipantNameClick: O
     }
   ) : null, X = J(
     (Y) => {
-      const { message: j } = Ie("ChannelView"), W = /* @__PURE__ */ s(
-        xi,
+      const { message: j } = _e("ChannelView"), W = /* @__PURE__ */ s(
+        Ni,
         {
           ...Y,
           chatbotVotingEnabled: b,
-          viewerLanguage: D
+          viewerLanguage: L
         }
       );
       return !T || !j ? W : T(W, j);
     },
-    [b, T, D]
+    [b, T, L]
   );
-  return /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(
-    kn,
+  return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
+    Sn,
     {
       overrides: {
         Message: X,
-        MessageActions: Ni
+        MessageActions: Ci
       },
-      children: /* @__PURE__ */ m(Cn, { children: [
-        !O && /* @__PURE__ */ m(te, { children: [
+      children: /* @__PURE__ */ m(En, { children: [
+        !O && /* @__PURE__ */ m(ee, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-            Vi,
+            Yi,
             {
               onBack: e,
               showBackButton: t,
-              showChannelInfo: L,
+              showChannelInfo: D,
               showStarButton: w,
               dmAgentEnabled: F,
               onLeaveConversation: i,
@@ -4517,14 +4525,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onBlockParticipantClick: u,
               onReportParticipantClick: p,
               customChannelActions: N,
-              renderChannelActions: E,
+              renderChannelActions: S,
               renderHeaderTitleBadges: x
             }
           ) }, "lt-channel-header"),
           Q
         ] }),
         O && !V && /* @__PURE__ */ m("div", { className: "px-4 @lg:px-6", children: [
-          ee,
+          te,
           Q
         ] }),
         /* @__PURE__ */ s(
@@ -4532,10 +4540,10 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             className: "flex-1 overflow-hidden relative",
             children: /* @__PURE__ */ s(
-              En,
+              In,
               {
                 head: O && V ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
-                  ee,
+                  te,
                   Q
                 ] }) : void 0,
                 hideDeletedMessages: !0,
@@ -4547,7 +4555,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         ),
         r ? /* @__PURE__ */ s(U.Fragment, { children: r(y) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ s(
-          Ii,
+          Mi,
           {
             ...n && {
               renderActions: () => n == null ? void 0 : n(y)
@@ -4562,7 +4570,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Os = U.memo(
+}, $s = U.memo(
   ({
     channel: e,
     onBack: t,
@@ -4573,7 +4581,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: l,
     onBlockParticipant: o,
     className: d,
-    CustomChannelEmptyState: u = Bi,
+    CustomChannelEmptyState: u = Gi,
     showDeleteConversation: p = !0,
     onDeleteConversationClick: h,
     onBlockParticipantClick: g,
@@ -4584,16 +4592,16 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     composerDisabledReason: f,
     dmAgentEnabled: x,
     messageMetadata: N,
-    onMessageSent: E,
+    onMessageSent: S,
     showStarButton: T = !1,
     chatbotVotingEnabled: M = !1,
-    renderChannelBanner: D,
-    renderHeaderTitleBadges: L,
+    renderChannelBanner: L,
+    renderHeaderTitleBadges: D,
     customChannelActions: O,
     renderChannelActions: z,
     renderMessage: y,
     onMessageLinkClick: A,
-    sendButton: S,
+    sendButton: E,
     attachmentPreviewList: C,
     viewerLanguage: I,
     showChannelInfo: $ = !0,
@@ -4616,43 +4624,43 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ...R,
           ...q && { skip_push: !0 }
         }, W = await e.sendMessage(Y, j);
-        return E == null || E(W), W;
+        return S == null || S(W), W;
       },
-      [e, x, N, E]
-    ), ee = G(null);
+      [e, x, N, S]
+    ), te = G(null);
     return K(() => {
       if (!A) return;
-      const X = ee.current;
+      const X = te.current;
       if (!X) return;
       const _ = (R) => {
         const H = R.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((oe) => oe.id === W) : void 0;
+        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
         A(Y, Z);
       };
       return X.addEventListener("click", _), () => X.removeEventListener("click", _);
     }, [A, e]), /* @__PURE__ */ s(
       "div",
       {
-        ref: ee,
+        ref: te,
         className: k(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Fs.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
-          yn,
+        children: /* @__PURE__ */ s(Os.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
+          Cn,
           {
             channel: e,
-            MessageSystem: Fi,
+            MessageSystem: ji,
             EmptyStateIndicator: u,
             LoadingIndicator: je,
-            DateSeparator: ga,
-            TypingIndicator: $i,
+            DateSeparator: ba,
+            TypingIndicator: Ui,
             doSendMessageRequest: Q,
-            ...S ? { SendButton: S } : {},
+            ...E ? { SendButton: E } : {},
             ...C ? { AttachmentPreviewList: C } : {},
             children: /* @__PURE__ */ s(
-              Gi,
+              qi,
               {
                 onBack: t,
                 showBackButton: n,
@@ -4673,8 +4681,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showStarButton: T,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: M,
-                renderChannelBanner: D,
-                renderHeaderTitleBadges: L,
+                renderChannelBanner: L,
+                renderHeaderTitleBadges: D,
                 customChannelActions: O,
                 renderChannelActions: z,
                 renderMessage: y,
@@ -4690,8 +4698,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Os.displayName = "ChannelView";
-const ye = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+$s.displayName = "ChannelView";
+const ke = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("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 }),
@@ -4705,8 +4713,8 @@ const ye = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
     }
   )
 ] }) }));
-ye.displayName = "ErrorState";
-const ul = ({
+ke.displayName = "ErrorState";
+const fl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: n,
@@ -4727,19 +4735,19 @@ const ul = ({
   renderChannelActions: f,
   onParticipantNameClick: x,
   renderMessage: N,
-  onMessageLinkClick: E,
+  onMessageLinkClick: S,
   showChannelInfo: T,
   composerInput: M
 }) => {
   const {
-    client: D,
-    isConnected: L,
+    client: L,
+    isConnected: D,
     isLoading: O,
     error: z,
     refreshConnection: y,
     service: A,
-    debug: S
-  } = ea(), [C, I] = B(null), [$, F] = B(null), [V, Q] = B(!1), { showDeleteConversation: ee = !0 } = e, X = G(l);
+    debug: E
+  } = sa(), [C, I] = B(null), [$, F] = B(null), [V, Q] = B(!1), { showDeleteConversation: te = !0 } = e, X = G(l);
   X.current = l;
   const _ = G(a);
   _.current = a;
@@ -4747,8 +4755,8 @@ const ul = ({
   K(() => {
     H.current = C;
   }, [C]), K(() => {
-    if (!D || !L) return;
-    const j = D.userID;
+    if (!L || !D) return;
+    const j = L.userID;
     if (!j) return;
     const W = `${j}::${i}`;
     if (R.current === W) return;
@@ -4757,13 +4765,13 @@ const ul = ({
       R.current === W && (R.current = null);
     };
     (async () => {
-      var Le, De;
+      var De, Le;
       try {
-        S && console.log(
+        E && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ne = await D.queryChannels(
+        const ae = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [j, i] }
@@ -4771,16 +4779,16 @@ const ul = ({
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          I(ne[0]), F(null), (Le = _.current) == null || Le.call(_, ne[0]), S && console.log(
+        if (ae.length > 0) {
+          I(ae[0]), F(null), (De = _.current) == null || De.call(_, ae[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            ae[0].id
           );
           return;
         }
-        const ce = X.current;
-        if (!ce || !A) {
-          Z(), F("No conversation found with this account"), S && console.log(
+        const ue = X.current;
+        if (!ue || !A) {
+          Z(), F("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -4788,11 +4796,11 @@ const ul = ({
         }
         try {
           const ie = await A.startChannelWithParticipant({
-            id: ce.id,
-            name: ce.name,
-            phone: ce.phone
+            id: ue.id,
+            name: ue.name,
+            phone: ue.phone
           });
-          I(ie), F(null), (De = _.current) == null || De.call(_, ie), S && console.log(
+          I(ie), F(null), (Le = _.current) == null || Le.call(_, ie), E && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4802,28 +4810,28 @@ const ul = ({
             ie
           ), Z(), F("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (ae) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
+          ae
         ), Z(), H.current || F("Failed to load conversation");
       }
     })();
-  }, [i, D, L, A, S]);
+  }, [i, L, D, A, E]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
     var j;
     I(null), Q(!0), (j = q.current) == null || j.call(q);
   }, []);
-  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ye, { message: z, onBack: y }) : !L || !D ? /* @__PURE__ */ s(
-    ye,
+  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ke, { message: z, onBack: y }) : !D || !L ? /* @__PURE__ */ s(
+    ke,
     {
       message: "Not connected to messaging service",
       onBack: y
     }
-  ) : $ ? /* @__PURE__ */ s(ye, { message: $ }) : V && !C ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : C ? /* @__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,
+  ) : $ ? /* @__PURE__ */ s(ke, { message: $ }) : V && !C ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : C ? /* @__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(
+    $s,
     {
       channel: C,
       renderMessageInputActions: t,
@@ -4832,7 +4840,7 @@ const ul = ({
       onLeaveConversation: Y,
       onBlockParticipant: Y,
       CustomChannelEmptyState: o,
-      showDeleteConversation: ee,
+      showDeleteConversation: te,
       onBlockParticipantClick: d,
       onReportParticipantClick: u,
       dmAgentEnabled: p,
@@ -4844,20 +4852,20 @@ const ul = ({
       renderChannelActions: f,
       onParticipantNameClick: x,
       renderMessage: N,
-      onMessageLinkClick: E,
+      onMessageLinkClick: S,
       showChannelInfo: T,
       composerInput: M
     },
     C.id
   ) }) }) : /* @__PURE__ */ s(je, {});
 };
-function Hi(e) {
+function Wi(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const $s = U.createContext({
+const js = U.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4865,18 +4873,18 @@ const $s = U.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Yi = $s.Provider, qi = () => U.useContext($s), Wi = (e, t) => {
+}), Xi = js.Provider, Ki = () => U.useContext(js), Ji = (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) => {
+}, Zi = (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 = Ji(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -4886,9 +4894,9 @@ const $s = U.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, js = U.memo(
+}, Bs = U.memo(
   (e) => {
-    var L, O, z;
+    var D, O, z;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4896,7 +4904,7 @@ const $s = U.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = qi(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = lt(t);
+    } = Ki(), { client: u } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -4911,22 +4919,22 @@ const $s = U.createContext({
     const g = () => {
       t && r(t);
     }, c = (y) => {
-      const A = y.key === "Enter" || y.key === " ", S = y.repeat;
-      !A || S || (y.preventDefault(), g());
+      const A = y.key === "Enter" || y.key === " ", E = y.repeat;
+      !A || E || (y.preventDefault(), g());
     }, v = Ue(
-      (L = t == null ? void 0 : t.state) == null ? void 0 : L.members,
+      (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = ot(v == null ? void 0 : v.user), b = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, f = (() => {
+    ), w = ct(v == null ? void 0 : v.user), b = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, f = (() => {
       var A;
       const y = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
       if (y != null && y.length) {
-        for (let S = y.length - 1; S >= 0; S--)
-          if (y[S].type !== "system") return y[S];
+        for (let E = y.length - 1; E >= 0; E--)
+          if (y[E].type !== "system") return y[E];
       }
     })(), N = (() => {
       var $, F, V, Q;
-      const y = ms({
+      const y = hs({
         message: f,
         viewerLanguage: d
       });
@@ -4937,13 +4945,13 @@ const $s = U.createContext({
       if (y) return y;
       const I = (Q = f == null ? void 0 : f.attachments) == null ? void 0 : Q[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";
-    })(), E = f != null && f.created_at ? Xi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+    })(), S = f != null && f.created_at ? Zi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, N) : `${T ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
       participantName: w,
-      unreadCount: D,
-      hasTimestamp: !!E
+      unreadCount: L,
+      hasTimestamp: !!S
     }), /* @__PURE__ */ s(
       "div",
       {
@@ -4961,7 +4969,7 @@ const $s = U.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || t.id || "unknown",
               name: w,
@@ -4984,11 +4992,11 @@ const $s = U.createContext({
                   ]
                 }
               ),
-              E && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: E })
+              S && /* @__PURE__ */ s("span", { className: "text-xs text-[#717070] flex-shrink-0", children: S })
             ] }),
             /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
-              D > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: D > 99 ? "99+" : D })
+              L > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -4996,28 +5004,28 @@ const $s = U.createContext({
     );
   }
 );
-js.displayName = "CustomChannelPreview";
-const Ki = { last_message_at: -1 }, Ji = U.memo(
+Bs.displayName = "CustomChannelPreview";
+const Qi = { last_message_at: -1 }, el = U.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 = An,
     channelPreview: u,
     renderMessagePreview: p,
     viewerLanguage: h
   }) => {
     const g = U.useRef(0);
     g.current++;
-    const { debug: c = !1 } = it(), v = U.useCallback(
+    const { debug: c = !1 } = lt(), v = U.useCallback(
       (b) => {
         for (const f of b)
-          Hi(f);
+          Wi(f);
         return r ? r(b) : b;
       },
       [r]
@@ -5052,8 +5060,8 @@ const Ki = { last_message_at: -1 }, Ji = U.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: w, children: /* @__PURE__ */ s(
-          Sn,
+        children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: w, children: /* @__PURE__ */ s(
+          Tn,
           {
             filters: n,
             sort: i,
@@ -5061,7 +5069,7 @@ const Ki = { last_message_at: -1 }, Ji = U.memo(
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: v,
             Paginator: d,
-            Preview: js,
+            Preview: Bs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5070,8 +5078,8 @@ const Ki = { last_message_at: -1 }, Ji = U.memo(
     );
   }
 );
-Ji.displayName = "ChannelList";
-const Zi = ({
+el.displayName = "ChannelList";
+const tl = ({
   question: e,
   onClick: t,
   loading: n = !1,
@@ -5093,7 +5101,7 @@ const Zi = ({
     ),
     children: e
   }
-), ml = ({
+), gl = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: n,
@@ -5105,7 +5113,7 @@ const Zi = ({
   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__ */ m("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ s("div", { className: "flex-none", children: /* @__PURE__ */ s(
-      se,
+      ne,
       {
         id: l || "account",
         name: l || "Account",
@@ -5122,7 +5130,7 @@ const Zi = ({
         children: [
           a && /* @__PURE__ */ s("p", { className: "text-md text-charcoal mb-4", children: a }),
           o.map((d) => /* @__PURE__ */ s(
-            Zi,
+            tl,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -5136,40 +5144,40 @@ const Zi = ({
   ] }) });
 };
 export {
-  ps as A,
-  dl as B,
-  Bi as C,
-  $r as D,
-  ba as E,
-  ml as F,
-  ea as G,
-  Qt as L,
-  ol as M,
-  _e as a,
-  se as b,
-  Ji as c,
-  Os as d,
-  cl as e,
-  Zi as f,
-  le as g,
-  Jt as h,
-  Ne as i,
-  Yr as j,
-  ll as k,
-  ul as l,
-  nr as m,
-  er as n,
-  Xi as o,
-  sr as p,
-  ms as q,
+  bs as A,
+  hl as B,
+  Gi as C,
+  Br as D,
+  xa as E,
+  gl as F,
+  sa as G,
+  es as L,
+  ul as M,
+  Ne as a,
+  ne as b,
+  el as c,
+  $s as d,
+  ml as e,
+  tl as f,
+  ce as g,
+  Zt as h,
+  ye as i,
+  qr as j,
+  dl as k,
+  fl as l,
+  rr as m,
+  sr as n,
+  Zi as o,
+  ar as p,
+  hs as q,
   we as r,
-  xs as s,
-  aa as t,
-  qa as u,
-  va as v,
+  ws as s,
+  ia as t,
+  Xa as u,
+  wa as v,
   Ue as w,
-  mt as x,
-  ht as y,
-  ot as z
+  ht as x,
+  ft as y,
+  ct as z
 };
-//# sourceMappingURL=index-DPwo1avm.js.map
+//# sourceMappingURL=index-wFe1UO9t.js.map