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

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

@@ -1,12 +1,12 @@
 import { jsx as s, jsxs as m, Fragment as ee } from "react/jsx-runtime";
-import U, { createContext as at, useContext as Ee, 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, MessageStatus as Ws, areMessageUIPropsEqual as Xs, useMessageReminder as Ks, useComponentContext as rs, Attachment as Js, EditMessageModal as Zs, MessageBlocked as Qs, MessageBouncePrompt as en, MessageDeleted as tn, MessageIsThreadReplyInChannelButtonIndicator as sn, MessageRepliesCountButton as nn, ReminderNotification as an, StreamedMessageText as rn, messageHasAttachments as ln, messageHasReactions as on, isDateSeparatorMessage as cn, isMessageBlocked as dn, isMessageBounced as un, MessageBounceModal as mn, MessageText as Yt, MessageErrorIcon as qt, Poll as hn, useMessageContext as Ie, useMessageComposer as fn, useStateStore as gn, MessageInput as pn, useMessageInputContext as bn, useMessageComposerHasSendableData as vn, AttachmentPreviewList as xn, QuotedMessagePreview as wn, TextareaComposer as _n, MessageTimestamp as Ye, AIStates as qe, useTypingContext as Nn, useAIState as yn, Channel as kn, WithComponents as Cn, Window as Sn, MessageList as En, ChannelList as In, InfiniteScroll as Tn } from "stream-chat-react";
-import { StarIcon as Se, DotsThreeIcon as An, SpinnerGapIcon as ze, SignOutIcon as Mn, ProhibitInsetIcon as Wt, FlagIcon as is, ArrowLeftIcon as Qe, CurrencyDollarIcon as Rn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as ls, ImageIcon as Ln, SpeakerHighIcon as Dn, VideoCameraIcon as os, FileMdIcon as zn, FileTextIcon as Pn, FileZipIcon as Fn, FilePptIcon as On, FileCsvIcon as $n, FileXlsIcon as jn, FileDocIcon as Bn, FilePdfIcon as Un, CircleNotchIcon as ke, PlayIcon as et, PauseIcon as Vn, LinkIcon as Gn, DownloadSimpleIcon as Ce, XIcon as Be, CaretLeftIcon as Hn, GiftIcon as Yn, ThumbsUpIcon as qn, ThumbsDownIcon as Wn, ChecksIcon as Xn, PencilSimpleIcon as Kn, TrashSimpleIcon as Jn, ArrowUpIcon as Zn, ProhibitIcon as Qn } from "@phosphor-icons/react";
+import U, { createContext as rt, useContext as Ie, useCallback as J, useState as B, useRef as G, useEffect as K, useId as Gs, useMemo as se, Suspense as it } from "react";
+import { StreamChatService as Hs } from "@linktr.ee/messaging-core";
+import { StreamChat as Ys, LinkPreviewsManager as Yt } from "stream-chat";
+import { Chat as qs, useChannelStateContext as le, useChatContext as oe, DateSeparator as Ws, MessageStatus as Xs, useMessageContext as _e, areMessageUIPropsEqual as Ks, useMessageReminder as Js, useComponentContext as is, Attachment as Zs, EditMessageModal as Qs, MessageBlocked as en, MessageBouncePrompt as tn, MessageDeleted as sn, MessageIsThreadReplyInChannelButtonIndicator as nn, MessageRepliesCountButton as an, ReminderNotification as rn, StreamedMessageText as ln, messageHasAttachments as on, messageHasReactions as cn, isDateSeparatorMessage as dn, isMessageBlocked as un, isMessageBounced as mn, MessageBounceModal as hn, MessageText as qt, MessageErrorIcon as Wt, Poll as fn, useMessageComposer as gn, useStateStore as pn, MessageInput as bn, useMessageInputContext as vn, useMessageComposerHasSendableData as xn, AttachmentPreviewList as wn, QuotedMessagePreview as _n, TextareaComposer as Nn, MessageTimestamp as Ye, AIStates as qe, useTypingContext as yn, useAIState as kn, Channel as Cn, WithComponents as Sn, Window as En, MessageList as In, ChannelList as Tn, InfiniteScroll as An } from "stream-chat-react";
+import { StarIcon as Ee, DotsThreeIcon as Mn, SpinnerGapIcon as ze, SignOutIcon as Rn, ProhibitInsetIcon as Xt, FlagIcon as ls, ArrowLeftIcon as et, CurrencyDollarIcon as Dn, CaretRightIcon as ve, SparkleIcon as xe, FileIcon as os, ImageIcon as Ln, SpeakerHighIcon as zn, VideoCameraIcon as cs, FileMdIcon as Pn, FileTextIcon as Fn, FileZipIcon as On, FilePptIcon as $n, FileCsvIcon as jn, FileXlsIcon as Bn, FileDocIcon as Un, FilePdfIcon as Vn, CircleNotchIcon as Ce, PlayIcon as tt, PauseIcon as Gn, LinkIcon as Hn, DownloadSimpleIcon as Se, XIcon as Be, CaretLeftIcon as Yn, GiftIcon as qn, ThumbsUpIcon as Wn, ThumbsDownIcon as Xn, ChecksIcon as Kn, PencilSimpleIcon as Jn, TrashSimpleIcon as Zn, ArrowUpIcon as Qn, ProhibitIcon as ea } from "@phosphor-icons/react";
 import k from "classnames";
-import { MessageActions as ea, DefaultDropdownActionButton as cs } from "stream-chat-react/experimental";
-const ds = at({
+import { MessageActions as ta, DefaultDropdownActionButton as ds } from "stream-chat-react/experimental";
+const us = rt({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const ds = at({
   refreshConnection: async () => {
   },
   debug: !1
-}), it = () => Ee(ds), dl = ({
+}), lt = () => Ie(us), dl = ({
   children: e,
   user: t,
   serviceConfig: n,
@@ -62,12 +62,12 @@ const ds = at({
     serviceConfig: n,
     capabilities: r
   };
-  const D = G(null);
-  a && ((A = D.current) == null ? void 0 : A.apiKey) !== a && (D.current = { apiKey: a, client: new Hs(a) });
-  const L = a ? ((E = D.current) == null ? void 0 : E.client) ?? null : null;
+  const L = G(null);
+  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new Ys(a) });
+  const D = a ? ((E = L.current) == null ? void 0 : E.client) ?? null : null;
   K(() => {
     const C = M.current, I = N.current;
-    if (!a || !L || !I) {
+    if (!a || !D || !I) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: C,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -78,17 +78,17 @@ const ds = at({
       renderCount: C,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const $ = new Gs({
+    const $ = new Hs({
       ...I,
       apiKey: a,
       debug: S.current,
-      client: L
+      client: D
     });
     x.current = $, d($), l("✅ SERVICE SET", {
       renderCount: C,
       serviceInstance: !!$
     });
-  }, [a, L]);
+  }, [a, D]);
   const O = G(null);
   K(() => {
     var I, $;
@@ -137,12 +137,12 @@ const ds = at({
       }
     })();
   }, [o, t, l, h]), K(() => {
-    const C = L;
+    const C = D;
     return () => {
       var I;
       C && (O.current = null, (I = x.current) == null || I.disconnectUser().catch(console.error));
     };
-  }, [L]);
+  }, [D]);
   const z = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
@@ -194,19 +194,19 @@ const ds = at({
   ]);
   return l("🔄 RENDER END", {
     renderCount: M.current,
-    willRenderChat: !!L,
+    willRenderChat: !!D,
     contextValueReady: !!y
-  }), /* @__PURE__ */ s(ds.Provider, { value: y, children: L ? /* @__PURE__ */ s(
-    Ys,
+  }), /* @__PURE__ */ s(us.Provider, { value: y, children: D ? /* @__PURE__ */ s(
+    qs,
     {
-      client: L,
+      client: D,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, ta = () => it(), lt = (e) => {
+}, sa = () => lt(), ot = (e) => {
   var a, r;
   const [t, n] = B(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -228,14 +228,14 @@ const ds = at({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, sa = "linktree-official", na = "linktree-official-sender";
+}, na = "linktree-official", aa = "linktree-official-sender";
 function Ue(e, t, n) {
   const a = Object.values(e || {});
-  if (n === sa) {
+  if (n === na) {
     const r = a.find(
       (i) => {
         var l;
-        return ((l = i.user) == null ? void 0 : l.id) === na;
+        return ((l = i.user) == null ? void 0 : l.id) === aa;
       }
     );
     if (r) return r;
@@ -247,18 +247,18 @@ function Ue(e, t, n) {
     }
   );
 }
-const aa = /^[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 ra(e) {
-  return aa.test(e.trim());
+const ra = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+function ia(e) {
+  return ra.test(e.trim());
 }
-function Xt(e, t) {
+function Kt(e, t) {
   const n = e == null ? void 0 : e.trim();
-  return !n || t && n === t ? !1 : !ra(n);
+  return !n || t && n === t ? !1 : !ia(n);
 }
-function ot(e) {
-  return Xt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Xt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+function ct(e) {
+  return Kt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Kt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
-const Kt = [
+const Jt = [
   { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
   { emoji: "🍌", bgColor: "#FFF1C9" },
@@ -286,7 +286,7 @@ const Kt = [
   { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
 ];
-function ia(e) {
+function la(e) {
   let t = 0;
   for (let n = 0; n < e.length; n++) {
     const a = e.charCodeAt(n);
@@ -294,16 +294,16 @@ function ia(e) {
   }
   return Math.abs(t);
 }
-function us(e) {
-  return Kt[ia(e) % Kt.length];
-}
-function la(e) {
-  return us(e).emoji;
+function ms(e) {
+  return Jt[la(e) % Jt.length];
 }
 function oa(e) {
-  return us(e).bgColor;
+  return ms(e).emoji;
+}
+function ca(e) {
+  return ms(e).bgColor;
 }
-const se = ({
+const ne = ({
   id: e,
   image: t,
   size: n = 40,
@@ -312,7 +312,7 @@ const se = ({
   shape: i = "squircle",
   dmAgentEnabled: l = !1
 }) => {
-  const o = la(e), d = oa(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
+  const o = oa(e), d = ca(e), u = 0.45, h = n < 32 ? Math.round(n * u) : n < 56 ? 14 : n < 120 ? 18 : 36, g = n >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, v = /* @__PURE__ */ s("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ s(
     "img",
     {
       src: t,
@@ -350,7 +350,7 @@ const se = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ s(Se, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ s(Ee, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ s(
@@ -376,7 +376,7 @@ const se = ({
       ]
     }
   );
-}, ca = "https://linktr.ee/s/about/trust-center/report", da = ({
+}, da = "https://linktr.ee/s/about/trust-center/report", ua = ({
   channel: e,
   participant: t,
   showBlockParticipant: n = !0,
@@ -390,7 +390,7 @@ const se = ({
   logLabel: p = "useChannelModerationActions"
 }) => {
   var A;
-  const { service: h, debug: g } = it(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, S] = B(!1), [T, M] = B(!1), D = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
+  const { service: h, debug: g } = lt(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, v = !!(a && n && h && c), [w, b] = B(!1), [f, x] = B(null), [N, S] = B(!1), [T, M] = B(!1), L = v && ((f == null ? void 0 : f.participantId) !== c || (f == null ? void 0 : f.service) !== h);
   return K(() => {
     if (!v || !h || !c) {
       b(!1), x(null);
@@ -416,7 +416,7 @@ const se = ({
     };
   }, [v, h, c, p]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: D,
+    isCheckingBlockedStatus: L,
     isLeaving: N,
     isUpdatingBlockStatus: T,
     handleLeaveConversation: async () => {
@@ -460,10 +460,10 @@ const se = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(ca, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(da, "_blank", "noopener,noreferrer");
     }
   };
-}, _e = ({
+}, Ne = ({
   variant: e = "default",
   className: t,
   children: n,
@@ -480,7 +480,7 @@ const se = ({
     ...a,
     children: n
   }
-), tt = ({
+), st = ({
   channel: e,
   participant: t,
   showDeleteConversation: n = !0,
@@ -494,16 +494,16 @@ const se = ({
   customChannelActions: p,
   triggerClassName: h
 }) => {
-  const [g, c] = B(!1), v = G(null), w = Vs(), b = J(() => c(!1), []), {
+  const [g, c] = B(!1), v = G(null), w = Gs(), b = J(() => c(!1), []), {
     isParticipantBlocked: f,
     isCheckingBlockedStatus: x,
     isLeaving: N,
     isUpdatingBlockStatus: S,
     handleLeaveConversation: T,
     handleBlockUser: M,
-    handleUnblockUser: D,
-    handleReportUser: L
-  } = da({
+    handleUnblockUser: L,
+    handleReportUser: D
+  } = ua({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -537,7 +537,7 @@ const se = ({
         "aria-controls": g ? w : void 0,
         onClick: () => c((z) => !z),
         children: [
-          /* @__PURE__ */ s(An, { className: "size-5 text-black/90" }),
+          /* @__PURE__ */ s(Mn, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ s("span", { className: "sr-only", children: "More options" })
         ]
       }
@@ -553,13 +553,13 @@ const se = ({
         ),
         children: /* @__PURE__ */ m("ul", { className: "flex flex-col gap-1", children: [
           n && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(
-            _e,
+            Ne,
             {
               onClick: T,
               disabled: N,
               "aria-busy": N,
               children: [
-                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Mn, { className: "h-5 w-5" }),
+                N ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Rn, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Delete Conversation" })
               ]
             }
@@ -567,35 +567,35 @@ const se = ({
           a && /* @__PURE__ */ s("li", { children: x ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ m(_e, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ m(Ne, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ s("span", { children: "Block" })
             ] })
           ) : f ? /* @__PURE__ */ m(
-            _e,
+            Ne,
             {
-              onClick: D,
+              onClick: L,
               disabled: S,
               "aria-busy": S,
               children: [
-                S ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ m(
-            _e,
+            Ne,
             {
               onClick: M,
               disabled: S,
               "aria-busy": S,
               children: [
-                S ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Wt, { className: "h-5 w-5" }),
+                S ? /* @__PURE__ */ s(ze, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ s(Xt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ s("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(_e, { variant: "danger", onClick: L, children: [
-            /* @__PURE__ */ s(is, { className: "h-5 w-5" }),
+          r && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ m(Ne, { variant: "danger", onClick: D, children: [
+            /* @__PURE__ */ s(ls, { className: "h-5 w-5" }),
             /* @__PURE__ */ s("span", { children: "Report" })
           ] }) }),
           p
@@ -603,10 +603,10 @@ const se = ({
       }
     )
   ] });
-}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ua = "CUSTOMER_PAID", ma = "Replies instantly with AI assistant", ha = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ua, fa = (e) => {
+}, We = "flex size-10 flex-shrink-0 items-center justify-center rounded-full bg-white/65 shadow-[0px_4px_8px_0px_rgba(0,0,0,0.06),0px_0px_0px_1px_rgba(0,0,0,0.04)] backdrop-blur-[40px] transition-filter duration-150 hover:brightness-95 aria-expanded:brightness-95 focus-ring", ma = "CUSTOMER_PAID", ha = "Replies instantly with AI assistant", fa = (e) => typeof e == "string" && e.trim().replace(/[\s-]+/g, "_").toUpperCase() === ma, ga = (e) => {
   const t = e;
-  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(ha);
-}, ga = ({
+  return [t == null ? void 0 : t.customerTag, t == null ? void 0 : t.customer_tag].some(fa);
+}, pa = ({
   onBack: e,
   showBackButton: t,
   showStarButton: n = !1,
@@ -624,8 +624,8 @@ const se = ({
   showChannelInfo: v = !0,
   onParticipantNameClick: w
 }) => {
-  var L, O, z;
-  const { channel: b } = ue(), { client: f } = me(), x = U.useMemo(
+  var D, O, z;
+  const { channel: b } = le(), { client: f } = oe(), x = U.useMemo(
     () => {
       var y;
       return Ue(
@@ -634,8 +634,8 @@ const se = ({
         b.type
       );
     },
-    [(L = b.state) == null ? void 0 : L.members, f == null ? void 0 : f.userID, b.type]
-  ), N = ot(x == null ? void 0 : x.user), S = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = lt(b), M = fa(x), D = async () => {
+    [(D = b.state) == null ? void 0 : D.members, f == null ? void 0 : f.userID, b.type]
+  ), N = ct(x == null ? void 0 : x.user), S = (O = x == null ? void 0 : x.user) == null ? void 0 : O.image, T = ot(b), M = ga(x), L = async () => {
     try {
       T ? await b.unpin() : await b.pin();
     } catch (y) {
@@ -657,7 +657,7 @@ const se = ({
         }),
         type: "button",
         "aria-label": "Back to conversations",
-        children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
+        children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
       }
     ) }),
     /* @__PURE__ */ s("div", { className: "flex min-w-0 justify-center", "data-dd-privacy": "mask", children: /* @__PURE__ */ m(
@@ -669,7 +669,7 @@ const se = ({
         className: "group flex min-w-0 max-w-full appearance-none flex-col items-center border-0 bg-transparent px-2 focus-ring focus-visible:outline-none",
         children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((z = x == null ? void 0 : x.user) == null ? void 0 : z.id) || b.id || "unknown",
               name: N,
@@ -689,7 +689,7 @@ const se = ({
                   {
                     "aria-label": "Paid customer",
                     className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#34C759] text-white",
-                    children: /* @__PURE__ */ s(Rn, { className: "size-2.5", weight: "bold" })
+                    children: /* @__PURE__ */ s(Dn, { className: "size-2.5", weight: "bold" })
                   }
                 ),
                 n && T && /* @__PURE__ */ s(
@@ -697,7 +697,7 @@ const se = ({
                   {
                     "aria-label": "Starred conversation",
                     className: "flex size-4 shrink-0 items-center justify-center rounded-full bg-[#FFD60A] text-white",
-                    children: /* @__PURE__ */ s(Se, { className: "size-2.5", weight: "fill" })
+                    children: /* @__PURE__ */ s(Ee, { className: "size-2.5", weight: "fill" })
                   }
                 ),
                 /* @__PURE__ */ s(
@@ -712,7 +712,7 @@ const se = ({
             ] }),
             a && /* @__PURE__ */ m("span", { className: "mt-1 flex items-center gap-1 px-1 pb-0.5 text-[10px] leading-3 text-black/55", children: [
               /* @__PURE__ */ s(xe, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ s("span", { children: ma })
+              /* @__PURE__ */ s("span", { children: ha })
             ] })
           ] })
         ]
@@ -723,12 +723,12 @@ const se = ({
         "button",
         {
           className: We,
-          onClick: D,
+          onClick: L,
           type: "button",
           "aria-pressed": T,
           "aria-label": T ? "Unstar conversation" : "Star conversation",
           children: /* @__PURE__ */ s(
-            Se,
+            Ee,
             {
               className: k("size-5", {
                 "text-[#FFD60A]": T,
@@ -740,7 +740,7 @@ const se = ({
         }
       ),
       v && (c !== void 0 ? c : /* @__PURE__ */ s(
-        tt,
+        st,
         {
           channel: b,
           participant: x,
@@ -758,20 +758,20 @@ const se = ({
       ))
     ] })
   ] }) });
-}, pa = (e) => /* @__PURE__ */ s(qs, { ...e, position: "center" }), st = "vote_up", nt = "vote_down";
-function ba(e) {
-  return e != null && e.length ? e.some((t) => t.type === nt) ? "down" : e.some((t) => t.type === st) ? "up" : null : null;
-}
+}, ba = (e) => /* @__PURE__ */ s(Ws, { ...e, position: "center" }), nt = "vote_up", at = "vote_down";
 function va(e) {
-  const { channel: t } = ue(), { client: n } = me("useMessageVote"), a = ae(
-    () => ba(e.own_reactions),
+  return e != null && e.length ? e.some((t) => t.type === at) ? "down" : e.some((t) => t.type === nt) ? "up" : null : null;
+}
+function xa(e) {
+  const { channel: t } = le(), { client: n } = oe("useMessageVote"), a = se(
+    () => va(e.own_reactions),
     [e.own_reactions]
   ), r = J(async () => {
     if (n != null && n.userID)
       try {
-        a === "up" ? await t.deleteReaction(e.id, st) : await t.sendReaction(
+        a === "up" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
           e.id,
-          { type: st },
+          { type: nt },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -779,9 +779,9 @@ function va(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]), i = J(async () => {
     if (n != null && n.userID)
       try {
-        a === "down" ? await t.deleteReaction(e.id, nt) : await t.sendReaction(
+        a === "down" ? await t.deleteReaction(e.id, at) : await t.sendReaction(
           e.id,
-          { type: nt },
+          { type: at },
           { enforce_unique: !0, skip_push: !0 }
         );
       } catch {
@@ -789,24 +789,24 @@ function va(e) {
   }, [t, n == null ? void 0 : n.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function xa(e) {
+function wa(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
-function ms({
+function hs({
   message: e,
   viewerLanguage: t
 }) {
   var r;
-  const n = e == null ? void 0 : e.text, a = xa(t);
+  const n = e == null ? void 0 : e.text, a = wa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? n : n;
 }
-const wa = U.lazy(() => import("./Card-BqePrWk0.js")), _a = U.lazy(() => import("./Card-CS_6M9I_.js")), Na = U.lazy(() => import("./Card-CYD26x1-.js")), ct = () => /* @__PURE__ */ s(
+const _a = U.lazy(() => import("./Card-iGNcxybY.js")), Na = U.lazy(() => import("./Card-0wf8lj5n.js")), ya = U.lazy(() => import("./Card-RZ6C_IkE.js")), dt = () => /* @__PURE__ */ s(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), ya = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(wa, { ...e }) }), hs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(rt, { fallback: /* @__PURE__ */ s(ct, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), ka = hs, Ca = fs, Jt = { Composer: ya, Sent: hs, Received: fs, Creator: ka, Visitor: Ca }, Sa = [
+), ka = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(_a, { ...e }) }), fs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(Na, { ...e }) }), gs = (e) => /* @__PURE__ */ s(it, { fallback: /* @__PURE__ */ s(dt, {}), children: /* @__PURE__ */ s(ya, { ...e }) }), Ca = fs, Sa = gs, Zt = { Composer: ka, Sent: fs, Received: gs, Creator: Ca, Visitor: Sa }, Ea = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -816,42 +816,42 @@ const wa = U.lazy(() => import("./Card-BqePrWk0.js")), _a = U.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function le(e) {
+function ce(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
-function gs(e) {
-  const t = Sa.find(
+function ps(e) {
+  const t = Ea.find(
     ([n]) => n.test(e)
   );
   return t ? t[1] : "generic";
 }
-const Ea = {
-  video: os,
-  audio: Dn,
+const Ia = {
+  video: cs,
+  audio: zn,
   image: Ln,
-  document: ls
-}, Ia = {
-  pdf: Un,
-  doc: Bn,
-  xls: jn,
-  csv: $n,
-  ppt: On,
-  zip: Fn,
-  text: Pn,
-  markdown: zn,
-  generic: ls
+  document: os
+}, Ta = {
+  pdf: Vn,
+  doc: Un,
+  xls: Bn,
+  csv: jn,
+  ppt: $n,
+  zip: On,
+  text: Fn,
+  markdown: Pn,
+  generic: os
 };
-function Ta(e) {
-  const t = le(e);
-  return t !== "document" ? Ea[t] : Ia[gs(e)];
+function Aa(e) {
+  const t = ce(e);
+  return t !== "document" ? Ia[t] : Ta[ps(e)];
 }
 function we(e, t) {
-  return U.createElement(Ta(e), t);
+  return U.createElement(Aa(e), t);
 }
-const Aa = (e) => {
+const Ma = (e) => {
   var t, n;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((n = e.changedTouches[0]) == null ? void 0 : n.clientX) ?? 0 : e.clientX;
-}, Ma = ({
+}, Ra = ({
   source: e,
   mimeType: t,
   poster: n,
@@ -863,15 +863,15 @@ const Aa = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const p = le(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, S] = B(!1), [T, M] = B(!1), [D, L] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [E, C] = B(null), I = J(() => {
-    L(!1), b(!0);
+  const p = ce(t), h = G(null), g = G(null), c = G(null), v = G(r), [w, b] = B(a), [f, x] = B(0), [N, S] = B(!1), [T, M] = B(!1), [L, D] = B(!1), [O, z] = B(!1), [y, A] = B(!0), [E, C] = B(null), I = J(() => {
+    D(!1), b(!0);
   }, []), $ = J((_) => {
     const R = g.current;
     if (!R) return 0;
     const H = R.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (Aa(_) - H.left) / H.width)
+      Math.min(1, (Ma(_) - H.left) / H.width)
     );
   }, []), F = J((_) => {
     const R = h.current;
@@ -898,7 +898,7 @@ const Aa = (e) => {
   }, [w, N]), K(() => {
     const _ = h.current;
     _ && (w ? _.play().catch((R) => {
-      b(!1), L(!0);
+      b(!1), D(!0);
     }) : _.pause());
   }, [w]), K(() => {
     if (!N) return;
@@ -922,7 +922,7 @@ const Aa = (e) => {
           u(_);
           return;
         }
-        D || l && b((R) => !R);
+        L || l && b((R) => !R);
       },
       onKeyDown: (_) => {
         if (!(_.key !== "Enter" && _.key !== " ")) {
@@ -930,7 +930,7 @@ const Aa = (e) => {
             u(_);
             return;
           }
-          D || l && b((R) => !R);
+          L || l && b((R) => !R);
         }
       },
       children: [
@@ -959,7 +959,7 @@ const Aa = (e) => {
               z(!1), A(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onEnded: () => {
               i || (b(!1), x(0));
             },
@@ -979,7 +979,7 @@ const Aa = (e) => {
               z(!1), A(!1);
             },
             onWaiting: () => z(!0),
-            onPlay: () => L(!1),
+            onPlay: () => D(!1),
             onLoadedMetadata: () => {
               const _ = h.current;
               _ instanceof HTMLVideoElement && _.videoWidth && _.videoHeight && C(_.videoWidth / _.videoHeight);
@@ -990,14 +990,14 @@ const Aa = (e) => {
             children: /* @__PURE__ */ s("track", { kind: "captions" })
           }
         ) }),
-        O && !D && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
-          ke,
+        O && !L && /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ s(
+          Ce,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        D && !l && /* @__PURE__ */ s(
+        L && !l && /* @__PURE__ */ s(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -1010,7 +1010,7 @@ const Aa = (e) => {
             onKeyDown: (_) => {
               _.key !== "Enter" && _.key !== " " || (_.preventDefault(), _.stopPropagation(), I());
             },
-            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(et, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ s("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ s(tt, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         o && !l && /* @__PURE__ */ s("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ s(
@@ -1049,7 +1049,7 @@ const Aa = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": w ? "Pause" : "Play",
-              children: w ? /* @__PURE__ */ s(Vn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(et, { className: "size-5 translate-x-px", weight: "fill" })
+              children: w ? /* @__PURE__ */ s(Gn, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ s(tt, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ m(
@@ -1099,7 +1099,7 @@ const Aa = (e) => {
       ]
     }
   );
-}, Zt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Ra = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", ps = ({
+}, Qt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", Da = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", bs = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: n,
@@ -1108,9 +1108,9 @@ const Aa = (e) => {
   mediaPlayerProps: i,
   containedImage: l = !1
 }) => {
-  const o = le(e), [d, u] = B(!1);
+  const o = ce(e), [d, u] = B(!1);
   return t && (o === "video" || o === "audio") ? /* @__PURE__ */ s(
-    Ma,
+    Ra,
     {
       source: t,
       mimeType: e,
@@ -1157,11 +1157,11 @@ const Aa = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
-  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Ra(r)}`, children: /* @__PURE__ */ s(
+  ) : n ? /* @__PURE__ */ s("div", { className: `relative ${Da(r)}`, children: /* @__PURE__ */ s(
     "img",
     {
       src: n,
@@ -1174,12 +1174,12 @@ const Aa = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: we(e, {
-        className: Zt(r),
+        className: Qt(r),
         weight: "regular"
       })
     }
   );
-}, bs = ({
+}, vs = ({
   variant: e,
   thumbnail: t,
   title: n,
@@ -1245,28 +1245,28 @@ const Aa = (e) => {
     }
   );
 };
-function vs(e) {
+function xs(e) {
   return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function dt(e) {
+function ut(e) {
   return `w-[280px] select-none overflow-hidden rounded-[24px] ${e ? "bg-[#121110]" : "bg-[#F3F3F1]"} shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]`;
 }
 function La(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function Da(e) {
+function za(e) {
   return e ? "text-white" : "text-black";
 }
-function za(e) {
+function Pa(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function Pa(e) {
+function Fa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function Fa(e) {
+function Oa(e) {
   return e ? "text-white/20" : "text-black/20";
 }
-const ut = ({ attachment: e, isMyMessage: t }) => {
+const mt = ({ attachment: e, isMyMessage: t }) => {
   const { title: n, text: a, image_url: r, og_scrape_url: i, title_link: l } = e, o = i ?? l, d = typeof o == "string" && o.trim() !== "" ? o : void 0, u = /* @__PURE__ */ m(U.Fragment, { children: [
     /* @__PURE__ */ s("div", { className: "p-2", children: r ? /* @__PURE__ */ s(
       "img",
@@ -1279,25 +1279,25 @@ const ut = ({ attachment: e, isMyMessage: t }) => {
       "div",
       {
         className: `aspect-video w-full rounded-[20px] ${La(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ s(Gn, { className: `size-12 ${Fa(t)}` })
+        children: /* @__PURE__ */ s(Hn, { className: `size-12 ${Oa(t)}` })
       }
     ) }),
     /* @__PURE__ */ m("div", { className: "px-3 pb-3", children: [
-      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${Da(t)}`, children: n }),
-      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${za(t)}`, children: a }),
-      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Pa(t)}`, children: d })
+      n && /* @__PURE__ */ s("p", { className: `truncate text-[14px] font-medium leading-5 ${za(t)}`, children: n }),
+      a && /* @__PURE__ */ s("p", { className: `truncate text-[12px] leading-4 ${Pa(t)}`, children: a }),
+      d && /* @__PURE__ */ s("p", { className: `mt-1 truncate text-[12px] leading-4 ${Fa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ s("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ s("div", { className: "block", children: u });
 };
-function xs(e) {
+function ws(e) {
   return e.type === "link" || !!e.og_scrape_url && !e.asset_url;
 }
-function mt(e) {
+function ht(e) {
   var t;
-  return (t = e.attachments) == null ? void 0 : t.find(xs);
+  return (t = e.attachments) == null ? void 0 : t.find(ws);
 }
-async function Oa(e, t) {
+async function $a(e, t) {
   let n;
   try {
     n = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1309,7 +1309,7 @@ async function Oa(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 $a = ({
+const ja = ({
   url: e,
   filename: t
 }) => {
@@ -1321,7 +1321,7 @@ const $a = ({
       onClick: (i) => {
         i.stopPropagation();
         const l = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), Oa(e, t).then(() => {
+        a(!0), $a(e, t).then(() => {
           l == null || l.close();
         }).catch(() => {
           l && (l.location.href = e);
@@ -1329,14 +1329,14 @@ const $a = ({
       },
       disabled: n,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: n ? /* @__PURE__ */ s(ke, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(U.Fragment, { children: [
-        /* @__PURE__ */ s(Ce, { className: "size-4 text-white", weight: "bold" }),
+      children: n ? /* @__PURE__ */ s(Ce, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ m(U.Fragment, { children: [
+        /* @__PURE__ */ s(Se, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
-function ht(e) {
+function ft(e) {
   var h, g, c, v;
   const t = (h = e.attachments) == null ? void 0 : h.find(
     (w) => w.type === "video" && w.asset_url
@@ -1357,16 +1357,16 @@ function ht(e) {
     thumbnailUrl: p
   };
 }
-const ws = ({
+const _s = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = a !== void 0 ? vs(a) : void 0;
+  const i = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
-    bs,
+    vs,
     {
       variant: "dark",
       title: n,
@@ -1374,7 +1374,7 @@ const ws = ({
       mimeType: t,
       detail: i,
       thumbnail: /* @__PURE__ */ s(
-        ps,
+        bs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1385,23 +1385,23 @@ const ws = ({
       )
     }
   );
-}, _s = ({
+}, Ns = ({
   resolvedUrl: e,
   resolvedType: t,
   title: n,
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = le(t), l = a !== void 0 ? vs(a) : void 0;
+  const i = ce(t), l = a !== void 0 ? xs(a) : void 0;
   return /* @__PURE__ */ s(
-    bs,
+    vs,
     {
       variant: "light",
       title: n,
       mimeType: t,
       detail: l,
       thumbnail: /* @__PURE__ */ s(
-        ps,
+        bs,
         {
           mimeType: t,
           sourceUrl: e,
@@ -1411,17 +1411,17 @@ const ws = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ s($a, { url: e, filename: n })
+      action: /* @__PURE__ */ s(ja, { url: e, filename: n })
     }
   );
-}, ja = ({
+}, Ba = ({
   message: e,
   isMyMessage: t = !1
 }) => {
-  const n = mt(e), a = ht(e);
+  const n = ht(e), a = ft(e);
   return !n && !a ? null : /* @__PURE__ */ m("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", "data-dd-privacy": "mask", children: [
     !t && e.user && /* @__PURE__ */ s(
-      se,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1439,41 +1439,41 @@ const ws = ({
           {
             className: "str-chat__message-bubble",
             style: { padding: 0, borderRadius: 0, overflow: "visible", background: "transparent" },
-            children: n ? /* @__PURE__ */ s("div", { className: dt(t), children: /* @__PURE__ */ s(ut, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(ws, { ...a }) : /* @__PURE__ */ s(_s, { ...a })
+            children: n ? /* @__PURE__ */ s("div", { className: ut(t), children: /* @__PURE__ */ s(mt, { attachment: n, isMyMessage: t }) }) : t ? /* @__PURE__ */ s(_s, { ...a }) : /* @__PURE__ */ s(Ns, { ...a })
           }
         ) })
       }
     )
   ] });
-}, Ba = ({
+}, Ua = ({
   message: e
 }) => {
-  const t = mt(e);
+  const t = ht(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: dt(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !0 }) });
-  const n = ht(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ws, { ...n }) }) : null;
-}, Ua = ({
+    return /* @__PURE__ */ s("div", { className: ut(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !0 }) });
+  const n = ft(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
+}, Va = ({
   message: e
 }) => {
-  const t = mt(e);
+  const t = ht(e);
   if (t)
-    return /* @__PURE__ */ s("div", { className: dt(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(ut, { attachment: t, isMyMessage: !1 }) });
-  const n = ht(e);
-  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(_s, { ...n }) }) : null;
-}, ul = Object.assign(ja, {
-  Creator: Ba,
-  Visitor: Ua
-}), Va = {
+    return /* @__PURE__ */ s("div", { className: ut(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ s(mt, { attachment: t, isMyMessage: !1 }) });
+  const n = ft(e);
+  return n ? /* @__PURE__ */ s("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ s(Ns, { ...n }) }) : null;
+}, ul = Object.assign(Ba, {
+  Creator: Ua,
+  Visitor: Va
+}), Ga = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Ga = {
+}, Ha = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Ha = {
+}, Ya = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Ya = (e) => e === "dark" ? "sender" : "receiver", qa = {
+}, qa = (e) => e === "dark" ? "sender" : "receiver", Wa = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -1495,7 +1495,7 @@ const ws = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = qa[Ya(e)][a];
+  const o = t != null && t !== "", d = Wa[qa(e)][a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1510,10 +1510,10 @@ const ws = ({
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        Va[e],
         Ga[e],
+        Ha[e],
         n && "border",
-        n && Ha[e],
+        n && Ya[e],
         r
       ),
       children: [
@@ -1556,16 +1556,16 @@ const ws = ({
     ),
     children: /* @__PURE__ */ s(Be, { className: "size-3", weight: "bold" })
   }
-), Me = (e) => e === "received" ? "light" : "dark", Wa = ({
+), Me = (e) => e === "received" ? "light" : "dark", Xa = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: n
-}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Xa = ({
+}) => !n || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ka = ({
   src: e,
   mimeType: t,
   filename: n,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ka = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: n }] : [], Ja = ({ item: e, preload: t, trailingAction: n }) => /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ s(
     "audio",
     {
@@ -1577,7 +1577,7 @@ const ws = ({
     }
   ),
   n ?? null
-] }), ft = ({
+] }), gt = ({
   state: e,
   src: t,
   mimeType: n,
@@ -1588,7 +1588,7 @@ const ws = ({
   preload: o,
   onDismiss: d
 }) => {
-  const u = Me(e), p = e === "composer" && !!d, h = Xa({ src: t, mimeType: n, filename: a, items: r });
+  const u = Me(e), p = e === "composer" && !!d, h = Ka({ src: t, mimeType: n, filename: a, items: r });
   if (h.length === 0)
     return null;
   const g = o ?? (h.length > 1 ? "none" : "metadata");
@@ -1600,7 +1600,7 @@ const ws = ({
       groupPosition: l,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: h.map((c, v) => /* @__PURE__ */ s(
-        Ka,
+        Ja,
         {
           item: c,
           preload: g,
@@ -1614,15 +1614,15 @@ const ws = ({
       )) })
     }
   );
-}, Ja = (e) => /* @__PURE__ */ s(ft, { ...e, state: "composer" }), Za = (e) => /* @__PURE__ */ s(ft, { ...e, state: "sent" }), Qa = (e) => /* @__PURE__ */ s(ft, { ...e, state: "received" }), er = {
-  Composer: Ja,
-  Sent: Za,
-  Received: Qa
+}, Za = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), Qa = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), er = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), tr = {
+  Composer: Za,
+  Sent: Qa,
+  Received: er
 };
-function tr(e) {
+function sr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const sr = {
+const nr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -1632,7 +1632,7 @@ const sr = {
   text: "TXT",
   markdown: "MD"
 };
-function nr(e, t) {
+function ar(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -1641,8 +1641,8 @@ function nr(e, t) {
     }
   }
   if (!e) return;
-  if (le(e) === "document") {
-    const r = gs(e), i = sr[r];
+  if (ce(e) === "document") {
+    const r = ps(e), i = nr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -1650,8 +1650,8 @@ function nr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function ar(e, t, n) {
-  const a = nr(e, t), r = typeof n == "number" && n > 0 ? tr(n) : void 0;
+function rr(e, t, n) {
+  const a = ar(e, t), r = typeof n == "number" && n > 0 ? sr(n) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function re(e) {
@@ -1662,16 +1662,16 @@ function re(e) {
     return "download";
   }
 }
-const rr = {
+const ir = {
   dark: "text-white/55",
   light: "text-black/65"
-}, ir = {
+}, lr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, lr = {
+}, or = {
   dark: "text-white/85",
   light: "text-black/85"
-}, Ns = ({
+}, ys = ({
   variant: e,
   filename: t,
   title: n,
@@ -1681,16 +1681,16 @@ const rr = {
   activateLabel: l,
   trailingAction: o
 }) => {
-  const d = n ?? t ?? "File", u = ar(a, t, r), p = /* @__PURE__ */ s(
+  const d = n ?? t ?? "File", u = rr(a, t, r), p = /* @__PURE__ */ s(
     "div",
     {
       className: k(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        ir[e]
+        lr[e]
       ),
       "aria-hidden": !0,
       children: we(a, {
-        className: k("size-6", lr[e]),
+        className: k("size-6", or[e]),
         weight: "regular"
       })
     }
@@ -1701,7 +1701,7 @@ const rr = {
       {
         className: k(
           "truncate text-xs leading-4",
-          rr[e]
+          ir[e]
         ),
         children: u
       }
@@ -1730,7 +1730,7 @@ const rr = {
     o ? /* @__PURE__ */ s("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function ys(e, t) {
+async function ks(e, t) {
   const n = t ?? re(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -1744,14 +1744,14 @@ async function ys(e, t) {
     }
   }
 }
-const or = ({
+const cr = ({
   src: e,
   filename: t,
   fileSize: n,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], cr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: n, mimeType: a, title: r }] : [], dr = ({
   variant: e,
   item: t,
   index: n,
@@ -1760,7 +1760,7 @@ const or = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ns,
+    ys,
     {
       variant: e,
       filename: i,
@@ -1772,7 +1772,7 @@ const or = ({
       trailingAction: r
     }
   );
-}, gt = ({
+}, pt = ({
   state: e,
   src: t,
   filename: n,
@@ -1785,7 +1785,7 @@ const or = ({
   onClick: u,
   onDismiss: p
 }) => {
-  const h = Me(e), g = e === "composer" && !!p, c = or({
+  const h = Me(e), g = e === "composer" && !!p, c = cr({
     src: t,
     filename: n,
     fileSize: a,
@@ -1797,7 +1797,7 @@ const or = ({
     const f = c[b];
     if (!f) return;
     const x = f.filename ?? re(f.src);
-    ys(f.src, x);
+    ks(f.src, x);
   };
   if (c.length === 0)
     return null;
@@ -1809,7 +1809,7 @@ const or = ({
         h === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ s(Ce, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ s(Se, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ s(
@@ -1820,7 +1820,7 @@ const or = ({
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: c.map((b, f) => /* @__PURE__ */ s(
-        cr,
+        dr,
         {
           variant: h,
           item: b,
@@ -1832,11 +1832,11 @@ const or = ({
       )) })
     }
   );
-}, dr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "composer" }), ur = (e) => /* @__PURE__ */ s(gt, { ...e, state: "sent" }), mr = (e) => /* @__PURE__ */ s(gt, { ...e, state: "received" }), hr = {
-  Composer: dr,
-  Sent: ur,
-  Received: mr
-}, pt = ({
+}, ur = (e) => /* @__PURE__ */ s(pt, { ...e, state: "composer" }), mr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "sent" }), hr = (e) => /* @__PURE__ */ s(pt, { ...e, state: "received" }), fr = {
+  Composer: ur,
+  Sent: mr,
+  Received: hr
+}, bt = ({
   onPrev: e,
   onNext: t,
   prevLabel: n = "Previous",
@@ -1849,7 +1849,7 @@ const or = ({
       onClick: e,
       "aria-label": n,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ s(Hn, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Yn, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ s(
@@ -1862,7 +1862,7 @@ const or = ({
       children: /* @__PURE__ */ s(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
-] }), ks = ({
+] }), Cs = ({
   url: e,
   filename: t,
   variant: n = "pill",
@@ -1873,7 +1873,7 @@ const or = ({
 }) => {
   const [o, d] = B(!1), u = J(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), ys(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), ks(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
@@ -1898,14 +1898,14 @@ const or = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ s(
-        ke,
+        Ce,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ s(
-        Ce,
+        Se,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -1921,7 +1921,7 @@ const or = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ s(ke, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ s(Ce, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ s(Se, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ m(
     "button",
@@ -1936,18 +1936,18 @@ const or = ({
       ),
       children: [
         o ? /* @__PURE__ */ s(
-          ke,
+          Ce,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ s(Ce, { ...g, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ s(Se, { ...g, "aria-hidden": !0 }),
         p ? null : a
       ]
     }
   );
-}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), bt = ({
+}, Xe = (e, t, n) => Math.min(Math.max(e, t), n), vt = ({
   length: e,
   initialIndex: t,
   open: n
@@ -1972,7 +1972,7 @@ const or = ({
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [n, e, l, o]), { index: r, prev: l, next: o };
-}, vt = ({
+}, xt = ({
   open: e,
   onClose: t,
   ariaLabel: n,
@@ -2062,29 +2062,29 @@ const or = ({
       ]
     }
   );
-}, Cs = ({
+}, Ss = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = bt({
+  const { index: r, prev: i, next: l } = vt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "image"),
     [o]
   );
   return o ? /* @__PURE__ */ m(
-    vt,
+    xt,
     {
       open: e,
       onClose: a,
       ariaLabel: d,
       counter: t.length > 1 ? `${r + 1} / ${t.length}` : void 0,
       actions: /* @__PURE__ */ s(
-        ks,
+        Cs,
         {
           url: o.src,
           filename: d,
@@ -2107,7 +2107,7 @@ const or = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          pt,
+          bt,
           {
             onPrev: i,
             onNext: l,
@@ -2118,7 +2118,7 @@ const or = ({
       ]
     }
   ) : null;
-}, fr = "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", Ss = ({
+}, gr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", Es = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: n = 4,
@@ -2127,7 +2127,7 @@ const or = ({
   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(fr, "h-full w-full");
+    const h = k(gr, "h-full w-full");
     return t ? /* @__PURE__ */ m(
       "button",
       {
@@ -2196,7 +2196,7 @@ const or = ({
     [e]
   ), l = J(() => n(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: l };
-}, gr = (e, t, n, a) => ({
+}, pr = (e, t, n, a) => ({
   ariaLabel: `Open image ${t + 1} of ${n}`,
   content: /* @__PURE__ */ s(
     "img",
@@ -2211,15 +2211,15 @@ const or = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), pr = ({
+}), br = ({
   src: e,
   alt: t,
   items: n
-}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Es = (e, t) => e.map((n, a) => ({
+}) => n && n.length > 0 ? n : e ? [{ src: e, alt: t }] : [], Is = (e, t) => e.map((n, a) => ({
   src: n.src,
   alt: n.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), br = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), vr = ({ src: e, alt: t, filename: n, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: u } = Re(
     r
   );
@@ -2246,16 +2246,16 @@ const or = ({
     ),
     i ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: i }) }) : null,
     /* @__PURE__ */ s(
-      Cs,
+      Ss,
       {
         open: l,
-        items: Es([{ src: e, alt: t }], n),
+        items: Is([{ src: e, alt: t }], n),
         initialIndex: o,
         onClose: u
       }
     )
   ] });
-}, Is = ({
+}, Ts = ({
   state: e,
   src: t,
   alt: n,
@@ -2266,13 +2266,13 @@ const or = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const u = pr({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: v } = Re(
+  const u = br({ src: t, alt: n, items: r }), p = Me(e), { viewerOpen: h, viewerIndex: g, handleActivate: c, closeViewer: v } = Re(
     d
   );
   if (u.length === 0)
     return null;
   const w = u.map(
-    (b, f) => gr(b, f, u.length, o)
+    (b, f) => pr(b, f, u.length, o)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2282,12 +2282,12 @@ const or = ({
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Ss, { tiles: w, onTileActivate: c }) }),
+        /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(Es, { tiles: w, onTileActivate: c }) }),
         /* @__PURE__ */ s(
-          Cs,
+          Ss,
           {
             open: h,
-            items: Es(u, a),
+            items: Is(u, a),
             initialIndex: g,
             onClose: v
           }
@@ -2295,29 +2295,29 @@ const or = ({
       ]
     }
   );
-}, vr = (e) => /* @__PURE__ */ s(br, { ...e }), xr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "sent" }), wr = (e) => /* @__PURE__ */ s(Is, { ...e, state: "received" }), _r = {
-  Composer: vr,
-  Sent: xr,
-  Received: wr
-}, Nr = ({
+}, xr = (e) => /* @__PURE__ */ s(vr, { ...e }), wr = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "sent" }), _r = (e) => /* @__PURE__ */ s(Ts, { ...e, state: "received" }), Nr = {
+  Composer: xr,
+  Sent: wr,
+  Received: _r
+}, yr = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = bt({
+  const { index: r, prev: i, next: l } = vt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "document"),
     [o]
-  ), u = ae(
-    () => o ? yr(o.src) : void 0,
+  ), u = se(
+    () => o ? kr(o.src) : void 0,
     [o]
   );
   return !o || !u ? null : /* @__PURE__ */ m(
-    vt,
+    xt,
     {
       open: e,
       onClose: a,
@@ -2336,7 +2336,7 @@ const or = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          pt,
+          bt,
           {
             onPrev: i,
             onNext: l,
@@ -2347,16 +2347,16 @@ const or = ({
       ]
     }
   );
-}, yr = (e) => {
+}, kr = (e) => {
   const t = e.indexOf("#"), n = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${n}#${r.toString()}`;
-}, kr = ({
+}, Cr = ({
   src: e,
   filename: t,
   fileSize: n,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Cr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: n, title: a }] : [], Sr = ({
   variant: e,
   item: t,
   index: n,
@@ -2365,7 +2365,7 @@ const or = ({
 }) => {
   const i = t.filename ?? re(t.src);
   return /* @__PURE__ */ s(
-    Ns,
+    ys,
     {
       variant: e,
       filename: i,
@@ -2377,7 +2377,7 @@ const or = ({
       trailingAction: r
     }
   );
-}, xt = ({
+}, wt = ({
   state: e,
   src: t,
   filename: n,
@@ -2389,7 +2389,7 @@ const or = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const p = Me(e), h = kr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Me(e), h = Cr({ src: t, filename: n, fileSize: a, title: r, items: i }), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     d
   ), b = e === "composer" && !!u;
   if (h.length === 0)
@@ -2408,7 +2408,7 @@ const or = ({
       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(
-            ks,
+            Cs,
             {
               url: x.src,
               filename: S,
@@ -2418,7 +2418,7 @@ const or = ({
             }
           );
           return /* @__PURE__ */ s(
-            Cr,
+            Sr,
             {
               variant: p,
               item: x,
@@ -2430,7 +2430,7 @@ const or = ({
           );
         }) }),
         /* @__PURE__ */ s(
-          Nr,
+          yr,
           {
             open: g,
             items: f,
@@ -2441,26 +2441,26 @@ const or = ({
       ]
     }
   );
-}, Sr = (e) => /* @__PURE__ */ s(xt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ s(xt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ s(xt, { ...e, state: "received" }), Tr = {
-  Composer: Sr,
-  Sent: Er,
-  Received: Ir
-}, Ts = ({
+}, Er = (e) => /* @__PURE__ */ s(wt, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ s(wt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ s(wt, { ...e, state: "received" }), Ar = {
+  Composer: Er,
+  Sent: Ir,
+  Received: Tr
+}, As = ({
   open: e,
   items: t,
   initialIndex: n = 0,
   onClose: a
 }) => {
-  const { index: r, prev: i, next: l } = bt({
+  const { index: r, prev: i, next: l } = vt({
     length: t.length,
     initialIndex: n,
     open: e
-  }), o = t[r], d = ae(
+  }), o = t[r], d = se(
     () => (o == null ? void 0 : o.filename) ?? (o ? re(o.src) : "video"),
     [o]
   );
   return o ? /* @__PURE__ */ m(
-    vt,
+    xt,
     {
       open: e,
       onClose: a,
@@ -2484,7 +2484,7 @@ const or = ({
           `${r}:${o.src}`
         ),
         t.length > 1 ? /* @__PURE__ */ s(
-          pt,
+          bt,
           {
             onPrev: i,
             onNext: l,
@@ -2495,7 +2495,7 @@ const or = ({
       ]
     }
   ) : null;
-}, Ar = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(et, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), As = ({
+}, Mr = () => /* @__PURE__ */ s("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ s(tt, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Ms = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ m("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -2510,24 +2510,24 @@ const or = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   ) : /* @__PURE__ */ s("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ s(
-    os,
+    cs,
     {
       className: "size-16 rounded-md text-white/30",
       weight: "regular",
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ s(Ar, {})
-] }), Mr = (e, t, n) => ({
+  /* @__PURE__ */ s(Mr, {})
+] }), Rr = (e, t, n) => ({
   ariaLabel: `Play video ${t + 1} of ${n}`,
-  content: /* @__PURE__ */ s(As, { item: e, index: t })
-}), Rr = ({
+  content: /* @__PURE__ */ s(Ms, { item: e, index: t })
+}), Dr = ({
   src: e,
   poster: t,
   mimeType: n,
   preload: a,
   items: r
-}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Ms = (e, t) => e.map((n, a) => ({
+}) => r && r.length > 0 ? a ? r.map((i) => ({ ...i, preload: i.preload ?? a })) : r : e ? [{ src: e, poster: t, mimeType: n, preload: a }] : [], Rs = (e, t) => e.map((n, a) => ({
   src: n.src,
   poster: n.poster,
   mimeType: n.mimeType,
@@ -2545,15 +2545,15 @@ const or = ({
         onClick: () => u(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ s(As, { item: { src: e, poster: t, mimeType: n }, index: 0 })
+        children: /* @__PURE__ */ s(Ms, { item: { src: e, poster: t, mimeType: n }, index: 0 })
       }
     ),
     l ? /* @__PURE__ */ s("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ s(Ae, { onClick: l }) }) : null,
     /* @__PURE__ */ s(
-      Ts,
+      As,
       {
         open: o,
-        items: Ms(
+        items: Rs(
           [{ src: e, poster: t, mimeType: n, preload: r }],
           a
         ),
@@ -2562,7 +2562,7 @@ const or = ({
       }
     )
   ] });
-}, Rs = ({
+}, Ds = ({
   state: e,
   src: t,
   poster: n,
@@ -2574,13 +2574,13 @@ const or = ({
   preload: d,
   onClick: u
 }) => {
-  const p = Rr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
+  const p = Dr({ src: t, poster: n, mimeType: a, preload: d, items: i }), h = Me(e), { viewerOpen: g, viewerIndex: c, handleActivate: v, closeViewer: w } = Re(
     u
   );
   if (p.length === 0)
     return null;
   const b = p.map(
-    (f, x) => Mr(f, x, p.length)
+    (f, x) => Rr(f, x, p.length)
   );
   return /* @__PURE__ */ m(
     Te,
@@ -2591,7 +2591,7 @@ const or = ({
       "data-testid": "video-attachment",
       children: [
         /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
-          Ss,
+          Es,
           {
             tiles: b,
             onTileActivate: v,
@@ -2599,10 +2599,10 @@ const or = ({
           }
         ) }),
         /* @__PURE__ */ s(
-          Ts,
+          As,
           {
             open: g,
-            items: Ms(p, r),
+            items: Rs(p, r),
             initialIndex: c,
             onClose: w
           }
@@ -2610,25 +2610,25 @@ const or = ({
       ]
     }
   );
-}, Dr = (e) => /* @__PURE__ */ s(Lr, { ...e }), zr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "sent" }), Pr = (e) => /* @__PURE__ */ s(Rs, { ...e, state: "received" }), Fr = {
-  Composer: Dr,
-  Sent: zr,
-  Received: Pr
-}, Ne = {
-  Image: _r,
-  Video: Fr,
-  Audio: er,
-  Pdf: Tr,
-  File: hr
-}, Or = {
-  isUnlocking: () => !1
+}, 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 = {
-  LockedAttachment: Or
-}, Ls = at({}), ml = Ls.Provider;
-function jr(e) {
-  return Ee(Ls)[e] ?? $r[e];
+  isUnlocking: () => !1
+}, jr = {
+  LockedAttachment: $r
+}, Ls = rt({}), ml = Ls.Provider;
+function Br(e) {
+  return Ie(Ls)[e] ?? jr[e];
 }
-const Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
+const Ur = ({ size: e = 15 }) => /* @__PURE__ */ s(
   "svg",
   {
     width: e,
@@ -2645,21 +2645,21 @@ const Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
       }
     )
   }
-), Ur = (e) => {
+), Vr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Vr = (e) => {
+}, Gr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
 }, Fe = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Gr = (e) => {
+}, Hr = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, Ds = (e) => Ur(e) || Vr(e), Hr = (e) => {
+}, zs = (e) => Vr(e) || Gr(e), Yr = (e) => {
   var t;
-  return Ds(e) && !((t = e.text) != null && t.trim());
+  return zs(e) && !((t = e.text) != null && t.trim());
 }, Ke = ({
   message: e,
   standalone: t = !1,
@@ -2667,7 +2667,7 @@ const Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
   hasAttachment: a = !1
 }) => {
   var h;
-  const r = Ds(e), i = Fe(e);
+  const r = zs(e), i = Fe(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -2675,7 +2675,7 @@ const Br = ({ 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(Yn, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ s(qn, { size: t ? 14 : 12 }),
       /* @__PURE__ */ s("span", { children: v })
     ] });
   }
@@ -2683,7 +2683,7 @@ const Br = ({ 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(Br, { size: l ? 12 : 15 }) });
+  ].join(" "), u = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__label", children: o }), p = /* @__PURE__ */ s("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ s(Ur, { size: l ? 12 : 15 }) });
   return /* @__PURE__ */ s("div", { className: d, "data-testid": "message-chatbot-indicator", children: n && !l ? /* @__PURE__ */ m(ee, { children: [
     u,
     p
@@ -2691,7 +2691,7 @@ const Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
     p,
     u
   ] }) });
-}, Yr = ({
+}, qr = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: n
@@ -2707,7 +2707,7 @@ const Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ s(qn, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ s(
@@ -2721,20 +2721,32 @@ const Br = ({ size: e = 15 }) => /* @__PURE__ */ s(
       "aria-label": "Bad response",
       "aria-pressed": e === "down",
       "data-tooltip": "Bad response",
-      children: /* @__PURE__ */ s(Wn, { size: 16, weight: e === "down" ? "fill" : "regular" })
+      children: /* @__PURE__ */ s(Xn, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), qr = () => /* @__PURE__ */ m(ee, { children: [
-  /* @__PURE__ */ s(Xn, { weight: "bold", "aria-hidden": "true" }),
-  /* @__PURE__ */ s("span", { "data-testid": "sent-message-delivery-status", children: "Delivered" })
-] }), Wr = () => null, Xr = () => /* @__PURE__ */ s(
-  Ws,
+] }), 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: qr,
+    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 wt(e) {
+function _t(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
@@ -2752,7 +2764,7 @@ const Zr = {
   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 = wt(t.href);
+  ), a = _t(t.href);
   return a ? /* @__PURE__ */ s(
     "a",
     {
@@ -2784,7 +2796,7 @@ const Zr = {
 }, ti = "text-white/30", si = {
   dark: "text-white/55",
   light: "text-black/55"
-}, _t = ({
+}, Nt = ({
   variant: e,
   title: t,
   placeholderTitle: n,
@@ -2892,11 +2904,11 @@ const Zr = {
 }, ri = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Ve = (e, t) => !!t && !!e && le(e) === "audio", Nt = (e, t) => {
+}, Ve = (e, t) => !!t && !!e && ce(e) === "audio", yt = (e, t) => {
   if (!t || !e) return !1;
-  const n = le(e);
+  const n = ce(e);
   return n === "video" || n === "audio";
-}, yt = "bg-[#F2F3F4]", $e = ({
+}, kt = "bg-[#F2F3F4]", $e = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: n,
@@ -2905,7 +2917,7 @@ const Zr = {
   topLeft: i,
   topRight: l
 }) => {
-  const o = le(r), d = !!n && o === "video";
+  const o = ce(r), d = !!n && o === "video";
   return Ve(r, n) ? /* @__PURE__ */ s("div", { className: "p-3", children: /* @__PURE__ */ s(
     "audio",
     {
@@ -2990,10 +3002,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(Kn, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ s(Jn, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: yt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ s(Oe, { variant: "dark", bgClassName: kt, children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ s(
       $e,
       {
@@ -3022,7 +3034,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          _t,
+          Nt,
           {
             variant: "dark",
             title: e,
@@ -3049,7 +3061,7 @@ const Zr = {
   cta: d,
   onClick: u
 }) => {
-  const p = Nt(a, i), h = wt(n), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? yt : void 0, w = d && u ? {
+  const p = yt(a, i), h = _t(n), g = d == null && h != null && !p ? h : void 0, c = d == null && !p ? u : void 0, v = Ve(a, i) ? kt : void 0, w = d && u ? {
     ...d,
     onClick: () => {
       var b;
@@ -3077,7 +3089,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          _t,
+          Nt,
           {
             variant: "light",
             title: e,
@@ -3103,14 +3115,14 @@ const Zr = {
   cta: u,
   onClick: p
 }) => {
-  const h = Nt(r, l), g = wt(a), c = u == null && g != null && !h ? g : void 0, v = u == null && !h && c != null ? p : void 0;
+  const h = yt(r, l), g = _t(a), c = u == null && g != null && !h ? g : void 0, v = u == null && !h && c != null ? p : void 0;
   return /* @__PURE__ */ m(
     Oe,
     {
       variant: "dark",
       href: c,
       onClick: v,
-      bgClassName: Ve(r, l) ? yt : void 0,
+      bgClassName: Ve(r, l) ? kt : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ s(
           $e,
@@ -3123,7 +3135,7 @@ const Zr = {
           }
         ),
         /* @__PURE__ */ s(
-          _t,
+          Nt,
           {
             variant: "dark",
             title: e,
@@ -3137,7 +3149,7 @@ const Zr = {
       ]
     }
   );
-}, Qt = {
+}, es = {
   Composer: ii,
   Sent: oi,
   Received: li
@@ -3146,13 +3158,13 @@ function P(e) {
   const t = e == null ? void 0 : e.trim();
   return t || void 0;
 }
-function es(e) {
+function ts(e) {
   return e.trim().replace(/^https?:\/\//i, "").replace(/\/+$/, "").toLowerCase();
 }
 function ui(e, t) {
   if (!(e != null && e.trim()) || !(t != null && t.trim()))
     return !1;
-  const n = es(e), a = es(t);
+  const n = ts(e), a = ts(t);
   if (n === a)
     return !0;
   if (!n.includes(a))
@@ -3160,7 +3172,7 @@ function ui(e, t) {
   const r = n.split(a).join("");
   return !/[^\p{P}\p{Z}\p{C}]/u.test(r);
 }
-function ts(e) {
+function ss(e) {
   const t = P(e.og_scrape_url) ?? P(e.title_link), n = P(e.image_url) ?? P(e.thumb_url), a = P(e.asset_url), r = P(e.mime_type);
   return {
     title: P(e.title),
@@ -3170,19 +3182,19 @@ function ts(e) {
     // Playable clip embedded in a link preview — lets LinkAttachment render its
     // native video/audio player in the hero instead of a static thumbnail.
     sourceUrl: a,
-    layout: n || Nt(r, a) ? "featured" : "classic",
+    layout: n || yt(r, a) ? "featured" : "classic",
     mimeType: r
   };
 }
 function mi(e) {
   var t;
-  return zs(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
+  return Ps(e) ? null : e.type === "image" ? e.image_url || e.asset_url ? "image" : null : e.type === "video" && e.asset_url ? "video" : e.type === "audio" && e.asset_url ? "audio" : e.type === "file" && e.asset_url ? e.mime_type === "application/pdf" ? "pdf" : (t = e.mime_type) != null && t.startsWith("audio/") ? "audio" : "file" : null;
 }
-function zs(e) {
+function Ps(e) {
   const t = P(e.og_scrape_url);
   return e.type === "link" || !!t && !e.asset_url;
 }
-function Ps(e) {
+function Fs(e) {
   if (!(e != null && e.length)) return [];
   const t = [], n = (r, i) => {
     const l = t[t.length - 1];
@@ -3200,7 +3212,7 @@ function Ps(e) {
     t.push({ type: "link", attachments: [r] });
   };
   for (const r of e) {
-    if (zs(r)) {
+    if (Ps(r)) {
       a(r);
       continue;
     }
@@ -3221,21 +3233,21 @@ function fi(e) {
 function gi(e, t, n) {
   return t <= 1 ? n : e === 0 ? "first" : e === t - 1 ? "end" : "middle";
 }
-function ss(e) {
+function ns(e) {
   return P(e.image_url) ?? P(e.asset_url) ?? "";
 }
 function pi(e) {
   switch (e) {
     case "image":
-      return Ne.Image;
+      return ye.Image;
     case "video":
-      return Ne.Video;
+      return ye.Video;
     case "audio":
-      return Ne.Audio;
+      return ye.Audio;
     case "pdf":
-      return Ne.Pdf;
+      return ye.Pdf;
     default:
-      return Ne.File;
+      return ye.File;
   }
 }
 function bi(e, t) {
@@ -3244,7 +3256,7 @@ function bi(e, t) {
       case "image":
         return {
           items: t.map((a) => ({
-            src: ss(a),
+            src: ns(a),
             alt: P(a.title)
           }))
         };
@@ -3295,7 +3307,7 @@ function bi(e, t) {
   switch (e) {
     case "image":
       return {
-        src: ss(n),
+        src: ns(n),
         alt: P(n.title)
       };
     case "video":
@@ -3344,17 +3356,17 @@ const xi = ({
   message: n
 }) => {
   var w;
-  const a = Ps(n.attachments);
+  const a = Fs(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" ? ts(o.attachments[0] ?? {}).url : void 0, u = l && ui(l, d) ? void 0 : l;
+  const r = hi(a), i = fi(a), l = (w = n.text) == null ? void 0 : w.trim(), o = a.find((b) => b.type === "link"), d = (o == null ? void 0 : o.type) === "link" ? ss(o.attachments[0] ?? {}).url : void 0, u = l && ui(l, d) ? void 0 : l;
   let p = 0, h = 0;
   const g = [], c = (b, f) => {
     const x = p === r - 1;
     p += 1;
-    const N = t ? Qt.Sent : Qt.Received;
+    const N = t ? es.Sent : es.Received;
     g.push(
       /* @__PURE__ */ m(U.Fragment, { children: [
-        /* @__PURE__ */ s(N, { ...ts(b) }),
+        /* @__PURE__ */ s(N, { ...ss(b) }),
         x && u ? /* @__PURE__ */ s("div", { className: t ? ci : di, children: u }) : null
       ] }, f)
     );
@@ -3387,7 +3399,7 @@ const xi = ({
     v(b, `media-${f}`);
   }), /* @__PURE__ */ s(ee, { children: g });
 }, wi = (e) => {
-  var Tt, At, Mt, Rt, Lt, Dt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut;
+  var At, Mt, Rt, Dt, Lt, zt, Pt, Ft, Ot, $t, jt, Bt, Ut, Vt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: n,
@@ -3405,52 +3417,52 @@ const xi = ({
     renderText: v,
     threadList: w,
     viewerLanguage: b
-  } = e, { client: f } = me("CustomMessage"), { channel: x } = ue("CustomMessage"), { isUnlocking: N, onUnlockClick: S, onFetchSource: T, onDownloadClick: M } = jr("LockedAttachment"), [D, L] = B(!1), O = Ks(c.id), { selected: z, voteUp: y, voteDown: A } = va(c), {
-    Attachment: E = Js,
-    EditMessageModal: C = Zs,
+  } = e, { client: f } = oe("CustomMessage"), { channel: x } = le("CustomMessage"), { isUnlocking: N, onUnlockClick: S, onFetchSource: T, onDownloadClick: M } = Br("LockedAttachment"), [L, D] = B(!1), O = Js(c.id), { selected: z, voteUp: y, voteDown: A } = xa(c), {
+    Attachment: E = Zs,
+    EditMessageModal: C = Qs,
     MessageActions: I,
-    MessageBlocked: $ = Qs,
-    MessageBouncePrompt: F = en,
-    MessageDeleted: V = tn,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = sn,
-    MessageRepliesCountButton: te = nn,
-    ReminderNotification: X = an,
-    StreamedMessageText: _ = rn,
+    MessageBlocked: $ = en,
+    MessageBouncePrompt: F = tn,
+    MessageDeleted: V = sn,
+    MessageIsThreadReplyInChannelButtonIndicator: Q = nn,
+    MessageRepliesCountButton: te = an,
+    ReminderNotification: X = rn,
+    StreamedMessageText: _ = ln,
     PinIndicator: R
-  } = rs("CustomMessage"), H = ln(c), q = on(c), Y = ae(
+  } = is("CustomMessage"), H = on(c), q = cn(c), Y = se(
     () => h == null ? void 0 : h(c),
     [h, c]
-  ), j = ae(() => {
-    const de = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...de] : de;
+  ), j = se(() => {
+    const me = c.attachments ?? [], pe = c.shared_location ? [c.shared_location, ...me] : me;
     if (!Fe(c)) return pe;
-    const Vt = pe.filter((Gt) => !("type" in Gt) || !xs(Gt));
-    return Vt.length === pe.length ? pe : Vt;
-  }, [c]), W = ae(
-    () => Ps(j),
+    const Gt = pe.filter((Ht) => !("type" in Ht) || !ws(Ht));
+    return Gt.length === pe.length ? pe : Gt;
+  }, [c]), W = se(
+    () => Fs(j),
     [j]
-  ), Z = ae(() => {
-    const de = ms({ message: c, viewerLanguage: b });
-    return de === c.text ? c : { ...c, text: de };
-  }, [c, b]), oe = W.length > 0, Le = W.reduce(
-    (de, pe) => de + pe.attachments.length,
+  ), Z = se(() => {
+    const me = hs({ message: c, viewerLanguage: b });
+    return me === c.text ? c : { ...c, text: me };
+  }, [c, b]), de = W.length > 0, De = W.reduce(
+    (me, pe) => me + pe.attachments.length,
     0
-  ) === ((j == null ? void 0 : j.length) ?? 0), De = Wa(
+  ) === ((j == null ? void 0 : j.length) ?? 0), Le = Xa(
     {
       endOfGroup: r,
       firstOfGroup: i,
       groupedByUser: l
     }
   );
-  if (cn(c))
+  if (dn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
     return /* @__PURE__ */ s(V, { message: c });
-  if (dn(c))
+  if (un(c))
     return /* @__PURE__ */ s($, {});
-  const ne = !w && !!c.reply_count, ce = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((Tt = c.error) == null ? void 0 : Tt.status) !== 403, Ct = un(c);
+  const ae = !w && !!c.reply_count, ue = !w && c.show_in_channel && c.parent_id, ie = c.status === "failed" && ((At = c.error) == null ? void 0 : At.status) !== 403, St = mn(c);
   let he;
-  ie ? he = () => u(c) : Ct && (he = () => L(!0));
-  const fe = g(), Bs = k(
+  ie ? he = () => u(c) : St && (he = () => D(!0));
+  const fe = g(), Us = k(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -3461,13 +3473,13 @@ 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" && ((At = c == null ? void 0 : c.error) == null ? void 0 : At.status) !== 403,
-      "str-chat__message-with-thread-link": ne || ce,
+      "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((Mt = c == null ? void 0 : c.error) == null ? void 0 : Mt.status) !== 403,
+      "str-chat__message-with-thread-link": ae || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), St = Hr(c), ge = Fe(c), Et = Gr(c), He = !!(j != null && j.length && !c.quoted_message), It = ge && fe && He, Us = oe && Le && !c.quoted_message && !Ge && !Y && !ge;
+  ), Ge = c.poll_id && f.polls.fromState(c.poll_id), Et = Yr(c), ge = Fe(c), It = Hr(c), He = !!(j != null && j.length && !c.quoted_message), Tt = ge && fe && He, Vs = de && De && !c.quoted_message && !Ge && !Y && !ge;
   return /* @__PURE__ */ m(ee, { children: [
     a && /* @__PURE__ */ s(
       C,
@@ -3475,25 +3487,25 @@ const xi = ({
         additionalMessageInputProps: t
       }
     ),
-    D && /* @__PURE__ */ s(
-      mn,
+    L && /* @__PURE__ */ s(
+      hn,
       {
         MessageBouncePrompt: F,
-        onClose: () => L(!1),
-        open: D
+        onClose: () => D(!1),
+        open: L
       }
     ),
     /* @__PURE__ */ m(
       "div",
       {
-        className: Bs,
+        className: Us,
         "data-message-id": c.id,
         "data-dd-privacy": "mask",
         children: [
           R && /* @__PURE__ */ s(R, {}),
           !!O && /* @__PURE__ */ s(X, { reminder: O }),
           c.user && /* @__PURE__ */ s(
-            se,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -3508,7 +3520,7 @@ const xi = ({
             "div",
             {
               className: k("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": ie || Ct
+                "str-chat__simple-message--error-failed": ie || St
               }),
               "data-testid": "message-inner",
               onClick: he,
@@ -3521,32 +3533,32 @@ const xi = ({
                 marginInlineEnd: 0,
                 marginInlineStart: 0
               },
-              children: Et ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
+              children: It ? /* @__PURE__ */ m("div", { className: "str-chat__message-bubble-wrapper", children: [
                 fe ? /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   I && /* @__PURE__ */ s(I, {}),
                   /* @__PURE__ */ s(
-                    Jt.Sent,
+                    Zt.Sent,
                     {
-                      title: (Mt = c.metadata) == null ? void 0 : Mt.attachment_title,
-                      mimeType: (Rt = c.metadata) == null ? void 0 : Rt.attachment_mime_type,
+                      title: (Rt = c.metadata) == null ? void 0 : Rt.attachment_title,
+                      mimeType: (Dt = c.metadata) == null ? void 0 : Dt.attachment_mime_type,
                       thumbnailUrl: (Lt = c.metadata) == null ? void 0 : Lt.attachment_thumbnail,
-                      amountText: (Dt = c.metadata) == null ? void 0 : Dt.amount_text,
-                      detail: (zt = c.metadata) == null ? void 0 : zt.attachment_detail,
-                      paymentStatus: (Pt = c.metadata) == null ? void 0 : Pt.payment_status,
+                      amountText: (zt = c.metadata) == null ? void 0 : zt.amount_text,
+                      detail: (Pt = c.metadata) == null ? void 0 : Pt.attachment_detail,
+                      paymentStatus: (Ft = c.metadata) == null ? void 0 : Ft.payment_status,
                       onPreviewClick: () => S == null ? void 0 : S(c, x),
                       onFetchSource: async () => await (T == null ? void 0 : T(c, x))
                     }
                   )
                 ] }) : /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ s(
-                    Jt.Received,
+                    Zt.Received,
                     {
-                      title: (Ft = c.metadata) == null ? void 0 : Ft.attachment_title,
-                      mimeType: (Ot = c.metadata) == null ? void 0 : Ot.attachment_mime_type,
-                      thumbnailUrl: ($t = c.metadata) == null ? void 0 : $t.attachment_thumbnail,
-                      amountText: (jt = c.metadata) == null ? void 0 : jt.amount_text,
-                      detail: (Bt = c.metadata) == null ? void 0 : Bt.attachment_detail,
-                      paymentStatus: (Ut = c.metadata) == null ? void 0 : Ut.payment_status,
+                      title: (Ot = c.metadata) == null ? void 0 : Ot.attachment_title,
+                      mimeType: ($t = c.metadata) == null ? void 0 : $t.attachment_mime_type,
+                      thumbnailUrl: (jt = c.metadata) == null ? void 0 : jt.attachment_thumbnail,
+                      amountText: (Bt = c.metadata) == null ? void 0 : Bt.amount_text,
+                      detail: (Ut = c.metadata) == null ? void 0 : Ut.attachment_detail,
+                      paymentStatus: (Vt = c.metadata) == null ? void 0 : Vt.payment_status,
                       isUnlocking: N(c.id),
                       onUnlockClick: () => S == null ? void 0 : S(c, x),
                       onFetchSource: async () => await (T == null ? void 0 : T(c, x)),
@@ -3556,16 +3568,16 @@ const xi = ({
                   I && /* @__PURE__ */ s(I, {})
                 ] }),
                 c.text && /* @__PURE__ */ s("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ s(
-                  Yt,
+                  qt,
                   {
                     message: Z,
                     renderText: v
                   }
                 ) })
-              ] }) : St ? (
+              ] }) : Et ? (
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ s(Ke, { message: c, standalone: !0 })
-              ) : Us ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
+              ) : Vs ? /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m(
                 "div",
                 {
                   className: "str-chat__message-bubble",
@@ -3579,7 +3591,7 @@ const xi = ({
                     /* @__PURE__ */ s(
                       xi,
                       {
-                        groupPosition: De,
+                        groupPosition: Le,
                         isMyMessage: fe,
                         message: {
                           attachments: j,
@@ -3587,11 +3599,11 @@ const xi = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ s(qt, {})
+                    /* @__PURE__ */ s(Wt, {})
                   ]
                 }
               ) }) : /* @__PURE__ */ s("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ m("div", { className: "str-chat__message-bubble", children: [
-                ge && !It && /* @__PURE__ */ s(
+                ge && !Tt && /* @__PURE__ */ s(
                   Ke,
                   {
                     message: c,
@@ -3599,7 +3611,7 @@ const xi = ({
                     isMyMessage: fe
                   }
                 ),
-                Ge && /* @__PURE__ */ s(hn, { poll: Ge }),
+                Ge && /* @__PURE__ */ s(fn, { poll: Ge }),
                 j != null && j.length && !c.quoted_message ? /* @__PURE__ */ s(
                   E,
                   {
@@ -3614,18 +3626,18 @@ const xi = ({
                     renderText: v
                   }
                 ) : /* @__PURE__ */ s(
-                  Yt,
+                  qt,
                   {
                     message: Z,
                     renderText: v
                   }
                 ),
-                /* @__PURE__ */ s(qt, {})
+                /* @__PURE__ */ s(Wt, {})
               ] }) })
             }
           ),
-          !Et && !St && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
-            (!ge || It) && /* @__PURE__ */ s(
+          !It && !Et && /* @__PURE__ */ m("div", { className: "str-chat__message-footer", children: [
+            (!ge || Tt) && /* @__PURE__ */ s(
               Ke,
               {
                 message: c,
@@ -3634,7 +3646,7 @@ const xi = ({
               }
             ),
             n && ge && /* @__PURE__ */ s(
-              Yr,
+              qr,
               {
                 selected: z,
                 onVoteUp: y,
@@ -3643,14 +3655,14 @@ const xi = ({
             )
           ] }),
           /* @__PURE__ */ s(Xr, {}),
-          ne && /* @__PURE__ */ s(
+          ae && /* @__PURE__ */ s(
             te,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          ce && /* @__PURE__ */ s(Q, {})
+          ue && /* @__PURE__ */ s(Q, {})
         ]
       },
       c.id
@@ -3658,43 +3670,40 @@ const xi = ({
   ] });
 }, _i = U.memo(
   wi,
-  (e, t) => {
-    var n, a;
-    return e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage || ((n = e.lastOwnMessage) == null ? void 0 : n.id) !== ((a = t.lastOwnMessage) == null ? void 0 : a.id) ? !1 : Xs(e, t);
-  }
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Ks(e, t)
 ), Ni = (e) => {
-  const t = Ie("CustomMessage");
+  const t = _e("CustomMessage");
   return /* @__PURE__ */ s(_i, { ...t, ...e });
 }, yi = () => {
   var n;
-  const { handleDelete: e, message: t } = Ie("CustomMessageActions");
+  const { handleDelete: e, message: t } = _e("CustomMessageActions");
   return ((n = t.metadata) == null ? void 0 : n.payment_status) === "paid" ? null : /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       onClick: e,
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(Jn, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(Zn, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, ki = () => {
-  const { handleFlag: e } = Ie("CustomMessageActions");
+  const { handleFlag: e } = _e("CustomMessageActions");
   return /* @__PURE__ */ s(
-    cs,
+    ds,
     {
       onClick: e,
       "aria-label": "Report",
       title: "Report",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ s(is, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ s(ls, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
 }, Ci = () => {
   var t;
-  const { message: e } = Ie("CustomMessageActions");
+  const { message: e } = _e("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ s(
-    ea,
+    ta,
     {
       messageActionSet: [
         { Component: yi, placement: "quick", type: "delete" },
@@ -3744,10 +3753,10 @@ const xi = ({
   );
 }, Ei = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
-    (t) => Ht.previewIsLoaded(t) || Ht.previewIsLoading(t)
+    (t) => Yt.previewIsLoaded(t) || Yt.previewIsLoading(t)
   )
 }), Ii = () => {
-  const { linkPreviewsManager: e } = fn(), { linkPreviews: t } = gn(
+  const { linkPreviewsManager: e } = gn(), { linkPreviews: t } = pn(
     e.state,
     Ei
   ), n = (r) => {
@@ -3764,7 +3773,7 @@ const xi = ({
     // 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)) })
   ) : null;
-}, kt = U.createContext(!1), hl = () => Ee(kt), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
+}, Ct = U.createContext(!1), hl = () => Ie(Ct), Ti = ({ sendMessage: e, disabled: t, ...n }) => /* @__PURE__ */ s(
   "button",
   {
     ...n,
@@ -3772,13 +3781,13 @@ const xi = ({
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ s(Zn, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ s(Qn, { weight: "bold", className: "size-4" })
   }
 ), Ai = () => {
-  const e = Ee(kt), { handleSubmit: t } = bn(), n = vn(), a = e || !n, {
+  const e = Ie(Ct), { handleSubmit: t } = vn(), n = xn(), a = e || !n, {
     SendButton: r = Ti,
-    AttachmentPreviewList: i = xn
-  } = rs("CustomMessageInput");
+    AttachmentPreviewList: i = wn
+  } = is("CustomMessageInput");
   return (
     // min-h-0 lets the composer shrink under keyboard squeeze (the link
     // preview list inside is the scrollable region); the textarea + send row
@@ -3794,12 +3803,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(wn, {}),
+          /* @__PURE__ */ s(_n, {}),
           /* @__PURE__ */ s(Ii, {}),
           /* @__PURE__ */ s(i, {}),
           /* @__PURE__ */ m("div", { className: "flex shrink-0", children: [
             /* @__PURE__ */ s("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ s(
-              _n,
+              Nn,
               {
                 "aria-disabled": e || void 0,
                 className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -3833,7 +3842,7 @@ const xi = ({
   composerInput: r
 }) => {
   var o;
-  const { channel: i } = ue(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
+  const { channel: i } = le(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
   return n ? /* @__PURE__ */ m(ee, { children: [
     /* @__PURE__ */ s("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ s("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
@@ -3846,7 +3855,7 @@ 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(kt.Provider, { value: l, children: /* @__PURE__ */ s(pn, { Input: r ?? Ai }) })
+          /* @__PURE__ */ s(Ct.Provider, { value: l, children: /* @__PURE__ */ s(bn, { Input: r ?? Ai }) })
         ]
       }
     ),
@@ -3855,17 +3864,17 @@ const xi = ({
 }, Ri = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Li = {
+], Di = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Di = [
+}, Li = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], zi = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Je = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", ns = (e) => Ri.includes(e), Fi = (e) => Di.includes(e), Oi = (e) => {
+}, Ze = "age safety guidelines.", Pi = "https://linktr.ee/s/about/contact", as = (e) => Ri.includes(e), Fi = (e) => Li.includes(e), Oi = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
-  if (ns(t))
+  if (as(t))
     return {
       kind: "dm-agent",
       type: t
@@ -3876,16 +3885,16 @@ const xi = ({
       type: t
     };
   const n = e.dm_agent_system_type;
-  if (ns(n))
+  if (as(n))
     return {
       kind: "dm-agent",
       type: n
     };
 }, $i = (e) => {
-  const t = e.indexOf(Je);
+  const t = e.indexOf(Ze);
   if (t === -1)
     return e;
-  const n = t + Je.length;
+  const n = t + Ze.length;
   return /* @__PURE__ */ m(ee, { children: [
     e.slice(0, t),
     /* @__PURE__ */ s(
@@ -3895,7 +3904,7 @@ const xi = ({
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Je
+        children: Ze
       }
     ),
     e.slice(n)
@@ -3906,7 +3915,7 @@ const xi = ({
     e.message
   );
   if ((n == null ? void 0 : n.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Li[n.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Di[n.type];
     return /* @__PURE__ */ m("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ m(
         "div",
@@ -3942,7 +3951,7 @@ const xi = ({
           "data-age-safety-system-type": n.type,
           children: [
             /* @__PURE__ */ s(
-              Qn,
+              ea,
               {
                 size: 24,
                 weight: "duotone",
@@ -3966,7 +3975,7 @@ const xi = ({
     ] }),
     !t && /* @__PURE__ */ s(Ye, { message: e.message })
   ] });
-}, Fs = at(!1), Ze = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
+}, Os = rt(!1), Qe = ({ cx: e, index: t }) => /* @__PURE__ */ s("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ s(
   "animateTransform",
   {
     attributeName: "transform",
@@ -3982,11 +3991,11 @@ const xi = ({
   qe.ExternalSources
 ]), Ui = ({ threadList: e }) => {
   var v, w;
-  const { channel: t, channelConfig: n, thread: a } = ue(), { client: r } = me(), { typing: i = {} } = Nn(), { aiState: l } = yn(t), o = Ee(Fs);
+  const { channel: t, channelConfig: n, thread: a } = le(), { client: r } = oe(), { typing: i = {} } = yn(), { aiState: l } = kn(t), o = Ie(Os);
   if (!e && o && Bi.has(l)) {
     const b = Vi(t, (v = r.user) == null ? void 0 : v.id);
     return /* @__PURE__ */ s(
-      as,
+      rs,
       {
         avatarId: (b == null ? void 0 : b.id) ?? "ai-agent",
         avatarName: (b == null ? void 0 : b.name) ?? (b == null ? void 0 : b.id) ?? "Agent",
@@ -4012,7 +4021,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(
-    as,
+    rs,
     {
       avatarId: (g == null ? void 0 : g.id) ?? (c == null ? void 0 : c.id) ?? "typing-user",
       avatarName: (g == null ? void 0 : g.name) ?? (c == null ? void 0 : c.name) ?? (g == null ? void 0 : g.id) ?? "Typing user",
@@ -4020,7 +4029,7 @@ const xi = ({
       testId: "typing-indicator"
     }
   );
-}, as = ({
+}, rs = ({
   avatarId: e,
   avatarName: t,
   avatarImage: n,
@@ -4035,7 +4044,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(
-        se,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -4055,9 +4064,9 @@ const xi = ({
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ s(Ze, { cx: "4", index: 0 }),
-            /* @__PURE__ */ s(Ze, { cx: "16", index: 1 }),
-            /* @__PURE__ */ s(Ze, { cx: "28", index: 2 })
+            /* @__PURE__ */ s(Qe, { cx: "4", index: 0 }),
+            /* @__PURE__ */ s(Qe, { cx: "16", index: 1 }),
+            /* @__PURE__ */ s(Qe, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
@@ -4141,7 +4150,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: b
 }) => {
   var A, E, C, I, $, F;
-  const { channel: f } = ue(), { client: x } = me(), N = U.useMemo(
+  const { channel: f } = le(), { client: x } = oe(), N = U.useMemo(
     () => {
       var V;
       return Ue(
@@ -4151,12 +4160,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       );
     },
     [(A = f.state) == null ? void 0 : A.members, x == null ? void 0 : x.userID, f.type]
-  ), S = ot(N == null ? void 0 : N.user), T = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = lt(f), D = b == null ? void 0 : b({
+  ), S = ct(N == null ? void 0 : N.user), T = (E = N == null ? void 0 : N.user) == null ? void 0 : E.image, M = ot(f), L = b == null ? void 0 : b({
     channel: f,
     participant: N
-  }), L = "flex max-w-full flex-col items-center gap-1 rounded-[12px] px-1 py-0.5 text-center text-xs font-medium text-black/90", O = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", z = /* @__PURE__ */ m(ee, { children: [
+  }), 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 }),
-    D && /* @__PURE__ */ s("span", { className: "shrink-0", children: D })
+    L && /* @__PURE__ */ s("span", { className: "shrink-0", children: L })
   ] }), y = async () => {
     try {
       M ? await f.unpin() : await f.pin();
@@ -4180,7 +4189,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
         }
       ) }),
       /* @__PURE__ */ s(
@@ -4195,12 +4204,12 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               onClick: w,
               "aria-label": `View details for ${S}`,
               className: k(
-                L,
+                D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
               children: [
                 /* @__PURE__ */ s(
-                  se,
+                  ne,
                   {
                     id: ((C = N == null ? void 0 : N.user) == null ? void 0 : C.id) || f.id || "unknown",
                     name: S,
@@ -4220,9 +4229,9 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m("div", { className: L, children: [
+          ) : /* @__PURE__ */ m("div", { className: D, children: [
             /* @__PURE__ */ s(
-              se,
+              ne,
               {
                 id: ((I = N == null ? void 0 : N.user) == null ? void 0 : I.id) || f.id || "unknown",
                 name: S,
@@ -4258,7 +4267,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
-              Se,
+              Ee,
               {
                 className: k("size-5", {
                   "text-yellow-600": M,
@@ -4270,7 +4279,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          tt,
+          st,
           {
             channel: f,
             participant: N,
@@ -4300,7 +4309,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ s(Qe, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ s(et, { className: "size-5 text-black/90" })
           }
         ),
         w ? /* @__PURE__ */ m(
@@ -4315,7 +4324,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             ),
             children: [
               /* @__PURE__ */ s(
-                se,
+                ne,
                 {
                   id: (($ = N == null ? void 0 : N.user) == null ? void 0 : $.id) || f.id || "unknown",
                   name: S,
@@ -4339,7 +4348,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ) : /* @__PURE__ */ m("div", { className: O, children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((F = N == null ? void 0 : N.user) == null ? void 0 : F.id) || f.id || "unknown",
               name: S,
@@ -4376,7 +4385,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ s(
-              Se,
+              Ee,
               {
                 className: k("size-6", {
                   "text-yellow-600": M,
@@ -4388,7 +4397,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         v && (c !== void 0 ? c : /* @__PURE__ */ s(
-          tt,
+          st,
           {
             channel: f,
             participant: N,
@@ -4431,13 +4440,13 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderChannelActions: S,
   renderMessage: T,
   dmAgentEnabled: M = !1,
-  viewerLanguage: D,
-  showChannelInfo: L = !0,
+  viewerLanguage: L,
+  showChannelInfo: D = !0,
   onParticipantNameClick: O,
   composerInput: z
 }) => {
   var _, R, H, q;
-  const { channel: y } = ue(), { client: A } = me(), E = U.useMemo(
+  const { channel: y } = le(), { client: A } = oe(), E = U.useMemo(
     () => {
       var Y;
       return Ue(
@@ -4451,17 +4460,17 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     var W;
     const Y = A == null ? void 0 : A.userID;
     return Y ? Object.values(((W = y.state) == null ? void 0 : W.members) || {}).find((Z) => {
-      var oe;
-      return ((oe = Z.user) == null ? void 0 : oe.id) === Y;
+      var de;
+      return ((de = Z.user) == null ? void 0 : de.id) === Y;
     }) : void 0;
   }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), I = ((H = C == null ? void 0 : C.user) == null ? void 0 : H.is_account) ?? (C == null ? void 0 : C.is_account), $ = ((q = E == null ? void 0 : E.user) == null ? void 0 : q.is_account) ?? (E == null ? void 0 : E.is_account), F = M && I === !1 && $ === !0, V = y.state.messages.some(
     (Y) => Y.type !== "deleted"
   ), Q = f ? /* @__PURE__ */ s(U.Fragment, { children: f() }, "lt-channel-banner") : null, te = O ? /* @__PURE__ */ s(
-    ga,
+    pa,
     {
       onBack: e,
       showBackButton: t,
-      showChannelInfo: L,
+      showChannelInfo: D,
       showStarButton: w,
       dmAgentEnabled: F,
       onLeaveConversation: i,
@@ -4478,33 +4487,33 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     }
   ) : null, X = J(
     (Y) => {
-      const { message: j } = Ie("ChannelView"), W = /* @__PURE__ */ s(
+      const { message: j } = _e("ChannelView"), W = /* @__PURE__ */ s(
         Ni,
         {
           ...Y,
           chatbotVotingEnabled: b,
-          viewerLanguage: D
+          viewerLanguage: L
         }
       );
       return !T || !j ? W : T(W, j);
     },
-    [b, T, D]
+    [b, T, L]
   );
   return /* @__PURE__ */ s(ee, { children: /* @__PURE__ */ s(
-    Cn,
+    Sn,
     {
       overrides: {
         Message: X,
         MessageActions: Ci
       },
-      children: /* @__PURE__ */ m(Sn, { children: [
+      children: /* @__PURE__ */ m(En, { children: [
         !O && /* @__PURE__ */ m(ee, { children: [
           /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
             Yi,
             {
               onBack: e,
               showBackButton: t,
-              showChannelInfo: L,
+              showChannelInfo: D,
               showStarButton: w,
               dmAgentEnabled: F,
               onLeaveConversation: i,
@@ -4531,7 +4540,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             className: "flex-1 overflow-hidden relative",
             children: /* @__PURE__ */ s(
-              En,
+              In,
               {
                 head: O && V ? /* @__PURE__ */ m("div", { className: "sticky top-0 z-10", children: [
                   te,
@@ -4561,7 +4570,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     }
   ) });
-}, Os = U.memo(
+}, $s = U.memo(
   ({
     channel: e,
     onBack: t,
@@ -4586,8 +4595,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onMessageSent: S,
     showStarButton: T = !1,
     chatbotVotingEnabled: M = !1,
-    renderChannelBanner: D,
-    renderHeaderTitleBadges: L,
+    renderChannelBanner: L,
+    renderHeaderTitleBadges: D,
     customChannelActions: O,
     renderChannelActions: z,
     renderMessage: y,
@@ -4626,7 +4635,7 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const _ = (R) => {
         const H = R.target, q = H == null ? void 0 : H.closest("a[href]"), Y = q == null ? void 0 : q.getAttribute("href");
         if (!Y) return;
-        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((oe) => oe.id === W) : void 0;
+        const j = q == null ? void 0 : q.closest("[data-message-id]"), W = j == null ? void 0 : j.getAttribute("data-message-id"), Z = W ? e.state.messages.find((de) => de.id === W) : void 0;
         A(Y, Z);
       };
       return X.addEventListener("click", _), () => X.removeEventListener("click", _);
@@ -4638,14 +4647,14 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "messaging-channel-view h-full flex flex-col",
           d
         ),
-        children: /* @__PURE__ */ s(Fs.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
-          kn,
+        children: /* @__PURE__ */ s(Os.Provider, { value: x ?? !1, children: /* @__PURE__ */ s(
+          Cn,
           {
             channel: e,
             MessageSystem: ji,
             EmptyStateIndicator: u,
             LoadingIndicator: je,
-            DateSeparator: pa,
+            DateSeparator: ba,
             TypingIndicator: Ui,
             doSendMessageRequest: Q,
             ...E ? { SendButton: E } : {},
@@ -4672,8 +4681,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showStarButton: T,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: M,
-                renderChannelBanner: D,
-                renderHeaderTitleBadges: L,
+                renderChannelBanner: L,
+                renderHeaderTitleBadges: D,
                 customChannelActions: O,
                 renderChannelActions: z,
                 renderMessage: y,
@@ -4689,8 +4698,8 @@ const be = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     );
   }
 );
-Os.displayName = "ChannelView";
-const ye = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
+$s.displayName = "ChannelView";
+const ke = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ m("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ s("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ s("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ s("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ s("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -4704,7 +4713,7 @@ const ye = U.memo(({ message: e, onBack: t }) => /* @__PURE__ */ s("div", { clas
     }
   )
 ] }) }));
-ye.displayName = "ErrorState";
+ke.displayName = "ErrorState";
 const fl = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -4731,14 +4740,14 @@ const fl = ({
   composerInput: M
 }) => {
   const {
-    client: D,
-    isConnected: L,
+    client: L,
+    isConnected: D,
     isLoading: O,
     error: z,
     refreshConnection: y,
     service: A,
     debug: E
-  } = ta(), [C, I] = B(null), [$, F] = B(null), [V, Q] = B(!1), { showDeleteConversation: te = !0 } = e, X = G(l);
+  } = sa(), [C, I] = B(null), [$, F] = B(null), [V, Q] = B(!1), { showDeleteConversation: te = !0 } = e, X = G(l);
   X.current = l;
   const _ = G(a);
   _.current = a;
@@ -4746,8 +4755,8 @@ const fl = ({
   K(() => {
     H.current = C;
   }, [C]), K(() => {
-    if (!D || !L) return;
-    const j = D.userID;
+    if (!L || !D) return;
+    const j = L.userID;
     if (!j) return;
     const W = `${j}::${i}`;
     if (R.current === W) return;
@@ -4756,13 +4765,13 @@ const fl = ({
       R.current === W && (R.current = null);
     };
     (async () => {
-      var Le, De;
+      var De, Le;
       try {
         E && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ne = await D.queryChannels(
+        const ae = await L.queryChannels(
           {
             type: "messaging",
             members: { $eq: [j, i] }
@@ -4770,15 +4779,15 @@ const fl = ({
           {},
           { limit: 1 }
         );
-        if (ne.length > 0) {
-          I(ne[0]), F(null), (Le = _.current) == null || Le.call(_, ne[0]), E && console.log(
+        if (ae.length > 0) {
+          I(ae[0]), F(null), (De = _.current) == null || De.call(_, ae[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ne[0].id
+            ae[0].id
           );
           return;
         }
-        const ce = X.current;
-        if (!ce || !A) {
+        const ue = X.current;
+        if (!ue || !A) {
           Z(), F("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
@@ -4787,11 +4796,11 @@ const fl = ({
         }
         try {
           const ie = await A.startChannelWithParticipant({
-            id: ce.id,
-            name: ce.name,
-            phone: ce.phone
+            id: ue.id,
+            name: ue.name,
+            phone: ue.phone
           });
-          I(ie), F(null), (De = _.current) == null || De.call(_, ie), E && console.log(
+          I(ie), F(null), (Le = _.current) == null || Le.call(_, ie), E && console.log(
             "[MessagingShell] Channel created and loaded:",
             ie.id
           );
@@ -4801,28 +4810,28 @@ const fl = ({
             ie
           ), Z(), F("Failed to create conversation");
         }
-      } catch (ne) {
+      } catch (ae) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ne
+          ae
         ), Z(), H.current || F("Failed to load conversation");
       }
     })();
-  }, [i, D, L, A, E]);
+  }, [i, L, D, A, E]);
   const q = G(r);
   q.current = r;
   const Y = J(() => {
     var j;
     I(null), Q(!0), (j = q.current) == null || j.call(q);
   }, []);
-  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ye, { message: z, onBack: y }) : !L || !D ? /* @__PURE__ */ s(
-    ye,
+  return O ? /* @__PURE__ */ s(je, {}) : z ? /* @__PURE__ */ s(ke, { message: z, onBack: y }) : !D || !L ? /* @__PURE__ */ s(
+    ke,
     {
       message: "Not connected to messaging service",
       onBack: y
     }
-  ) : $ ? /* @__PURE__ */ s(ye, { message: $ }) : V && !C ? /* @__PURE__ */ s(ye, { message: "Conversation ended" }) : C ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
-    Os,
+  ) : $ ? /* @__PURE__ */ s(ke, { message: $ }) : V && !C ? /* @__PURE__ */ s(ke, { message: "Conversation ended" }) : C ? /* @__PURE__ */ s("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ s("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ s(
+    $s,
     {
       channel: C,
       renderMessageInputActions: t,
@@ -4856,7 +4865,7 @@ function Wi(e) {
     for (const n of t)
       e.state.addMessageSorted(n.message);
 }
-const $s = U.createContext({
+const js = U.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
@@ -4864,7 +4873,7 @@ const $s = U.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), Xi = $s.Provider, Ki = () => U.useContext($s), Ji = (e, t) => {
+}), Xi = js.Provider, Ki = () => U.useContext(js), Ji = (e, t) => {
   const n = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
@@ -4885,9 +4894,9 @@ const $s = U.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, js = U.memo(
+}, Bs = U.memo(
   (e) => {
-    var L, O, z;
+    var D, O, z;
     const { channel: t, unread: n } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -4895,7 +4904,7 @@ const $s = U.createContext({
       channelPreview: l,
       renderMessagePreview: o,
       viewerLanguage: d
-    } = Ki(), { client: u } = me(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = lt(t);
+    } = Ki(), { client: u } = oe(), p = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), h = ot(t);
     if (l)
       return /* @__PURE__ */ s(
         l,
@@ -4913,10 +4922,10 @@ const $s = U.createContext({
       const A = y.key === "Enter" || y.key === " ", E = y.repeat;
       !A || E || (y.preventDefault(), g());
     }, v = Ue(
-      (L = t == null ? void 0 : t.state) == null ? void 0 : L.members,
+      (D = t == null ? void 0 : t.state) == null ? void 0 : D.members,
       u == null ? void 0 : u.userID,
       t == null ? void 0 : t.type
-    ), w = ot(v == null ? void 0 : v.user), b = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, f = (() => {
+    ), w = ct(v == null ? void 0 : v.user), b = (O = v == null ? void 0 : v.user) == null ? void 0 : O.image, f = (() => {
       var A;
       const y = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
       if (y != null && y.length) {
@@ -4925,7 +4934,7 @@ const $s = U.createContext({
       }
     })(), N = (() => {
       var $, F, V, Q;
-      const y = ms({
+      const y = hs({
         message: f,
         viewerLanguage: d
       });
@@ -4936,12 +4945,12 @@ const $s = U.createContext({
       if (y) return y;
       const I = (Q = f == null ? void 0 : f.attachments) == null ? void 0 : Q[0];
       return I ? I.og_scrape_url ? I.og_scrape_url : I.type === "image" ? "📷 Sent an image" : I.type === "video" ? "🎥 Sent a video" : I.type === "audio" ? "🎵 Sent audio" : I.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), S = f != null && f.created_at ? Zi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, N) : `${T ? "✨ " : ""}${N}`, D = n ?? 0;
+    })(), S = f != null && f.created_at ? Zi(new Date(f.created_at)) : "", T = f ? Fe(f) : !1, M = o ? o(f, N) : `${T ? "✨ " : ""}${N}`, L = n ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: p,
       participantName: w,
-      unreadCount: D,
+      unreadCount: L,
       hasTimestamp: !!S
     }), /* @__PURE__ */ s(
       "div",
@@ -4960,7 +4969,7 @@ const $s = U.createContext({
         "data-dd-privacy": "mask",
         children: /* @__PURE__ */ m("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ s(
-            se,
+            ne,
             {
               id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || t.id || "unknown",
               name: w,
@@ -4987,7 +4996,7 @@ const $s = U.createContext({
             ] }),
             /* @__PURE__ */ m("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ s("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
-              D > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: D > 99 ? "99+" : D })
+              L > 0 && /* @__PURE__ */ s("span", { className: "bg-[#7f22fe] text-white text-[10px] rounded-full h-4 flex items-center justify-center p-1 min-w-4 text-center flex-shrink-0", children: L > 99 ? "99+" : L })
             ] })
           ] })
         ] })
@@ -4995,7 +5004,7 @@ const $s = U.createContext({
     );
   }
 );
-js.displayName = "CustomChannelPreview";
+Bs.displayName = "CustomChannelPreview";
 const Qi = { last_message_at: -1 }, el = U.memo(
   ({
     onChannelSelect: e,
@@ -5006,14 +5015,14 @@ const Qi = { last_message_at: -1 }, el = U.memo(
     sort: i = Qi,
     className: l,
     customEmptyStateIndicator: o,
-    channelListPaginator: d = Tn,
+    channelListPaginator: d = An,
     channelPreview: u,
     renderMessagePreview: p,
     viewerLanguage: h
   }) => {
     const g = U.useRef(0);
     g.current++;
-    const { debug: c = !1 } = it(), v = U.useCallback(
+    const { debug: c = !1 } = lt(), v = U.useCallback(
       (b) => {
         for (const f of b)
           Wi(f);
@@ -5052,7 +5061,7 @@ const Qi = { last_message_at: -1 }, el = U.memo(
           l
         ),
         children: /* @__PURE__ */ s("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ s(Xi, { value: w, children: /* @__PURE__ */ s(
-          In,
+          Tn,
           {
             filters: n,
             sort: i,
@@ -5060,7 +5069,7 @@ const Qi = { last_message_at: -1 }, el = U.memo(
             allowNewMessagesFromUnfilteredChannels: a,
             channelRenderFilterFn: v,
             Paginator: d,
-            Preview: js,
+            Preview: Bs,
             EmptyStateIndicator: o
           },
           `${JSON.stringify(n)}:${JSON.stringify(i)}`
@@ -5104,7 +5113,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(
-      se,
+      ne,
       {
         id: l || "account",
         name: l || "Account",
@@ -5135,40 +5144,40 @@ const tl = ({
   ] }) });
 };
 export {
-  ps as A,
+  bs as A,
   hl as B,
   Gi as C,
-  jr as D,
-  va as E,
+  Br as D,
+  xa as E,
   gl as F,
-  ta as G,
-  Qt as L,
+  sa as G,
+  es as L,
   ul as M,
-  _e as a,
-  se as b,
+  Ne as a,
+  ne as b,
   el as c,
-  Os as d,
+  $s as d,
   ml as e,
   tl as f,
-  le as g,
-  Jt as h,
-  Ne as i,
-  Yr as j,
+  ce as g,
+  Zt as h,
+  ye as i,
+  qr as j,
   dl as k,
   fl as l,
-  ar as m,
-  tr as n,
+  rr as m,
+  sr as n,
   Zi as o,
-  nr as p,
-  ms as q,
+  ar as p,
+  hs as q,
   we as r,
-  xs as s,
-  ra as t,
-  Wa as u,
-  xa as v,
+  ws as s,
+  ia as t,
+  Xa as u,
+  wa as v,
   Ue as w,
-  mt as x,
-  ht as y,
-  ot as z
+  ht as x,
+  ft as y,
+  ct as z
 };
-//# sourceMappingURL=index-DaF1G1q2.js.map
+//# sourceMappingURL=index-wFe1UO9t.js.map