@linktr.ee/messaging-react 3.5.5-rc-1782980871 → 3.5.5-rc-1782981024

package/dist/{index-CXWxy_j9.js → index-BVpq3q3z.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
-import $, { createContext as Xe, useContext as ye, useCallback as W, useState as F, useRef as H, useEffect as q, useId as Tn, useMemo as re, Suspense as Je } from "react";
+import $, { createContext as Xe, useContext as ye, useCallback as W, useState as F, useRef as H, useEffect as q, useId as Tn, useMemo as re, Suspense as Ke } from "react";
 import { StreamChatService as An } from "@linktr.ee/messaging-core";
 import { StreamChat as Mn, LinkPreviewsManager as Dt } from "stream-chat";
-import { Chat as Ln, DateSeparator as Rn, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Dn, useMessageReminder as On, useComponentContext as Ht, Attachment as Pn, EditMessageModal as zn, MessageBlocked as Fn, MessageBouncePrompt as $n, MessageDeleted as Bn, MessageIsThreadReplyInChannelButtonIndicator as Un, MessageRepliesCountButton as jn, ReminderNotification as Vn, StreamedMessageText as Gn, messageHasAttachments as Hn, messageHasReactions as Yn, isDateSeparatorMessage as qn, isMessageBlocked as Wn, isMessageBounced as Xn, MessageBounceModal as Jn, MessageText as Ot, Poll as Kn, MessageErrorIcon as Zn, useMessageContext as ke, useMessageComposer as Qn, useStateStore as es, MessageInput as ts, useMessageInputContext as ns, useMessageComposerHasSendableData as ss, AttachmentPreviewList as as, QuotedMessagePreview as rs, TextareaComposer as is, MessageTimestamp as $e, AIStates as Be, useTypingContext as os, useAIState as ls, Channel as cs, WithComponents as ds, Window as us, MessageList as ms, ChannelList as hs, InfiniteScroll as fs } from "stream-chat-react";
-import { StarIcon as He, DotsThreeIcon as gs, SpinnerGapIcon as Ae, SignOutIcon as ps, ProhibitInsetIcon as Pt, FlagIcon as Yt, FileIcon as qt, ImageIcon as bs, SpeakerHighIcon as vs, VideoCameraIcon as Wt, FileMdIcon as xs, FileTextIcon as ws, FileZipIcon as Ns, FilePptIcon as _s, FileCsvIcon as ys, FileXlsIcon as ks, FileDocIcon as Cs, FilePdfIcon as Es, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Is, LinkIcon as Ss, DownloadSimpleIcon as _e, GiftIcon as Ts, ThumbsUpIcon as As, ThumbsDownIcon as Ms, TrashSimpleIcon as Ls, XIcon as Pe, ArrowUpIcon as Rs, SparkleIcon as ve, ProhibitIcon as Ds, ArrowLeftIcon as zt, CaretRightIcon as xe, PencilSimpleIcon as Os, CaretLeftIcon as Ps } from "@phosphor-icons/react";
-import k from "classnames";
+import { Chat as Rn, DateSeparator as Ln, useChannelStateContext as de, useChatContext as ue, areMessageUIPropsEqual as Dn, useMessageReminder as Pn, useComponentContext as Ht, Attachment as On, EditMessageModal as zn, MessageBlocked as Fn, MessageBouncePrompt as $n, MessageDeleted as Bn, MessageIsThreadReplyInChannelButtonIndicator as jn, MessageRepliesCountButton as Un, ReminderNotification as Vn, StreamedMessageText as Gn, messageHasAttachments as Hn, messageHasReactions as Yn, isDateSeparatorMessage as qn, isMessageBlocked as Wn, isMessageBounced as Xn, MessageBounceModal as Kn, MessageText as Pt, Poll as Jn, MessageErrorIcon as Zn, useMessageContext as Ce, useMessageComposer as Qn, useStateStore as es, MessageInput as ts, useMessageInputContext as ns, useMessageComposerHasSendableData as ss, AttachmentPreviewList as as, QuotedMessagePreview as rs, TextareaComposer as is, MessageTimestamp as $e, AIStates as Be, useTypingContext as os, useAIState as ls, Channel as cs, WithComponents as ds, Window as us, MessageList as ms, ChannelList as hs, InfiniteScroll as fs } from "stream-chat-react";
+import { StarIcon as He, DotsThreeIcon as gs, SpinnerGapIcon as Ae, SignOutIcon as ps, ProhibitInsetIcon as Ot, FlagIcon as Yt, FileIcon as qt, ImageIcon as bs, SpeakerHighIcon as vs, VideoCameraIcon as Wt, FileMdIcon as xs, FileTextIcon as ws, FileZipIcon as Ns, FilePptIcon as _s, FileCsvIcon as ys, FileXlsIcon as Cs, FileDocIcon as ks, FilePdfIcon as Es, CircleNotchIcon as Ne, PlayIcon as Ye, PauseIcon as Is, LinkIcon as Ss, DownloadSimpleIcon as _e, GiftIcon as Ts, ThumbsUpIcon as As, ThumbsDownIcon as Ms, TrashSimpleIcon as Rs, XIcon as Oe, ArrowUpIcon as Ls, SparkleIcon as ve, ProhibitIcon as Ds, ArrowLeftIcon as zt, CaretRightIcon as xe, PencilSimpleIcon as Ps, CaretLeftIcon as Os } from "@phosphor-icons/react";
+import C from "classnames";
 import { MessageActions as zs, DefaultDropdownActionButton as Xt } from "stream-chat-react/experimental";
-const Jt = Xe({
+const Kt = Xe({
   service: null,
   client: null,
   isConnected: !1,
@@ -16,7 +16,7 @@ const Jt = Xe({
   refreshConnection: async () => {
   },
   debug: !1
-}), Ke = () => ye(Jt), Si = ({
+}), Je = () => ye(Kt), Ii = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -41,7 +41,7 @@ const Jt = Xe({
   _.current = s;
   const T = H(i);
   T.current = i;
-  const L = H({
+  const R = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -51,20 +51,20 @@ const Jt = Xe({
     renderCount: M.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: L.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: L.current.apiKey !== a,
-      serviceConfigChanged: L.current.serviceConfig !== s,
-      capabilitiesChanged: L.current.capabilities !== r
+      userChanged: R.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: R.current.apiKey !== a,
+      serviceConfigChanged: R.current.serviceConfig !== s,
+      capabilitiesChanged: R.current.capabilities !== r
     }
-  }), L.current = {
+  }), R.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const R = H(null);
-  a && ((A = R.current) == null ? void 0 : A.apiKey) !== a && (R.current = { apiKey: a, client: new Mn(a) });
-  const D = a ? ((E = R.current) == null ? void 0 : E.client) ?? null : null;
+  const L = H(null);
+  a && ((A = L.current) == null ? void 0 : A.apiKey) !== a && (L.current = { apiKey: a, client: new Mn(a) });
+  const D = a ? ((E = L.current) == null ? void 0 : E.client) ?? null : null;
   q(() => {
     const y = M.current, I = _.current;
     if (!a || !D || !I) {
@@ -118,16 +118,16 @@ const Jt = Xe({
       o("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const P = await l.connectUser(t);
-        g(P), f(!0), B.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
+        const O = await l.connectUser(t);
+        g(O), f(!0), B.current = { serviceId: l, userId: t.id }, o("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: P.userID
+          clientId: O.userID
         });
-      } catch (P) {
-        const U = P instanceof Error ? P.message : "Connection failed";
-        v(U), o("❌ USER CONNECTION ERROR", {
+      } catch (O) {
+        const j = O instanceof Error ? O.message : "Connection failed";
+        v(j), o("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: U
+          error: j
         });
       } finally {
         b(!1), p.current = !1, o("🔄 USER CONNECTION FINISHED", {
@@ -143,7 +143,7 @@ const Jt = Xe({
       y && (B.current = null, (I = N.current) == null || I.disconnectUser().catch(console.error));
     };
   }, [D]);
-  const O = W(async () => {
+  const P = W(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -165,7 +165,7 @@ const Jt = Xe({
     } finally {
       b(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), C = $.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), k = $.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!u,
     isConnected: m,
@@ -179,7 +179,7 @@ const Jt = Xe({
     isLoading: c,
     error: w,
     capabilities: r,
-    refreshConnection: O,
+    refreshConnection: P,
     debug: i
   }), [
     l,
@@ -188,16 +188,16 @@ const Jt = Xe({
     c,
     w,
     r,
-    O,
+    P,
     i,
     o
   ]);
   return o("🔄 RENDER END", {
     renderCount: M.current,
     willRenderChat: !!D,
-    contextValueReady: !!C
-  }), /* @__PURE__ */ n(Jt.Provider, { value: C, children: D ? /* @__PURE__ */ n(
-    Ln,
+    contextValueReady: !!k
+  }), /* @__PURE__ */ n(Kt.Provider, { value: k, children: D ? /* @__PURE__ */ n(
+    Rn,
     {
       client: D,
       customClasses: {
@@ -206,7 +206,7 @@ const Jt = Xe({
       children: e
     }
   ) : e });
-}, Fs = () => Ke(), Kt = (e) => {
+}, Fs = () => Je(), Jt = (e) => {
   var a, r;
   const [t, s] = F(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
@@ -247,73 +247,46 @@ function Ze(e, t, s) {
     }
   );
 }
-const Us = /^[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 js(e) {
-  return Us.test(e.trim());
+const js = /^[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 Us(e) {
+  return js.test(e.trim());
 }
 function Ft(e, t) {
   const s = e == null ? void 0 : e.trim();
-  return !s || t && s === t ? !1 : !js(s);
+  return !s || t && s === t ? !1 : !Us(s);
 }
 function Zt(e) {
   return Ft(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ft(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const $t = [
-  "🍎",
+  { emoji: "🍎", bgColor: "#FFD1DD" },
   // Apple
-  "🍌",
+  { emoji: "🍌", bgColor: "#FFF1C9" },
   // Banana
-  "🍇",
+  { emoji: "🍇", bgColor: "#E6D9FF" },
   // Grape
-  "🍊",
+  { emoji: "🍊", bgColor: "#D6F4FF" },
   // Orange
-  "🍓",
+  { emoji: "🍓", bgColor: "#FFE0AE" },
   // Strawberry
-  "🥥",
+  { emoji: "🥥", bgColor: "#F7E7D8" },
   // Coconut
-  "🍒",
+  { emoji: "🍒", bgColor: "#DFF4D8" },
   // Cherry
-  "🥭",
+  { emoji: "🥭", bgColor: "#FFD8C2" },
   // Mango
-  "🍉",
+  { emoji: "🍉", bgColor: "#D6EBFF" },
   // Watermelon
-  "🍋",
+  { emoji: "🍋", bgColor: "#CAEEB5" },
   // Lemon
-  "🥝",
+  { emoji: "🥝", bgColor: "#FFE7C7" },
   // Kiwi
-  "🫒",
+  { emoji: "🫒", bgColor: "#F6E3B4" },
   // Olive
-  "🍈"
+  { emoji: "🍈", bgColor: "#D9F7E1" }
   // Melon
-], Vs = {
-  "🍉": "#D6EBFF",
-  // Watermelon
-  "🍎": "#FFD1DD",
-  // Apple
-  "🍓": "#FFE0AE",
-  // Strawberry
-  "🍋": "#CAEEB5",
-  // Lemon
-  "🍌": "#FFF1C9",
-  // Banana
-  "🍇": "#E6D9FF",
-  // Grape
-  "🍊": "#D6F4FF",
-  // Orange
-  "🥥": "#F7E7D8",
-  // Coconut
-  "🍒": "#DFF4D8",
-  // Cherry
-  "🥭": "#FFD8C2",
-  // Mango
-  "🥝": "#FFE7C7",
-  // Kiwi
-  "🫒": "#F6E3B4",
-  // Olive
-  "🍈": "#D9F7E1"
-  // Melon
-}, Gs = "#E6E5E3";
-function Hs(e) {
+];
+function Vs(e) {
   let t = 0;
   for (let s = 0; s < e.length; s++) {
     const a = e.charCodeAt(s);
@@ -322,11 +295,13 @@ function Hs(e) {
   return Math.abs(t);
 }
 function Qt(e) {
-  const s = Hs(e) % $t.length;
-  return $t[s];
+  return $t[Vs(e) % $t.length];
+}
+function Gs(e) {
+  return Qt(e).emoji;
 }
-function Ys(e) {
-  return Vs[Qt(e)] ?? Gs;
+function Hs(e) {
+  return Qt(e).bgColor;
 }
 const ne = ({
   id: e,
@@ -337,7 +312,7 @@ const ne = ({
   shape: i = "squircle",
   dmAgentEnabled: o = !1
 }) => {
-  const l = Qt(e), d = Ys(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
+  const l = Gs(e), d = Hs(e), u = 0.45, m = s < 32 ? Math.round(s * u) : s < 56 ? 14 : s < 120 ? 18 : 36, f = s >= 40 ? 2 : 1, c = i === "circle" ? { borderRadius: "50%" } : { borderRadius: "1rem" }, b = /* @__PURE__ */ n("div", { className: "h-full w-full overflow-hidden", style: c, children: t ? /* @__PURE__ */ n(
     "img",
     {
       src: t,
@@ -348,7 +323,7 @@ const ne = ({
     "div",
     {
       "aria-hidden": "true",
-      className: k(
+      className: C(
         "avatar-fallback flex h-full w-full items-center justify-center font-semibold select-none transition-colors"
       ),
       style: { fontSize: m, lineHeight: 1 },
@@ -358,7 +333,7 @@ const ne = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "relative flex-shrink-0",
         a
       ),
@@ -382,7 +357,7 @@ const ne = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: k(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -401,7 +376,7 @@ const ne = ({
       ]
     }
   );
-}, qs = "https://linktr.ee/s/about/trust-center/report", Ws = ({
+}, Ys = "https://linktr.ee/s/about/trust-center/report", qs = ({
   channel: e,
   participant: t,
   showBlockParticipant: s = !0,
@@ -415,7 +390,7 @@ const ne = ({
   logLabel: g = "useChannelModerationActions"
 }) => {
   var A;
-  const { service: m, debug: f } = Ke(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, b = !!(a && s && m && c), [w, v] = F(!1), [p, N] = F(null), [_, T] = F(!1), [L, M] = F(!1), R = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
+  const { service: m, debug: f } = Je(), c = (A = t == null ? void 0 : t.user) == null ? void 0 : A.id, b = !!(a && s && m && c), [w, v] = F(!1), [p, N] = F(null), [_, T] = F(!1), [R, M] = F(!1), L = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== m);
   return q(() => {
     if (!b || !m || !c) {
       v(!1), N(null);
@@ -441,9 +416,9 @@ const ne = ({
     };
   }, [b, m, c, g]), {
     isParticipantBlocked: w,
-    isCheckingBlockedStatus: R,
+    isCheckingBlockedStatus: L,
     isLeaving: _,
-    isUpdatingBlockStatus: L,
+    isUpdatingBlockStatus: R,
     handleLeaveConversation: async () => {
       var E;
       if (!_) {
@@ -460,7 +435,7 @@ const ne = ({
     },
     handleBlockUser: async () => {
       var E, y, I;
-      if (!(L || !m)) {
+      if (!(R || !m)) {
         l == null || l(), f && console.log(`[${g}] Block member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.blockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
@@ -473,7 +448,7 @@ const ne = ({
     },
     handleUnblockUser: async () => {
       var E, y, I;
-      if (!(L || !m)) {
+      if (!(R || !m)) {
         l == null || l(), f && console.log(`[${g}] Unblock member`, (E = t == null ? void 0 : t.user) == null ? void 0 : E.id), M(!0);
         try {
           await m.unBlockUser((y = t == null ? void 0 : t.user) == null ? void 0 : y.id), i && await i((I = t == null ? void 0 : t.user) == null ? void 0 : I.id), u == null || u();
@@ -485,7 +460,7 @@ const ne = ({
       }
     },
     handleReportUser: () => {
-      d == null || d(), u == null || u(), window.open(qs, "_blank", "noopener,noreferrer");
+      d == null || d(), u == null || u(), window.open(Ys, "_blank", "noopener,noreferrer");
     }
   };
 }, be = ({
@@ -497,7 +472,7 @@ const ne = ({
   "button",
   {
     type: "button",
-    className: k(
+    className: C(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -524,11 +499,11 @@ const ne = ({
     isCheckingBlockedStatus: N,
     isLeaving: _,
     isUpdatingBlockStatus: T,
-    handleLeaveConversation: L,
+    handleLeaveConversation: R,
     handleBlockUser: M,
-    handleUnblockUser: R,
+    handleUnblockUser: L,
     handleReportUser: D
-  } = Ws({
+  } = qs({
     channel: e,
     participant: t,
     showBlockParticipant: a,
@@ -543,13 +518,13 @@ const ne = ({
   });
   return q(() => {
     if (!f) return;
-    const O = (A) => {
+    const P = (A) => {
       b.current && !b.current.contains(A.target) && c(!1);
-    }, C = (A) => {
+    }, k = (A) => {
       A.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", O), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", O), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", P), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", k);
     };
   }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ h(
@@ -560,7 +535,7 @@ const ne = ({
         "aria-haspopup": "true",
         "aria-expanded": f,
         "aria-controls": f ? w : void 0,
-        onClick: () => c((O) => !O),
+        onClick: () => c((P) => !P),
         children: [
           /* @__PURE__ */ n(gs, { className: "size-5 text-black/90" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "More options" })
@@ -572,7 +547,7 @@ const ne = ({
       {
         id: w,
         "aria-label": "Conversation options",
-        className: k(
+        className: C(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
@@ -580,7 +555,7 @@ const ne = ({
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
             be,
             {
-              onClick: L,
+              onClick: R,
               disabled: _,
               "aria-busy": _,
               children: [
@@ -599,11 +574,11 @@ const ne = ({
           ) : p ? /* @__PURE__ */ h(
             be,
             {
-              onClick: R,
+              onClick: L,
               disabled: T,
               "aria-busy": T,
               children: [
-                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
@@ -614,7 +589,7 @@ const ne = ({
               disabled: T,
               "aria-busy": T,
               children: [
-                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(Ae, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
@@ -628,13 +603,13 @@ const ne = ({
       }
     )
   ] });
-}, Xs = (e) => /* @__PURE__ */ n(Rn, { ...e, position: "center" }), qe = "vote_up", We = "vote_down";
-function Js(e) {
+}, Ws = (e) => /* @__PURE__ */ n(Ln, { ...e, position: "center" }), qe = "vote_up", We = "vote_down";
+function Xs(e) {
   return e != null && e.length ? e.some((t) => t.type === We) ? "down" : e.some((t) => t.type === qe) ? "up" : null : null;
 }
 function Ks(e) {
   const { channel: t } = de(), { client: s } = ue("useMessageVote"), a = re(
-    () => Js(e.own_reactions),
+    () => Xs(e.own_reactions),
     [e.own_reactions]
   ), r = W(async () => {
     if (s != null && s.userID)
@@ -659,7 +634,7 @@ function Ks(e) {
   }, [t, s == null ? void 0 : s.userID, e.id, a]);
   return { selected: a, voteUp: r, voteDown: i };
 }
-function Zs(e) {
+function Js(e) {
   return (e == null ? void 0 : e.trim().toLowerCase().split(/[-_]/)[0]) || void 0;
 }
 function en({
@@ -667,16 +642,16 @@ function en({
   viewerLanguage: t
 }) {
   var r;
-  const s = e == null ? void 0 : e.text, a = Zs(t);
+  const s = e == null ? void 0 : e.text, a = Js(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Qs = $.lazy(() => import("./Card-CGImMuaB.js")), ea = $.lazy(() => import("./Card-CXpxfxsk.js")), ta = $.lazy(() => import("./Card-CeWBGjvN.js")), Qe = () => /* @__PURE__ */ n(
+const Zs = $.lazy(() => import("./Card-CErKgZmK.js")), Qs = $.lazy(() => import("./Card-BP7VHMzx.js")), ea = $.lazy(() => import("./Card-DD0muNC6.js")), Qe = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
     "aria-hidden": !0
   }
-), na = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Qs, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(ea, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Je, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(ta, { ...e }) }), sa = tn, aa = nn, Ut = { Composer: na, Sent: tn, Received: nn, Creator: sa, Visitor: aa }, ra = [
+), ta = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Zs, { ...e }) }), tn = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(Qs, { ...e }) }), nn = (e) => /* @__PURE__ */ n(Ke, { fallback: /* @__PURE__ */ n(Qe, {}), children: /* @__PURE__ */ n(ea, { ...e }) }), na = tn, sa = nn, jt = { Composer: ta, Sent: tn, Received: nn, Creator: na, Visitor: sa }, aa = [
   [/pdf/, "pdf"],
   [/wordprocessingml|msword|\.doc/, "doc"],
   [/spreadsheetml|ms-excel|\.xls/, "xls"],
@@ -690,20 +665,20 @@ function ie(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function sn(e) {
-  const t = ra.find(
+  const t = aa.find(
     ([s]) => s.test(e)
   );
   return t ? t[1] : "generic";
 }
-const ia = {
+const ra = {
   video: Wt,
   audio: vs,
   image: bs,
   document: qt
-}, oa = {
+}, ia = {
   pdf: Es,
-  doc: Cs,
-  xls: ks,
+  doc: ks,
+  xls: Cs,
   csv: ys,
   ppt: _s,
   zip: Ns,
@@ -711,17 +686,17 @@ const ia = {
   markdown: xs,
   generic: qt
 };
-function la(e) {
+function oa(e) {
   const t = ie(e);
-  return t !== "document" ? ia[t] : oa[sn(e)];
+  return t !== "document" ? ra[t] : ia[sn(e)];
 }
 function ce(e, t) {
-  return $.createElement(la(e), t);
+  return $.createElement(oa(e), t);
 }
-const ca = (e) => {
+const la = (e) => {
   var t, s;
   return "touches" in e ? ((t = e.touches[0]) == null ? void 0 : t.clientX) ?? ((s = e.changedTouches[0]) == null ? void 0 : s.clientX) ?? 0 : e.clientX;
-}, da = ({
+}, ca = ({
   source: e,
   mimeType: t,
   poster: s,
@@ -733,7 +708,7 @@ const ca = (e) => {
   muted: d = !1,
   onContainerClick: u
 }) => {
-  const g = ie(t), m = H(null), f = H(null), c = H(null), b = H(r), [w, v] = F(a), [p, N] = F(0), [_, T] = F(!1), [L, M] = F(!1), [R, D] = F(!1), [B, O] = F(!1), [C, A] = F(!0), [E, y] = F(null), I = W(() => {
+  const g = ie(t), m = H(null), f = H(null), c = H(null), b = H(r), [w, v] = F(a), [p, N] = F(0), [_, T] = F(!1), [R, M] = F(!1), [L, D] = F(!1), [B, P] = F(!1), [k, A] = F(!0), [E, y] = F(null), I = W(() => {
     D(!1), v(!0);
   }, []), z = W((x) => {
     const S = f.current;
@@ -741,15 +716,15 @@ const ca = (e) => {
     const G = S.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (ca(x) - G.left) / G.width)
+      Math.min(1, (la(x) - G.left) / G.width)
     );
-  }, []), P = W((x) => {
+  }, []), O = W((x) => {
     const S = m.current;
     S && S.duration && (S.currentTime = x * S.duration);
-  }, []), U = (x) => {
+  }, []), j = (x) => {
     x.stopPropagation(), T(!0);
     const S = z(x);
-    N(S), P(S);
+    N(S), O(S);
   };
   q(() => {
     r !== void 0 && r !== b.current && (b.current = r, v(r));
@@ -773,12 +748,12 @@ const ca = (e) => {
   }, [w]), q(() => {
     if (!_) return;
     const x = (G) => N(z(G)), S = (G) => {
-      T(!1), P(z(G));
+      T(!1), O(z(G));
     };
     return window.addEventListener("mousemove", x), window.addEventListener("mouseup", S), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", S), () => {
       window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", S), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", S);
     };
-  }, [_, z, P]);
+  }, [_, z, O]);
   const X = E ? { aspectRatio: String(E) } : void 0, Z = E ? "" : " aspect-video", Y = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
@@ -792,7 +767,7 @@ const ca = (e) => {
           u(x);
           return;
         }
-        R || o && v((S) => !S);
+        L || o && v((S) => !S);
       },
       onKeyDown: (x) => {
         if (!(x.key !== "Enter" && x.key !== " ")) {
@@ -800,11 +775,11 @@ const ca = (e) => {
             u(x);
             return;
           }
-          R || o && v((S) => !S);
+          L || o && v((S) => !S);
         }
       },
       children: [
-        s && (g === "audio" || C) && /* @__PURE__ */ n(
+        s && (g === "audio" || k) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -812,7 +787,7 @@ const ca = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || C) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || k) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -824,11 +799,11 @@ const ca = (e) => {
             loop: i,
             muted: d,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => O(!0),
+            onLoadStart: () => P(!0),
             onCanPlay: () => {
-              O(!1), A(!1);
+              P(!1), A(!1);
             },
-            onWaiting: () => O(!0),
+            onWaiting: () => P(!0),
             onPlay: () => D(!1),
             onEnded: () => {
               i || (v(!1), N(0));
@@ -844,11 +819,11 @@ const ca = (e) => {
             muted: d,
             playsInline: !0,
             style: { width: "100%", height: "100%" },
-            onLoadStart: () => O(!0),
+            onLoadStart: () => P(!0),
             onCanPlay: () => {
-              O(!1), A(!1);
+              P(!1), A(!1);
             },
-            onWaiting: () => O(!0),
+            onWaiting: () => P(!0),
             onPlay: () => D(!1),
             onLoadedMetadata: () => {
               const x = m.current;
@@ -860,14 +835,14 @@ const ca = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        B && !R && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        B && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           Ne,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        R && !o && /* @__PURE__ */ n(
+        L && !o && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
@@ -894,11 +869,11 @@ const ca = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: U,
-            onTouchStart: U,
+            onMouseDown: j,
+            onTouchStart: j,
             onClick: (x) => x.stopPropagation(),
             onKeyDown: (x) => {
-              x.key === "ArrowRight" && P(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, p - 0.05));
+              x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -933,19 +908,19 @@ const ca = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: U,
-              onTouchStart: U,
+              onMouseDown: j,
+              onTouchStart: j,
               onClick: (x) => x.stopPropagation(),
               onMouseEnter: () => M(!0),
               onMouseLeave: () => M(!1),
               onKeyDown: (x) => {
-                x.key === "ArrowRight" && P(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && P(Math.max(0, p - 0.05));
+                x.key === "ArrowRight" && O(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && O(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${L || _ ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${R || _ ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
@@ -958,7 +933,7 @@ const ca = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${L || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${R || _ ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
                     style: { left: `${Y}%` }
                   }
                 )
@@ -969,7 +944,7 @@ const ca = (e) => {
       ]
     }
   );
-}, jt = (e) => e === "dark" ? "size-12 text-white/20" : "size-12 text-black/20", ua = (e) => e === "dark" ? "aspect-video overflow-hidden bg-white/10" : "aspect-video overflow-hidden bg-black/5", an = ({
+}, Ut = (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", an = ({
   mimeType: e,
   sourceUrl: t,
   thumbnailUrl: s,
@@ -980,7 +955,7 @@ const ca = (e) => {
 }) => {
   const l = ie(e), [d, u] = F(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
-    da,
+    ca,
     {
       source: t,
       mimeType: e,
@@ -1027,11 +1002,11 @@ const ca = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: jt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
-  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${ua(r)}`, children: /* @__PURE__ */ n(
+  ) : s ? /* @__PURE__ */ n("div", { className: `relative ${da(r)}`, children: /* @__PURE__ */ n(
     "img",
     {
       src: s,
@@ -1044,7 +1019,7 @@ const ca = (e) => {
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
       children: ce(e, {
-        className: jt(r),
+        className: Ut(r),
         weight: "regular"
       })
     }
@@ -1069,7 +1044,7 @@ const ca = (e) => {
     {
       ref: g,
       "data-testid": m,
-      className: k(
+      className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1081,7 +1056,7 @@ const ca = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: k("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && b,
                 "text-white": f && !b
@@ -1091,7 +1066,7 @@ const ca = (e) => {
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: k(
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1100,7 +1075,7 @@ const ca = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: k(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1121,19 +1096,19 @@ function on(e) {
 function et(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 ma(e) {
+function ua(e) {
   return e ? "bg-white/10" : "bg-black/5";
 }
-function ha(e) {
+function ma(e) {
   return e ? "text-white" : "text-black";
 }
-function fa(e) {
+function ha(e) {
   return e ? "text-white/55" : "text-black/55";
 }
-function ga(e) {
+function fa(e) {
   return e ? "text-white/40" : "text-black/40";
 }
-function pa(e) {
+function ga(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const tt = ({ attachment: e, isMyMessage: t }) => {
@@ -1148,14 +1123,14 @@ const tt = ({ attachment: e, isMyMessage: t }) => {
     ) : /* @__PURE__ */ n(
       "div",
       {
-        className: `aspect-video w-full rounded-[20px] ${ma(t)} flex items-center justify-center`,
-        children: /* @__PURE__ */ n(Ss, { className: `size-12 ${pa(t)}` })
+        className: `aspect-video w-full rounded-[20px] ${ua(t)} flex items-center justify-center`,
+        children: /* @__PURE__ */ n(Ss, { className: `size-12 ${ga(t)}` })
       }
     ) }),
     /* @__PURE__ */ h("div", { className: "px-3 pb-3", children: [
-      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ha(t)}`, children: s }),
-      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${fa(t)}`, children: a }),
-      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${ga(t)}`, children: d })
+      s && /* @__PURE__ */ n("p", { className: `truncate text-[14px] font-medium leading-5 ${ma(t)}`, children: s }),
+      a && /* @__PURE__ */ n("p", { className: `truncate text-[12px] leading-4 ${ha(t)}`, children: a }),
+      d && /* @__PURE__ */ n("p", { className: `mt-1 truncate text-[12px] leading-4 ${fa(t)}`, children: d })
     ] })
   ] });
   return d ? /* @__PURE__ */ n("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: "block no-underline", children: u }) : /* @__PURE__ */ n("div", { className: "block", children: u });
@@ -1167,7 +1142,7 @@ function nt(e) {
   var t;
   return (t = e.attachments) == null ? void 0 : t.find(ln);
 }
-async function ba(e, t) {
+async function pa(e, t) {
   let s;
   try {
     s = t ?? new URL(e).pathname.split("/").pop() ?? "download";
@@ -1179,7 +1154,7 @@ async function ba(e, t) {
   const r = await a.blob(), i = URL.createObjectURL(r), o = document.createElement("a");
   o.href = i, o.download = s, o.style.display = "none", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
 }
-const va = ({
+const ba = ({
   url: e,
   filename: t
 }) => {
@@ -1191,7 +1166,7 @@ const va = ({
       onClick: (i) => {
         i.stopPropagation();
         const o = window.open("", "_blank", "noopener,noreferrer");
-        a(!0), ba(e, t).then(() => {
+        a(!0), pa(e, t).then(() => {
           o == null || o.close();
         }).catch(() => {
           o && (o.location.href = e);
@@ -1281,10 +1256,10 @@ const cn = ({
           containedImage: i === "image" || i === "document"
         }
       ),
-      action: /* @__PURE__ */ n(va, { url: e, filename: s })
+      action: /* @__PURE__ */ n(ba, { url: e, filename: s })
     }
   );
-}, xa = ({
+}, va = ({
   message: e,
   isMyMessage: t = !1
 }) => {
@@ -1315,7 +1290,7 @@ const cn = ({
       }
     )
   ] });
-}, wa = ({
+}, xa = ({
   message: e
 }) => {
   const t = nt(e);
@@ -1323,7 +1298,7 @@ const cn = ({
     return /* @__PURE__ */ n("div", { className: et(!0), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !0 }) });
   const s = st(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(cn, { ...s }) }) : null;
-}, Na = ({
+}, wa = ({
   message: e
 }) => {
   const t = nt(e);
@@ -1331,16 +1306,16 @@ const cn = ({
     return /* @__PURE__ */ n("div", { className: et(!1), "data-dd-privacy": "mask", children: /* @__PURE__ */ n(tt, { attachment: t, isMyMessage: !1 }) });
   const s = st(e);
   return s ? /* @__PURE__ */ n("div", { style: { display: "contents" }, "data-dd-privacy": "mask", children: /* @__PURE__ */ n(dn, { ...s }) }) : null;
-}, Ti = Object.assign(xa, {
-  Creator: wa,
-  Visitor: Na
-}), _a = {
+}, Si = Object.assign(va, {
+  Creator: xa,
+  Visitor: wa
+}), Na = {
   isUnlocking: () => !1
-}, ya = {
-  LockedAttachment: _a
-}, un = Xe({}), Ai = un.Provider;
-function ka(e) {
-  return ye(un)[e] ?? ya[e];
+}, _a = {
+  LockedAttachment: Na
+}, un = Xe({}), Ti = un.Provider;
+function ya(e) {
+  return ye(un)[e] ?? _a[e];
 }
 const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1359,29 +1334,29 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       }
     )
   }
-), Ea = (e) => {
+), ka = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, Ia = (e) => {
+}, Ea = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Le = (e) => {
+}, Re = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Sa = (e) => {
+}, Ia = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, mn = (e) => Ea(e) || Ia(e), Ta = (e) => {
+}, mn = (e) => ka(e) || Ea(e), Sa = (e) => {
   var t;
   return mn(e) && !((t = e.text) != null && t.trim());
-}, Ue = ({
+}, je = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var m;
-  const r = mn(e), i = Le(e);
+  const r = mn(e), i = Re(e);
   if (!r && !i)
     return null;
   if (r) {
@@ -1405,7 +1380,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     g,
     u
   ] }) });
-}, Aa = ({
+}, Ta = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1414,7 +1389,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1428,7 +1403,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: k("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1438,8 +1413,8 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       children: /* @__PURE__ */ n(Ms, { size: 16, weight: e === "down" ? "fill" : "regular" })
     }
   )
-] }), Ma = (e) => {
-  var vt, xt, wt, Nt, _t, yt, kt, Ct, Et, It, St, Tt, At, Mt;
+] }), Aa = (e) => {
+  var vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St, Tt, At, Mt;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1457,40 +1432,40 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: b,
     threadList: w,
     viewerLanguage: v
-  } = e, { client: p } = ue("CustomMessage"), { channel: N } = de("CustomMessage"), { isUnlocking: _, onUnlockClick: T, onFetchSource: L, onDownloadClick: M } = ka("LockedAttachment"), [R, D] = F(!1), B = On(c.id), { selected: O, voteUp: C, voteDown: A } = Ks(c), {
-    Attachment: E = Pn,
+  } = e, { client: p } = ue("CustomMessage"), { channel: N } = de("CustomMessage"), { isUnlocking: _, onUnlockClick: T, onFetchSource: R, onDownloadClick: M } = ya("LockedAttachment"), [L, D] = F(!1), B = Pn(c.id), { selected: P, voteUp: k, voteDown: A } = Ks(c), {
+    Attachment: E = On,
     EditMessageModal: y = zn,
     MessageActions: I,
     MessageBlocked: z = Fn,
-    MessageBouncePrompt: P = $n,
-    MessageDeleted: U = Bn,
-    MessageIsThreadReplyInChannelButtonIndicator: X = Un,
-    MessageRepliesCountButton: Z = jn,
+    MessageBouncePrompt: O = $n,
+    MessageDeleted: j = Bn,
+    MessageIsThreadReplyInChannelButtonIndicator: X = jn,
+    MessageRepliesCountButton: Z = Un,
     ReminderNotification: Y = Vn,
     StreamedMessageText: x = Gn,
     PinIndicator: S
   } = Ht("CustomMessage"), G = Hn(c), V = Yn(c), Q = re(
     () => m == null ? void 0 : m(c),
     [m, c]
-  ), j = re(() => {
+  ), U = re(() => {
     const pe = c.attachments ?? [], Te = c.shared_location ? [c.shared_location, ...pe] : pe;
-    if (!Le(c)) return Te;
-    const Lt = Te.filter((Rt) => !("type" in Rt) || !ln(Rt));
-    return Lt.length === Te.length ? Te : Lt;
-  }, [c]), J = re(() => {
+    if (!Re(c)) return Te;
+    const Rt = Te.filter((Lt) => !("type" in Lt) || !ln(Lt));
+    return Rt.length === Te.length ? Te : Rt;
+  }, [c]), K = re(() => {
     const pe = en({ message: c, viewerLanguage: v });
     return pe === c.text ? c : { ...c, text: pe };
   }, [c, v]);
   if (qn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(U, { message: c });
+    return /* @__PURE__ */ n(j, { message: c });
   if (Wn(c))
     return /* @__PURE__ */ n(z, {});
   const ee = !w && !!c.reply_count, me = !w && c.show_in_channel && c.parent_id, he = c.status === "failed" && ((vt = c.error) == null ? void 0 : vt.status) !== 403, fe = Xn(c);
-  let K;
-  he ? K = () => u(c) : fe && (K = () => D(!0));
-  const te = f(), oe = k(
+  let J;
+  he ? J = () => u(c) : fe && (J = () => D(!0));
+  const te = f(), oe = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
@@ -1507,7 +1482,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ft = c.poll_id && p.polls.fromState(c.poll_id), gt = Ta(c), ge = Le(c), pt = Sa(c), Fe = !!(j != null && j.length && !c.quoted_message), bt = ge && te && Fe;
+  ), ft = c.poll_id && p.polls.fromState(c.poll_id), gt = Sa(c), ge = Re(c), pt = Ia(c), Fe = !!(U != null && U.length && !c.quoted_message), bt = ge && te && Fe;
   return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
       y,
@@ -1515,12 +1490,12 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
         additionalMessageInputProps: t
       }
     ),
-    R && /* @__PURE__ */ n(
-      Jn,
+    L && /* @__PURE__ */ n(
+      Kn,
       {
-        MessageBouncePrompt: P,
+        MessageBouncePrompt: O,
         onClose: () => D(!1),
-        open: R
+        open: L
       }
     ),
     /* @__PURE__ */ h(
@@ -1547,14 +1522,14 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: k("str-chat__message-inner", {
+              className: C("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": he || fe
               }),
               "data-testid": "message-inner",
-              onClick: K,
-              onKeyDown: K,
-              role: K ? "button" : void 0,
-              tabIndex: K ? 0 : void 0,
+              onClick: J,
+              onKeyDown: J,
+              role: J ? "button" : void 0,
+              tabIndex: J ? 0 : void 0,
               style: {
                 // Force margins to 0 to prevent hover layout shift
                 // Stream Chat CSS sets margin-inline-end/start to 78px, then 0 on hover
@@ -1565,21 +1540,21 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   I && /* @__PURE__ */ n(I, {}),
                   /* @__PURE__ */ n(
-                    Ut.Sent,
+                    jt.Sent,
                     {
                       title: (wt = c.metadata) == null ? void 0 : wt.attachment_title,
                       mimeType: (Nt = c.metadata) == null ? void 0 : Nt.attachment_mime_type,
                       thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
                       amountText: (yt = c.metadata) == null ? void 0 : yt.amount_text,
-                      detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
-                      paymentStatus: (Ct = c.metadata) == null ? void 0 : Ct.payment_status,
+                      detail: (Ct = c.metadata) == null ? void 0 : Ct.attachment_detail,
+                      paymentStatus: (kt = c.metadata) == null ? void 0 : kt.payment_status,
                       onPreviewClick: () => T == null ? void 0 : T(c, N),
-                      onFetchSource: async () => await (L == null ? void 0 : L(c, N))
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, N))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    Ut.Received,
+                    jt.Received,
                     {
                       title: (Et = c.metadata) == null ? void 0 : Et.attachment_title,
                       mimeType: (It = c.metadata) == null ? void 0 : It.attachment_mime_type,
@@ -1589,49 +1564,49 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       paymentStatus: (Mt = c.metadata) == null ? void 0 : Mt.payment_status,
                       isUnlocking: _(c.id),
                       onUnlockClick: () => T == null ? void 0 : T(c, N),
-                      onFetchSource: async () => await (L == null ? void 0 : L(c, N)),
+                      onFetchSource: async () => await (R == null ? void 0 : R(c, N)),
                       onDownloadClick: () => M == null ? void 0 : M(c, N)
                     }
                   ),
                   I && /* @__PURE__ */ n(I, {})
                 ] }),
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
-                  Ot,
+                  Pt,
                   {
-                    message: J,
+                    message: K,
                     renderText: b
                   }
                 ) })
               ] }) : gt ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Ue, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(je, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
                 ge && !bt && /* @__PURE__ */ n(
-                  Ue,
+                  je,
                   {
                     message: c,
                     hasAttachment: Fe,
                     isMyMessage: te
                   }
                 ),
-                ft && /* @__PURE__ */ n(Kn, { poll: ft }),
-                j != null && j.length && !c.quoted_message ? /* @__PURE__ */ n(
+                ft && /* @__PURE__ */ n(Jn, { poll: ft }),
+                U != null && U.length && !c.quoted_message ? /* @__PURE__ */ n(
                   E,
                   {
                     actionHandler: l,
-                    attachments: j
+                    attachments: U
                   }
                 ) : null,
                 Q ? /* @__PURE__ */ n(
                   x,
                   {
-                    message: J,
+                    message: K,
                     renderText: b
                   }
                 ) : /* @__PURE__ */ n(
-                  Ot,
+                  Pt,
                   {
-                    message: J,
+                    message: K,
                     renderText: b
                   }
                 ),
@@ -1641,7 +1616,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ),
           !pt && !gt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
             (!ge || bt) && /* @__PURE__ */ n(
-              Ue,
+              je,
               {
                 message: c,
                 hasAttachment: Fe,
@@ -1649,10 +1624,10 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && ge && /* @__PURE__ */ n(
-              Aa,
+              Ta,
               {
-                selected: O,
-                onVoteUp: C,
+                selected: P,
+                onVoteUp: k,
                 onVoteDown: A
               }
             )
@@ -1670,15 +1645,15 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       c.id
     )
   ] });
-}, La = $.memo(
-  Ma,
+}, Ma = $.memo(
+  Aa,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Dn(e, t)
 ), Ra = (e) => {
-  const t = ke("CustomMessage");
-  return /* @__PURE__ */ n(La, { ...t, ...e });
-}, Da = () => {
+  const t = Ce("CustomMessage");
+  return /* @__PURE__ */ n(Ma, { ...t, ...e });
+}, La = () => {
   var s;
-  const { handleDelete: e, message: t } = ke("CustomMessageActions");
+  const { handleDelete: e, message: t } = Ce("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Xt,
     {
@@ -1686,11 +1661,11 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "aria-label": "Delete",
       title: "Delete",
       className: "bg-marble rounded-full p-2 hover:bg-sand transition-all",
-      children: /* @__PURE__ */ n(Ls, { size: 16, weight: "light", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Rs, { size: 16, weight: "light", "aria-hidden": !0 })
     }
   );
-}, Oa = () => {
-  const { handleFlag: e } = ke("CustomMessageActions");
+}, Da = () => {
+  const { handleFlag: e } = Ce("CustomMessageActions");
   return /* @__PURE__ */ n(
     Xt,
     {
@@ -1703,17 +1678,17 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Pa = () => {
   var t;
-  const { message: e } = ke("CustomMessageActions");
+  const { message: e } = Ce("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     zs,
     {
       messageActionSet: [
-        { Component: Da, placement: "quick", type: "delete" },
-        { Component: Oa, placement: "quick", type: "flag" }
+        { Component: La, placement: "quick", type: "delete" },
+        { Component: Da, placement: "quick", type: "flag" }
       ]
     }
   );
-}, za = ({
+}, Oa = ({
   link: e,
   onDismiss: t
 }) => {
@@ -1743,7 +1718,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
             },
             className: "absolute right-4 top-4 flex size-6 items-center justify-center rounded-full border border-white/40 bg-white/70 backdrop-blur-2xl focus-ring",
             "aria-label": "Close link preview",
-            children: /* @__PURE__ */ n(Pe, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(Oe, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1753,26 +1728,26 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ]
     }
   );
-}, Fa = (e) => ({
+}, za = (e) => ({
   linkPreviews: Array.from(e.previews.values()).filter(
     (t) => Dt.previewIsLoaded(t) || Dt.previewIsLoading(t)
   )
-}), $a = () => {
+}), Fa = () => {
   const { linkPreviewsManager: e } = Qn(), { linkPreviews: t } = es(
     e.state,
-    Fa
+    za
   ), s = (r) => {
     e.dismissPreview(r);
   };
   return t.length > 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-stretch w-full gap-2 mb-4", children: t.map((r) => /* @__PURE__ */ n(
-    za,
+    Oa,
     {
       link: r,
       onDismiss: s
     },
     r.og_scrape_url
   )) }) : null;
-}, at = $.createContext(!1), Mi = () => ye(at), Ba = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, at = $.createContext(!1), Ai = () => ye(at), $a = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1780,11 +1755,11 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "aria-label": "Send",
     disabled: t,
     onClick: e,
-    children: /* @__PURE__ */ n(Rs, { weight: "bold", className: "size-4" })
+    children: /* @__PURE__ */ n(Ls, { weight: "bold", className: "size-4" })
   }
-), Ua = () => {
+), Ba = () => {
   const e = ye(at), { handleSubmit: t } = ns(), s = ss(), a = e || !s, {
-    SendButton: r = Ba,
+    SendButton: r = $a,
     AttachmentPreviewList: i = as
   } = Ht("CustomMessageInput");
   return /* @__PURE__ */ h(
@@ -1794,7 +1769,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "data-dd-privacy": "mask",
       children: [
         /* @__PURE__ */ n(rs, {}),
-        /* @__PURE__ */ n($a, {}),
+        /* @__PURE__ */ n(Fa, {}),
         /* @__PURE__ */ n(i, {}),
         /* @__PURE__ */ h("div", { className: "flex", children: [
           /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
@@ -1844,23 +1819,23 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
         children: [
           e && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: e() }),
-          /* @__PURE__ */ n(at.Provider, { value: o, children: /* @__PURE__ */ n(ts, { Input: r ?? Ua }) })
+          /* @__PURE__ */ n(at.Provider, { value: o, children: /* @__PURE__ */ n(ts, { Input: r ?? Ba }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, Va = [
+}, Ua = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], Ga = {
+], Va = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, Ha = [
+}, Ga = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Ya = {
+], Ha = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, je = "age safety guidelines.", qa = "https://linktr.ee/s/about/contact", Vt = (e) => Va.includes(e), Wa = (e) => Ha.includes(e), Xa = (e) => {
+}, Ue = "age safety guidelines.", Ya = "https://linktr.ee/s/about/contact", Vt = (e) => Ua.includes(e), qa = (e) => Ga.includes(e), Wa = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (Vt(t))
@@ -1868,7 +1843,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Wa(t))
+  if (qa(t))
     return {
       kind: "age-safety",
       type: t
@@ -1879,32 +1854,32 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Ja = (e) => {
-  const t = e.indexOf(je);
+}, Xa = (e) => {
+  const t = e.indexOf(Ue);
   if (t === -1)
     return e;
-  const s = t + je.length;
+  const s = t + Ue.length;
   return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: qa,
+        href: Ya,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: je
+        children: Ue
       }
     ),
     e.slice(s)
   ] });
 }, Ka = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = Xa(
+  const t = e.message.hide_date === !0, s = Wa(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Ga[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Va[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1930,7 +1905,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ya[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ha[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1949,7 +1924,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ja(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Xa(i) }) })
           ]
         }
       ),
@@ -1974,15 +1949,15 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Za = /* @__PURE__ */ new Set([
+) }), Ja = /* @__PURE__ */ new Set([
   Be.Thinking,
   Be.Generating,
   Be.ExternalSources
-]), Qa = ({ threadList: e }) => {
+]), Za = ({ threadList: e }) => {
   var b, w;
   const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = ue(), { typing: i = {} } = os(), { aiState: o } = ls(t), l = ye(hn);
-  if (!e && l && Za.has(o)) {
-    const v = er(t, (b = r.user) == null ? void 0 : b.id);
+  if (!e && l && Ja.has(o)) {
+    const v = Qa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Gt,
       {
@@ -2062,7 +2037,7 @@ const Ca = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] })
   }
 );
-function er(e, t) {
+function Qa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2071,10 +2046,10 @@ function er(e, t) {
       return i;
   }
 }
-const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const er = () => null, tr = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: k("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2114,12 +2089,12 @@ const tr = () => null, nr = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Re = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ n(nr, { className: "w-6 h-6" }),
+), Le = $.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ n(tr, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Re.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Me = "Replies instantly with AI assistant", sr = ({
+Le.displayName = "LoadingState";
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Me = "Replies instantly with AI assistant", nr = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2138,30 +2113,30 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onParticipantNameClick: w,
   renderHeaderTitleBadges: v
 }) => {
-  var A, E, y, I, z, P;
+  var A, E, y, I, z, O;
   const { channel: p } = de(), { client: N } = ue(), _ = $.useMemo(
     () => {
-      var U;
+      var j;
       return Ze(
-        (U = p.state) == null ? void 0 : U.members,
+        (j = p.state) == null ? void 0 : j.members,
         N == null ? void 0 : N.userID,
         p.type
       );
     },
     [(A = p.state) == null ? void 0 : A.members, N == null ? void 0 : N.userID, p.type]
-  ), T = Zt(_ == null ? void 0 : _.user), L = (E = _ == null ? void 0 : _.user) == null ? void 0 : E.image, M = Kt(p), R = v == null ? void 0 : v({
+  ), T = Zt(_ == null ? void 0 : _.user), R = (E = _ == null ? void 0 : _.user) == null ? void 0 : E.image, M = Jt(p), L = v == null ? void 0 : v({
     channel: p,
     participant: _
-  }), 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", B = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", O = /* @__PURE__ */ h(se, { 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", B = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", P = /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: T }),
-    R && /* @__PURE__ */ n("span", { className: "shrink-0", children: R })
-  ] }), C = async () => {
+    L && /* @__PURE__ */ n("span", { className: "shrink-0", children: L })
+  ] }), k = async () => {
     try {
       M ? await p.unpin() : await p.pin();
-    } catch (U) {
+    } catch (j) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        U
+        j
       );
     }
   };
@@ -2170,7 +2145,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: t && /* @__PURE__ */ n(
         "button",
         {
-          className: k(
+          className: C(
             le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2192,7 +2167,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               type: "button",
               onClick: w,
               "aria-label": `View details for ${T}`,
-              className: k(
+              className: C(
                 D,
                 "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
               ),
@@ -2202,14 +2177,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                   {
                     id: ((y = _ == null ? void 0 : _.user) == null ? void 0 : y.id) || p.id || "unknown",
                     name: T,
-                    image: L,
+                    image: R,
                     starred: s && M,
                     dmAgentEnabled: a,
                     size: 48
                   }
                 ),
                 /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
-                  O,
+                  P,
                   /* @__PURE__ */ n(xe, { className: "size-3 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2224,14 +2199,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               {
                 id: ((I = _ == null ? void 0 : _.user) == null ? void 0 : I.id) || p.id || "unknown",
                 name: T,
-                image: L,
+                image: R,
                 starred: s && M,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
             /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
-              O,
+              P,
               /* @__PURE__ */ n(
                 xe,
                 {
@@ -2252,13 +2227,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: C,
+            onClick: k,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               He,
               {
-                className: k("size-5", {
+                className: C("size-5", {
                   "text-yellow-600": M,
                   "text-black/90": !M
                 }),
@@ -2281,7 +2256,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: m,
             customChannelActions: f,
-            triggerClassName: k(le, "bg-[#F1F0EE]")
+            triggerClassName: C(le, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2291,7 +2266,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: k(
+            className: C(
               le,
               "messaging-channel-view-back-button-desktop"
             ),
@@ -2307,7 +2282,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             type: "button",
             onClick: w,
             "aria-label": `View details for ${T}`,
-            className: k(
+            className: C(
               B,
               "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
             ),
@@ -2317,7 +2292,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 {
                   id: ((z = _ == null ? void 0 : _.user) == null ? void 0 : z.id) || p.id || "unknown",
                   name: T,
-                  image: L,
+                  image: R,
                   starred: s && M,
                   dmAgentEnabled: a,
                   size: 48
@@ -2325,7 +2300,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ),
               /* @__PURE__ */ h("div", { className: "min-w-0", children: [
                 /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-                  O,
+                  P,
                   /* @__PURE__ */ n(xe, { className: "size-4 shrink-0", weight: "bold" })
                 ] }),
                 a && /* @__PURE__ */ h("div", { className: "mt-0.5 flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
@@ -2339,9 +2314,9 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((P = _ == null ? void 0 : _.user) == null ? void 0 : P.id) || p.id || "unknown",
+              id: ((O = _ == null ? void 0 : _.user) == null ? void 0 : O.id) || p.id || "unknown",
               name: T,
-              image: L,
+              image: R,
               starred: s && M,
               dmAgentEnabled: a,
               size: 48
@@ -2349,7 +2324,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           ),
           /* @__PURE__ */ h("div", { className: "min-w-0", children: [
             /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
-              O,
+              P,
               /* @__PURE__ */ n(
                 xe,
                 {
@@ -2370,13 +2345,13 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: C,
+            onClick: k,
             type: "button",
             "aria-label": M ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               He,
               {
-                className: k("size-6", {
+                className: C("size-6", {
                   "text-yellow-600": M,
                   "text-black/90": !M
                 }),
@@ -2405,7 +2380,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ] })
     ] })
   ] });
-}, ar = ({
+}, sr = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2427,61 +2402,61 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderHeaderTitleBadges: N,
   customChannelActions: _,
   renderChannelActions: T,
-  renderMessage: L,
+  renderMessage: R,
   dmAgentEnabled: M = !1,
-  viewerLanguage: R,
+  viewerLanguage: L,
   showChannelInfo: D = !0,
   onParticipantNameClick: B,
-  composerInput: O
+  composerInput: P
 }) => {
   var X, Z, Y, x;
-  const { channel: C } = de(), { client: A } = ue(), E = $.useMemo(
+  const { channel: k } = de(), { client: A } = ue(), E = $.useMemo(
     () => {
       var S;
       return Ze(
-        (S = C.state) == null ? void 0 : S.members,
+        (S = k.state) == null ? void 0 : S.members,
         A == null ? void 0 : A.userID,
-        C.type
+        k.type
       );
     },
-    [(X = C.state) == null ? void 0 : X.members, A == null ? void 0 : A.userID, C.type]
+    [(X = k.state) == null ? void 0 : X.members, A == null ? void 0 : A.userID, k.type]
   ), y = $.useMemo(() => {
     var V;
     const S = A == null ? void 0 : A.userID;
-    return S ? Object.values(((V = C.state) == null ? void 0 : V.members) || {}).find((Q) => {
-      var j;
-      return ((j = Q.user) == null ? void 0 : j.id) === S;
+    return S ? Object.values(((V = k.state) == null ? void 0 : V.members) || {}).find((Q) => {
+      var U;
+      return ((U = Q.user) == null ? void 0 : U.id) === S;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (Z = C.state) == null ? void 0 : Z.members]), I = ((Y = y == null ? void 0 : y.user) == null ? void 0 : Y.is_account) ?? (y == null ? void 0 : y.is_account), z = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), P = M && I === !1 && z === !0, U = W(
+  }, [A == null ? void 0 : A.userID, (Z = k.state) == null ? void 0 : Z.members]), I = ((Y = y == null ? void 0 : y.user) == null ? void 0 : Y.is_account) ?? (y == null ? void 0 : y.is_account), z = ((x = E == null ? void 0 : E.user) == null ? void 0 : x.is_account) ?? (E == null ? void 0 : E.is_account), O = M && I === !1 && z === !0, j = W(
     (S) => {
-      const { message: G } = ke("ChannelView"), V = /* @__PURE__ */ n(
+      const { message: G } = Ce("ChannelView"), V = /* @__PURE__ */ n(
         Ra,
         {
           ...S,
           chatbotVotingEnabled: v,
-          viewerLanguage: R
+          viewerLanguage: L
         }
       );
-      return !L || !G ? V : L(V, G);
+      return !R || !G ? V : R(V, G);
     },
-    [v, L, R]
+    [v, R, L]
   );
   return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     ds,
     {
       overrides: {
-        Message: U,
+        Message: j,
         MessageActions: Pa
       },
       children: /* @__PURE__ */ h(us, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          sr,
+          nr,
           {
             onBack: e,
             showBackButton: t,
             showChannelInfo: D,
             showStarButton: w,
-            dmAgentEnabled: P,
+            dmAgentEnabled: O,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2505,17 +2480,17 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n($.Fragment, { children: r(C) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n($.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
           ja,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(C)
+              renderActions: () => s == null ? void 0 : s(k)
             },
-            renderFooter: () => a == null ? void 0 : a(C),
+            renderFooter: () => a == null ? void 0 : a(k),
             disabled: c,
             disabledReason: b,
-            composerInput: O
+            composerInput: P
           },
           "lt-channel-message-input"
         )
@@ -2533,7 +2508,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: u = tr,
+    CustomChannelEmptyState: u = er,
     showDeleteConversation: g = !0,
     onDeleteConversationClick: m,
     onBlockParticipantClick: f,
@@ -2545,20 +2520,20 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     dmAgentEnabled: N,
     messageMetadata: _,
     onMessageSent: T,
-    showStarButton: L = !1,
+    showStarButton: R = !1,
     chatbotVotingEnabled: M = !1,
-    renderChannelBanner: R,
+    renderChannelBanner: L,
     renderHeaderTitleBadges: D,
     customChannelActions: B,
-    renderChannelActions: O,
-    renderMessage: C,
+    renderChannelActions: P,
+    renderMessage: k,
     onMessageLinkClick: A,
     sendButton: E,
     attachmentPreviewList: y,
     viewerLanguage: I,
     showChannelInfo: z = !0,
-    onParticipantNameClick: P,
-    composerInput: U
+    onParticipantNameClick: O,
+    composerInput: j
   }) => {
     const X = W(
       async (Y, x, S) => {
@@ -2572,11 +2547,11 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
               ..._
             }
           }
-        }, j = {
+        }, U = {
           ...S,
           ...V && { skip_push: !0 }
-        }, J = await e.sendMessage(Q, j);
-        return T == null || T(J), J;
+        }, K = await e.sendMessage(Q, U);
+        return T == null || T(K), K;
       },
       [e, N, _, T]
     ), Z = H(null);
@@ -2587,7 +2562,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const x = (S) => {
         const G = S.target, V = G == null ? void 0 : G.closest("a[href]"), Q = V == null ? void 0 : V.getAttribute("href");
         if (!Q) return;
-        const j = V == null ? void 0 : V.closest("[data-message-id]"), J = j == null ? void 0 : j.getAttribute("data-message-id"), ee = J ? e.state.messages.find((me) => me.id === J) : void 0;
+        const U = V == null ? void 0 : V.closest("[data-message-id]"), K = U == null ? void 0 : U.getAttribute("data-message-id"), ee = K ? e.state.messages.find((me) => me.id === K) : void 0;
         A(Q, ee);
       };
       return Y.addEventListener("click", x), () => Y.removeEventListener("click", x);
@@ -2595,7 +2570,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       "div",
       {
         ref: Z,
-        className: k(
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -2605,14 +2580,14 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             channel: e,
             MessageSystem: Ka,
             EmptyStateIndicator: u,
-            LoadingIndicator: Re,
-            DateSeparator: Xs,
-            TypingIndicator: Qa,
+            LoadingIndicator: Le,
+            DateSeparator: Ws,
+            TypingIndicator: Za,
             doSendMessageRequest: X,
             ...E ? { SendButton: E } : {},
             ...y ? { AttachmentPreviewList: y } : {},
             children: /* @__PURE__ */ n(
-              ar,
+              sr,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2630,18 +2605,18 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showReportParticipant: w,
                 composerDisabled: v,
                 composerDisabledReason: p,
-                showStarButton: L,
+                showStarButton: R,
                 dmAgentEnabled: N,
                 chatbotVotingEnabled: M,
-                renderChannelBanner: R,
+                renderChannelBanner: L,
                 renderHeaderTitleBadges: D,
                 customChannelActions: B,
-                renderChannelActions: O,
-                renderMessage: C,
+                renderChannelActions: P,
+                renderMessage: k,
                 viewerLanguage: I,
                 showChannelInfo: z,
-                onParticipantNameClick: P,
-                composerInput: U
+                onParticipantNameClick: O,
+                composerInput: j
               }
             )
           }
@@ -2666,7 +2641,7 @@ const we = $.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
   )
 ] }) }));
 we.displayName = "ErrorState";
-const Li = ({
+const Mi = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2688,18 +2663,18 @@ const Li = ({
   onParticipantNameClick: N,
   renderMessage: _,
   onMessageLinkClick: T,
-  showChannelInfo: L,
+  showChannelInfo: R,
   composerInput: M
 }) => {
   const {
-    client: R,
+    client: L,
     isConnected: D,
     isLoading: B,
-    error: O,
-    refreshConnection: C,
+    error: P,
+    refreshConnection: k,
     service: A,
     debug: E
-  } = Fs(), [y, I] = F(null), [z, P] = F(null), [U, X] = F(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
+  } = Fs(), [y, I] = F(null), [z, O] = F(null), [j, X] = F(!1), { showDeleteConversation: Z = !0 } = e, Y = H(o);
   Y.current = o;
   const x = H(a);
   x.current = a;
@@ -2707,14 +2682,14 @@ const Li = ({
   q(() => {
     G.current = y;
   }, [y]), q(() => {
-    if (!R || !D) return;
-    const j = R.userID;
-    if (!j) return;
-    const J = `${j}::${i}`;
-    if (S.current === J) return;
-    S.current = J;
+    if (!L || !D) return;
+    const U = L.userID;
+    if (!U) return;
+    const K = `${U}::${i}`;
+    if (S.current === K) return;
+    S.current = K;
     const ee = () => {
-      S.current === J && (S.current = null);
+      S.current === K && (S.current = null);
     };
     (async () => {
       var he, fe;
@@ -2723,24 +2698,24 @@ const Li = ({
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const K = await R.queryChannels(
+        const J = await L.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [j, i] }
+            members: { $eq: [U, i] }
           },
           {},
           { limit: 1 }
         );
-        if (K.length > 0) {
-          I(K[0]), P(null), (he = x.current) == null || he.call(x, K[0]), E && console.log(
+        if (J.length > 0) {
+          I(J[0]), O(null), (he = x.current) == null || he.call(x, J[0]), E && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            K[0].id
+            J[0].id
           );
           return;
         }
         const te = Y.current;
         if (!te || !A) {
-          ee(), P("No conversation found with this account"), E && console.log(
+          ee(), O("No conversation found with this account"), E && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2752,7 +2727,7 @@ const Li = ({
             name: te.name,
             phone: te.phone
           });
-          I(oe), P(null), (fe = x.current) == null || fe.call(x, oe), E && console.log(
+          I(oe), O(null), (fe = x.current) == null || fe.call(x, oe), E && console.log(
             "[MessagingShell] Channel created and loaded:",
             oe.id
           );
@@ -2760,29 +2735,29 @@ const Li = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             oe
-          ), ee(), P("Failed to create conversation");
+          ), ee(), O("Failed to create conversation");
         }
-      } catch (K) {
+      } catch (J) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          K
-        ), ee(), G.current || P("Failed to load conversation");
+          J
+        ), ee(), G.current || O("Failed to load conversation");
       }
     })();
-  }, [i, R, D, A, E]);
+  }, [i, L, D, A, E]);
   const V = H(r);
   V.current = r;
   const Q = W(() => {
-    var j;
-    I(null), X(!0), (j = V.current) == null || j.call(V);
+    var U;
+    I(null), X(!0), (U = V.current) == null || U.call(V);
   }, []);
-  return B ? /* @__PURE__ */ n(Re, {}) : O ? /* @__PURE__ */ n(we, { message: O, onBack: C }) : !D || !R ? /* @__PURE__ */ n(
+  return B ? /* @__PURE__ */ n(Le, {}) : P ? /* @__PURE__ */ n(we, { message: P, onBack: k }) : !D || !L ? /* @__PURE__ */ n(
     we,
     {
       message: "Not connected to messaging service",
-      onBack: C
+      onBack: k
     }
-  ) : z ? /* @__PURE__ */ n(we, { message: z }) : U && !y ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
+  ) : z ? /* @__PURE__ */ n(we, { message: z }) : j && !y ? /* @__PURE__ */ n(we, { message: "Conversation ended" }) : y ? /* @__PURE__ */ n("div", { className: "messaging-shell h-full bg-background-primary overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex h-full min-h-0 flex-col", children: /* @__PURE__ */ n(
     fn,
     {
       channel: y,
@@ -2805,13 +2780,13 @@ const Li = ({
       onParticipantNameClick: N,
       renderMessage: _,
       onMessageLinkClick: T,
-      showChannelInfo: L,
+      showChannelInfo: R,
       composerInput: M
     },
     y.id
-  ) }) }) : /* @__PURE__ */ n(Re, {});
+  ) }) }) : /* @__PURE__ */ n(Le, {});
 };
-function rr(e) {
+function ar(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
@@ -2825,18 +2800,18 @@ const gn = $.createContext({
   renderMessagePreview: void 0,
   channelPreview: void 0,
   viewerLanguage: void 0
-}), ir = gn.Provider, or = () => $.useContext(gn), lr = (e, t) => {
+}), rr = gn.Provider, ir = () => $.useContext(gn), or = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, cr = (e) => {
+}, lr = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = lr(e, t);
+  const a = or(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2848,7 +2823,7 @@ const gn = $.createContext({
   });
 }, pn = $.memo(
   (e) => {
-    var D, B, O;
+    var D, B, P;
     const { channel: t, unread: s } = e, {
       selectedChannel: a,
       onChannelSelect: r,
@@ -2856,7 +2831,7 @@ const gn = $.createContext({
       channelPreview: o,
       renderMessagePreview: l,
       viewerLanguage: d
-    } = or(), { client: u } = ue(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Kt(t);
+    } = ir(), { client: u } = ue(), g = (a == null ? void 0 : a.id) === (t == null ? void 0 : t.id), m = Jt(t);
     if (o)
       return /* @__PURE__ */ n(
         o,
@@ -2870,39 +2845,39 @@ const gn = $.createContext({
       );
     const f = () => {
       t && r(t);
-    }, c = (C) => {
-      const A = C.key === "Enter" || C.key === " ", E = C.repeat;
-      !A || E || (C.preventDefault(), f());
+    }, c = (k) => {
+      const A = k.key === "Enter" || k.key === " ", E = k.repeat;
+      !A || E || (k.preventDefault(), f());
     }, b = Ze(
       (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 = Zt(b == null ? void 0 : b.user), v = (B = b == null ? void 0 : b.user) == null ? void 0 : B.image, p = (() => {
       var A;
-      const C = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
-      if (C != null && C.length) {
-        for (let E = C.length - 1; E >= 0; E--)
-          if (C[E].type !== "system") return C[E];
+      const k = (A = t == null ? void 0 : t.state) == null ? void 0 : A.messages;
+      if (k != null && k.length) {
+        for (let E = k.length - 1; E >= 0; E--)
+          if (k[E].type !== "system") return k[E];
       }
     })(), _ = (() => {
-      var z, P, U, X;
-      const C = en({
+      var z, O, j, X;
+      const k = en({
         message: p,
         viewerLanguage: d
       });
-      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return C ? `💵 ${C}` : "💵 Sent a tip";
-      if (((P = p == null ? void 0 : p.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_PAID") return C ? `💰 ${C}` : "💰 Sent a message";
-      if (((U = p == null ? void 0 : p.metadata) == null ? void 0 : U.custom_type) === "MESSAGE_ATTACHMENT")
-        return C ? `📎 ${C}` : "📎 Sent an attachment";
-      if (C) return C;
+      if (((z = p == null ? void 0 : p.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_TIP") return k ? `💵 ${k}` : "💵 Sent a tip";
+      if (((O = p == null ? void 0 : p.metadata) == null ? void 0 : O.custom_type) === "MESSAGE_PAID") return k ? `💰 ${k}` : "💰 Sent a message";
+      if (((j = p == null ? void 0 : p.metadata) == null ? void 0 : j.custom_type) === "MESSAGE_ATTACHMENT")
+        return k ? `📎 ${k}` : "📎 Sent an attachment";
+      if (k) return k;
       const I = (X = p == null ? void 0 : p.attachments) == null ? void 0 : X[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";
-    })(), T = p != null && p.created_at ? cr(new Date(p.created_at)) : "", L = p ? Le(p) : !1, M = l ? l(p, _) : `${L ? "✨ " : ""}${_}`, R = s ?? 0;
+    })(), T = p != null && p.created_at ? lr(new Date(p.created_at)) : "", R = p ? Re(p) : !1, M = l ? l(p, _) : `${R ? "✨ " : ""}${_}`, L = s ?? 0;
     return i && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: t == null ? void 0 : t.id,
       isSelected: g,
       participantName: w,
-      unreadCount: R,
+      unreadCount: L,
       hasTimestamp: !!T
     }), /* @__PURE__ */ n(
       "div",
@@ -2911,7 +2886,7 @@ const gn = $.createContext({
         tabIndex: 0,
         onClick: f,
         onKeyDown: c,
-        className: k(
+        className: C(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": g,
@@ -2923,7 +2898,7 @@ const gn = $.createContext({
           /* @__PURE__ */ n(
             ne,
             {
-              id: ((O = b == null ? void 0 : b.user) == null ? void 0 : O.id) || t.id || "unknown",
+              id: ((P = b == null ? void 0 : b.user) == null ? void 0 : P.id) || t.id || "unknown",
               name: w,
               image: v,
               size: 48,
@@ -2935,7 +2910,7 @@ const gn = $.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: k(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -2948,7 +2923,7 @@ const gn = $.createContext({
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: M }),
-              R > 0 && /* @__PURE__ */ n("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: R > 99 ? "99+" : R })
+              L > 0 && /* @__PURE__ */ n("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 })
             ] })
           ] })
         ] })
@@ -2957,14 +2932,14 @@ const gn = $.createContext({
   }
 );
 pn.displayName = "CustomChannelPreview";
-const dr = { last_message_at: -1 }, ur = $.memo(
+const cr = { last_message_at: -1 }, dr = $.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = dr,
+    sort: i = cr,
     className: o,
     customEmptyStateIndicator: l,
     channelListPaginator: d = fs,
@@ -2974,10 +2949,10 @@ const dr = { last_message_at: -1 }, ur = $.memo(
   }) => {
     const f = $.useRef(0);
     f.current++;
-    const { debug: c = !1 } = Ke(), b = $.useCallback(
+    const { debug: c = !1 } = Je(), b = $.useCallback(
       (v) => {
         for (const p of v)
-          rr(p);
+          ar(p);
         return r ? r(v) : v;
       },
       [r]
@@ -3008,11 +2983,11 @@ const dr = { last_message_at: -1 }, ur = $.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: k(
+        className: C(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(ir, { value: w, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(rr, { value: w, children: /* @__PURE__ */ n(
           hs,
           {
             filters: s,
@@ -3030,26 +3005,26 @@ const dr = { last_message_at: -1 }, ur = $.memo(
     );
   }
 );
-ur.displayName = "ChannelList";
-const mr = /^([a-z][a-z0-9+.-]*):/i, hr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+dr.displayName = "ChannelList";
+const ur = /^([a-z][a-z0-9+.-]*):/i, mr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function rt(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = mr.exec(t);
+  const s = ur.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return hr.has(a) ? t : void 0;
+    return mr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const fr = {
+const hr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, gr = ({ variant: e, cta: t }) => {
-  const s = k(
+}, fr = ({ variant: e, cta: t }) => {
+  const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    fr[e]
+    hr[e]
   ), a = rt(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -3076,10 +3051,10 @@ const fr = {
       children: t.label
     }
   );
-}, pr = {
+}, gr = {
   dark: "text-white",
   light: "text-black/90"
-}, br = "text-white/30", vr = {
+}, pr = "text-white/30", br = {
   dark: "text-white/55",
   light: "text-black/55"
 }, it = ({
@@ -3094,12 +3069,12 @@ const fr = {
 }) => {
   const d = e === "dark", u = t ?? (d ? s : void 0) ?? "", g = u.trim() !== "", m = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = o != null;
   if (!g && !m && !c && !b) return null;
-  const v = k(
+  const v = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? br : pr[e]
-  ), p = k(
+    d && !t ? pr : gr[e]
+  ), p = C(
     "truncate text-xs leading-4",
-    vr[e]
+    br[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -3107,7 +3082,7 @@ const fr = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           g && /* @__PURE__ */ h("div", { className: "flex min-w-0 items-center gap-2", children: [
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
-            /* @__PURE__ */ n("p", { className: k("min-w-0", v), children: u })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: u })
           ] }),
           m && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
@@ -3115,9 +3090,9 @@ const fr = {
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(gr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(fr, { variant: e, cta: o })
   ] });
-}, xr = k(
+}, vr = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -3135,8 +3110,8 @@ const fr = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const u = s != null || a != null, g = k(
-    xr,
+  const u = s != null || a != null, g = C(
+    vr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -3166,7 +3141,7 @@ const fr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: k(g, "text-left"),
+      className: C(g, "text-left"),
       children: [
         t,
         m
@@ -3184,17 +3159,17 @@ const fr = {
       ]
     }
   );
-}, wr = {
+}, xr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Nr = {
+}, wr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
 }, ze = (e, t) => !!t && !!e && ie(e) === "audio", bn = (e, t) => {
   if (!t || !e) return !1;
   const s = ie(e);
   return s === "video" || s === "audio";
-}, ot = "bg-[#F2F3F4]", Oe = ({
+}, ot = "bg-[#F2F3F4]", Pe = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3216,7 +3191,7 @@ const fr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3243,12 +3218,12 @@ const fr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: k(
+            className: C(
               "flex h-full w-full items-center justify-center",
-              wr[e]
+              xr[e]
             ),
             children: ce(r, {
-              className: Nr[e],
+              className: wr[e],
               weight: "regular"
             })
           }
@@ -3258,7 +3233,7 @@ const fr = {
       ]
     }
   );
-}, _r = ({
+}, Nr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3279,7 +3254,7 @@ const fr = {
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(Oe, { className: "size-3", weight: "bold" })
     }
   ) : void 0, w = m ? /* @__PURE__ */ n(
     "button",
@@ -3288,12 +3263,12 @@ const fr = {
       onClick: m,
       "aria-label": "Edit attachment",
       className: "flex size-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/15",
-      children: /* @__PURE__ */ n(Os, { className: "size-5", weight: "regular" })
+      children: /* @__PURE__ */ n(Ps, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
   return c ? /* @__PURE__ */ n(De, { variant: "dark", bgClassName: ot, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
     /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ n(
-      Oe,
+      Pe,
       {
         variant: "dark",
         sourceUrl: o,
@@ -3309,7 +3284,7 @@ const fr = {
       topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Oe,
+          Pe,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3335,7 +3310,7 @@ const fr = {
       ]
     }
   );
-}, yr = ({
+}, _r = ({
   title: e,
   description: t,
   url: s,
@@ -3365,7 +3340,7 @@ const fr = {
       "data-testid": "link-attachment",
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Oe,
+          Pe,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3388,7 +3363,7 @@ const fr = {
       ]
     }
   );
-}, kr = ({
+}, yr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3411,7 +3386,7 @@ const fr = {
       bgClassName: ze(r, o) ? ot : void 0,
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Oe,
+          Pe,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3436,19 +3411,19 @@ const fr = {
     }
   );
 }, Ri = {
-  Composer: _r,
-  Sent: kr,
-  Received: yr
+  Composer: Nr,
+  Sent: yr,
+  Received: _r
 }, Cr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, Er = {
+}, kr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, Ir = {
+}, Er = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Sr = (e) => e === "dark" ? "sender" : "receiver", Tr = {
+}, Ir = (e) => e === "dark" ? "sender" : "receiver", Sr = {
   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]",
@@ -3461,7 +3436,7 @@ const fr = {
     middle: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[4px] rounded-br-[18px]",
     end: "rounded-tl-[4px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
   }
-}, Ce = ({
+}, ke = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3470,13 +3445,13 @@ const fr = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Tr[Sr(e)][a];
+  const l = t != null && t !== "", d = Sr[Ir(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: k(
+      className: C(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3486,9 +3461,9 @@ const fr = {
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
         Cr[e],
-        Er[e],
+        kr[e],
         s && "border",
-        s && Ir[e],
+        s && Er[e],
         r
       ),
       children: [
@@ -3496,7 +3471,7 @@ const fr = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: k(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3525,22 +3500,22 @@ const fr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: k(
+    className: C(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
-    children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(Oe, { className: "size-3", weight: "bold" })
   }
-), Ie = (e) => e === "received" ? "light" : "dark", Di = ({
+), Ie = (e) => e === "received" ? "light" : "dark", Li = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Ar = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Tr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Mr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Ar = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3563,19 +3538,19 @@ const fr = {
   preload: l,
   onDismiss: d
 }) => {
-  const u = Ie(e), g = e === "composer" && !!d, m = Ar({ src: t, mimeType: s, filename: a, items: r });
+  const u = Ie(e), g = e === "composer" && !!d, m = Tr({ src: t, mimeType: s, filename: a, items: r });
   if (m.length === 0)
     return null;
   const f = l ?? (m.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    Ce,
+    ke,
     {
       variant: u,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((c, b) => /* @__PURE__ */ n(
-        Mr,
+        Ar,
         {
           item: c,
           preload: f,
@@ -3589,15 +3564,15 @@ const fr = {
       )) })
     }
   );
-}, Lr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Rr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Dr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Or = {
-  Composer: Lr,
+}, Mr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "composer" }), Rr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "sent" }), Lr = (e) => /* @__PURE__ */ n(lt, { ...e, state: "received" }), Dr = {
+  Composer: Mr,
   Sent: Rr,
-  Received: Dr
+  Received: Lr
 };
 function Pr(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 zr = {
+const Or = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3607,7 +3582,7 @@ const zr = {
   text: "TXT",
   markdown: "MD"
 };
-function Fr(e, t) {
+function zr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3617,7 +3592,7 @@ function Fr(e, t) {
   }
   if (!e) return;
   if (ie(e) === "document") {
-    const r = sn(e), i = zr[r];
+    const r = sn(e), i = Or[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3625,8 +3600,8 @@ function Fr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function $r(e, t, s) {
-  const a = Fr(e, t), r = typeof s == "number" && s > 0 ? Pr(s) : void 0;
+function Fr(e, t, s) {
+  const a = zr(e, t), r = typeof s == "number" && s > 0 ? Pr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
 function ae(e) {
@@ -3637,10 +3612,10 @@ function ae(e) {
     return "download";
   }
 }
-const Br = {
+const $r = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Ur = {
+}, Br = {
   dark: "bg-white/10",
   light: "bg-black/5"
 }, jr = {
@@ -3656,16 +3631,16 @@ const Br = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", u = $r(a, t, r), g = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", u = Fr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Ur[e]
+        Br[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: k("size-6", jr[e]),
+        className: C("size-6", jr[e]),
         weight: "regular"
       })
     }
@@ -3674,9 +3649,9 @@ const Br = {
     u ? /* @__PURE__ */ n(
       "p",
       {
-        className: k(
+        className: C(
           "truncate text-xs leading-4",
-          Br[e]
+          $r[e]
         ),
         children: u
       }
@@ -3687,7 +3662,7 @@ const Br = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: k(
+      className: C(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -3719,14 +3694,14 @@ async function xn(e, t) {
     }
   }
 }
-const Vr = ({
+const Ur = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Gr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Vr = ({
   variant: e,
   item: t,
   index: s,
@@ -3760,7 +3735,7 @@ const Vr = ({
   onClick: u,
   onDismiss: g
 }) => {
-  const m = Ie(e), f = e === "composer" && !!g, c = Vr({
+  const m = Ie(e), f = e === "composer" && !!g, c = Ur({
     src: t,
     filename: s,
     fileSize: a,
@@ -3779,7 +3754,7 @@ const Vr = ({
   const w = /* @__PURE__ */ n(
     "span",
     {
-      className: k(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         m === "dark" ? "text-white/70" : "text-black/70"
       ),
@@ -3788,14 +3763,14 @@ const Vr = ({
     }
   );
   return /* @__PURE__ */ n(
-    Ce,
+    ke,
     {
       variant: m,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, p) => /* @__PURE__ */ n(
-        Gr,
+        Vr,
         {
           variant: m,
           item: v,
@@ -3807,10 +3782,10 @@ const Vr = ({
       )) })
     }
   );
-}, Hr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Yr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), qr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), Wr = {
-  Composer: Hr,
-  Sent: Yr,
-  Received: qr
+}, Gr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "composer" }), Hr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "sent" }), Yr = (e) => /* @__PURE__ */ n(ct, { ...e, state: "received" }), qr = {
+  Composer: Gr,
+  Sent: Hr,
+  Received: Yr
 }, dt = ({
   onPrev: e,
   onNext: t,
@@ -3824,7 +3799,7 @@ const Vr = ({
       onClick: e,
       "aria-label": s,
       className: "mes-media-viewer__nav mes-media-viewer__nav--prev",
-      children: /* @__PURE__ */ n(Ps, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(Os, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ),
   /* @__PURE__ */ n(
@@ -3854,7 +3829,7 @@ const Vr = ({
       }));
     },
     [l, e, t, o]
-  ), g = r ?? s !== "pill", f = { className: k(
+  ), g = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3865,7 +3840,7 @@ const Vr = ({
       onClick: u,
       disabled: l,
       "aria-label": a,
-      className: k(
+      className: C(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3905,7 +3880,7 @@ const Vr = ({
       onClick: u,
       disabled: l,
       "aria-label": g ? a : void 0,
-      className: k(
+      className: C(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
@@ -4028,7 +4003,7 @@ const Vr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(Pe, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(Oe, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -4093,7 +4068,7 @@ const Vr = ({
       ]
     }
   ) : null;
-}, Xr = "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", _n = ({
+}, Wr = "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", _n = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -4102,14 +4077,14 @@ const Vr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, u, g) => {
-    const m = k(Xr, "h-full w-full");
+    const m = C(Wr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(u),
         "aria-label": d.ariaLabel ?? `Open media ${u + 1}`,
-        className: k(m, "cursor-zoom-in"),
+        className: C(m, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -4121,10 +4096,10 @@ const Vr = ({
       g
     ] }, u);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: k("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4133,7 +4108,7 @@ const Vr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4146,7 +4121,7 @@ const Vr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: k(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4171,7 +4146,7 @@ const Vr = ({
     [e]
   ), o = W(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Jr = (e, t, s, a) => ({
+}, Xr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4194,7 +4169,7 @@ const Vr = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Zr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+})), Jr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
   const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: u } = Se(
     r
   );
@@ -4230,7 +4205,7 @@ const Vr = ({
       }
     )
   ] });
-}, kn = ({
+}, Cn = ({
   state: e,
   src: t,
   alt: s,
@@ -4247,10 +4222,10 @@ const Vr = ({
   if (u.length === 0)
     return null;
   const w = u.map(
-    (v, p) => Jr(v, p, u.length, l)
+    (v, p) => Xr(v, p, u.length, l)
   );
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: g,
       text: i,
@@ -4270,11 +4245,11 @@ const Vr = ({
       ]
     }
   );
-}, Qr = (e) => /* @__PURE__ */ n(Zr, { ...e }), ei = (e) => /* @__PURE__ */ n(kn, { ...e, state: "sent" }), ti = (e) => /* @__PURE__ */ n(kn, { ...e, state: "received" }), ni = {
-  Composer: Qr,
-  Sent: ei,
-  Received: ti
-}, si = ({
+}, Zr = (e) => /* @__PURE__ */ n(Jr, { ...e }), Qr = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), ei = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ti = {
+  Composer: Zr,
+  Sent: Qr,
+  Received: ei
+}, ni = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4288,7 +4263,7 @@ const Vr = ({
     () => (l == null ? void 0 : l.filename) ?? (l ? ae(l.src) : "document"),
     [l]
   ), u = re(
-    () => l ? ai(l.src) : void 0,
+    () => l ? si(l.src) : void 0,
     [l]
   );
   return !l || !u ? null : /* @__PURE__ */ h(
@@ -4322,16 +4297,16 @@ const Vr = ({
       ]
     }
   );
-}, ai = (e) => {
+}, si = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, ri = ({
+}, ai = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ii = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ri = ({
   variant: e,
   item: t,
   index: s,
@@ -4364,7 +4339,7 @@ const Vr = ({
   onClick: d,
   onDismiss: u
 }) => {
-  const g = Ie(e), m = ri({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
+  const g = Ie(e), m = ai({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
     d
   ), v = e === "composer" && !!u;
   if (m.length === 0)
@@ -4374,7 +4349,7 @@ const Vr = ({
     filename: N.filename ?? ae(N.src)
   }));
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: g,
       text: o,
@@ -4382,7 +4357,7 @@ const Vr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: m.map((N, _) => {
-          const T = N.filename ?? ae(N.src), L = v && _ === 0 ? /* @__PURE__ */ n(Ee, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+          const T = N.filename ?? ae(N.src), R = v && _ === 0 ? /* @__PURE__ */ n(Ee, { onClick: u, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             wn,
             {
               url: N.src,
@@ -4393,19 +4368,19 @@ const Vr = ({
             }
           );
           return /* @__PURE__ */ n(
-            ii,
+            ri,
             {
               variant: g,
               item: N,
               index: _,
               onActivate: b,
-              trailingAction: L
+              trailingAction: R
             },
             `${N.src}-${_}`
           );
         }) }),
         /* @__PURE__ */ n(
-          si,
+          ni,
           {
             open: f,
             items: p,
@@ -4416,11 +4391,11 @@ const Vr = ({
       ]
     }
   );
-}, oi = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), li = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), ci = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), di = {
-  Composer: oi,
-  Sent: li,
-  Received: ci
-}, Cn = ({
+}, ii = (e) => /* @__PURE__ */ n(ht, { ...e, state: "composer" }), oi = (e) => /* @__PURE__ */ n(ht, { ...e, state: "sent" }), li = (e) => /* @__PURE__ */ n(ht, { ...e, state: "received" }), ci = {
+  Composer: ii,
+  Sent: oi,
+  Received: li
+}, kn = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4470,7 +4445,7 @@ const Vr = ({
       ]
     }
   ) : null;
-}, ui = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ye, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), En = ({
+}, di = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Ye, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), En = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4492,11 +4467,11 @@ const Vr = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ui, {})
-] }), mi = (e, t, s) => ({
+  /* @__PURE__ */ n(di, {})
+] }), ui = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(En, { item: e, index: t })
-}), hi = ({
+}), mi = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4508,7 +4483,7 @@ const Vr = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), fi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+})), hi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
   const { viewerOpen: l, viewerIndex: d, handleActivate: u, closeViewer: g } = Se(
     i
   );
@@ -4525,7 +4500,7 @@ const Vr = ({
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ee, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Cn,
+      kn,
       {
         open: l,
         items: In(
@@ -4549,16 +4524,16 @@ const Vr = ({
   preload: d,
   onClick: u
 }) => {
-  const g = hi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ie(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
+  const g = mi({ src: t, poster: s, mimeType: a, preload: d, items: i }), m = Ie(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: w } = Se(
     u
   );
   if (g.length === 0)
     return null;
   const v = g.map(
-    (p, N) => mi(p, N, g.length)
+    (p, N) => ui(p, N, g.length)
   );
   return /* @__PURE__ */ h(
-    Ce,
+    ke,
     {
       variant: m,
       text: o,
@@ -4574,7 +4549,7 @@ const Vr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Cn,
+          kn,
           {
             open: f,
             items: In(g, r),
@@ -4585,17 +4560,17 @@ const Vr = ({
       ]
     }
   );
-}, gi = (e) => /* @__PURE__ */ n(fi, { ...e }), pi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "sent" }), bi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "received" }), vi = {
-  Composer: gi,
-  Sent: pi,
-  Received: bi
-}, Oi = {
-  Image: ni,
-  Video: vi,
-  Audio: Or,
-  Pdf: di,
-  File: Wr
-}, xi = ({
+}, fi = (e) => /* @__PURE__ */ n(hi, { ...e }), gi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "sent" }), pi = (e) => /* @__PURE__ */ n(Sn, { ...e, state: "received" }), bi = {
+  Composer: fi,
+  Sent: gi,
+  Received: pi
+}, Di = {
+  Image: ti,
+  Video: bi,
+  Audio: Dr,
+  Pdf: ci,
+  File: qr
+}, vi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4607,7 +4582,7 @@ const Vr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: k(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4646,7 +4621,7 @@ const Vr = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            xi,
+            vi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4661,39 +4636,39 @@ const Vr = ({
 };
 export {
   an as A,
-  Mi as B,
-  tr as C,
-  ka as D,
+  Ai as B,
+  er as C,
+  ya as D,
   Ks as E,
   Pi as F,
   Fs as G,
   Ri as L,
-  Ti as M,
+  Si as M,
   be as a,
   ne as b,
-  ur as c,
+  dr as c,
   fn as d,
-  Ai as e,
-  xi as f,
+  Ti as e,
+  vi as f,
   ie as g,
-  Ut as h,
-  Oi as i,
-  Aa as j,
-  Si as k,
-  Li as l,
-  $r as m,
+  jt as h,
+  Di as i,
+  Ta as j,
+  Ii as k,
+  Mi as l,
+  Fr as m,
   Pr as n,
-  cr as o,
-  Fr as p,
+  lr as o,
+  zr as p,
   en as q,
   ce as r,
   ln as s,
-  js as t,
-  Di as u,
-  Zs as v,
+  Us as t,
+  Li as u,
+  Js as v,
   Ze as w,
   nt as x,
   st as y,
   Zt as z
 };
-//# sourceMappingURL=index-CXWxy_j9.js.map
+//# sourceMappingURL=index-BVpq3q3z.js.map