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

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

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