@linktr.ee/messaging-react 3.4.3-rc-1782553325 → 3.4.3-rc-1782553894

package/dist/{index-D9JJLtJg.js → index-D_U3aScH.js}

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import j, { createContext as We, useContext as _e, useCallback as J, useState as F, useRef as H, useEffect as K, useId as Sn, useMemo as re, Suspense as Xe } from "react";
-import { StreamChatService as In } from "@linktr.ee/messaging-core";
+import { jsx as n, jsxs as h, Fragment as se } from "react/jsx-runtime";
+import j, { createContext as We, useContext as _e, useCallback as J, useState as F, useRef as Y, useEffect as K, useId as In, useMemo as re, Suspense as Xe } from "react";
+import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { StreamChat as Tn, LinkPreviewsManager as Lt } from "stream-chat";
-import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as On, MessageBlocked as Pn, MessageBouncePrompt as zn, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as Ne, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as ze, AIStates as $e, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
-import { StarIcon as Ve, DotsThreeIcon as hs, SpinnerGapIcon as Ie, SignOutIcon as fs, ProhibitInsetIcon as Ot, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as ps, VideoCameraIcon as qt, FileMdIcon as bs, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as _s, FileXlsIcon as Ns, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as xe, PlayIcon as Ge, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as we, GiftIcon as Ss, ThumbsUpIcon as Is, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as De, ArrowUpIcon as Ms, SparkleIcon as be, ProhibitIcon as Rs, ArrowLeftIcon as Pt, CaretRightIcon as He, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
-import y from "classnames";
-import { MessageActions as Os, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
+import { Chat as An, DateSeparator as Mn, useChannelStateContext as de, useChatContext as Ke, areMessageUIPropsEqual as Rn, useMessageReminder as Ln, useComponentContext as Gt, Attachment as Dn, EditMessageModal as Pn, MessageBlocked as zn, MessageBouncePrompt as On, MessageDeleted as $n, MessageIsThreadReplyInChannelButtonIndicator as Fn, MessageRepliesCountButton as Bn, ReminderNotification as Un, StreamedMessageText as jn, messageHasAttachments as Vn, messageHasReactions as Gn, isDateSeparatorMessage as Hn, isMessageBlocked as Yn, isMessageBounced as qn, MessageBounceModal as Wn, MessageText as Dt, Poll as Xn, MessageErrorIcon as Kn, useMessageContext as ye, useMessageComposer as Jn, useStateStore as Zn, MessageInput as Qn, useMessageInputContext as es, useMessageComposerHasSendableData as ts, AttachmentPreviewList as ns, QuotedMessagePreview as ss, TextareaComposer as as, MessageTimestamp as $e, AIStates as Fe, useTypingContext as rs, useAIState as is, Channel as os, WithComponents as ls, Window as cs, MessageList as ds, ChannelList as us, InfiniteScroll as ms } from "stream-chat-react";
+import { StarIcon as Ge, DotsThreeIcon as hs, SpinnerGapIcon as Te, SignOutIcon as fs, ProhibitInsetIcon as Pt, FlagIcon as Ht, FileIcon as Yt, ImageIcon as gs, SpeakerHighIcon as bs, VideoCameraIcon as qt, FileMdIcon as ps, FileTextIcon as vs, FileZipIcon as xs, FilePptIcon as ws, FileCsvIcon as Ns, FileXlsIcon as _s, FileDocIcon as ys, FilePdfIcon as Cs, CircleNotchIcon as we, PlayIcon as He, PauseIcon as ks, LinkIcon as Es, DownloadSimpleIcon as Ne, GiftIcon as Is, ThumbsUpIcon as Ss, ThumbsDownIcon as Ts, TrashSimpleIcon as As, XIcon as Pe, ArrowUpIcon as Ms, SparkleIcon as pe, ProhibitIcon as Rs, ArrowLeftIcon as zt, CaretRightIcon as ve, PencilSimpleIcon as Ls, CaretLeftIcon as Ds } from "@phosphor-icons/react";
+import _ from "classnames";
+import { MessageActions as Ps, DefaultDropdownActionButton as Wt } from "stream-chat-react/experimental";
 const Xt = We({
   service: null,
   client: null,
@@ -16,7 +16,7 @@ const Xt = We({
   refreshConnection: async () => {
   },
   debug: !1
-}), Je = () => _e(Xt), Ni = ({
+}), Je = () => _e(Xt), _i = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,7 +24,7 @@ const Xt = We({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  var O, C;
+  var D, C;
   const l = J(
     (k, ...S) => {
       i && console.log(`🔥 [MessagingProvider] ${k}`, ...S);
@@ -37,37 +37,37 @@ const Xt = We({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, p] = F(!1), [_, x] = F(null), b = H(!1), v = H(null), M = H(s);
+  const [o, d] = F(null), [m, g] = F(null), [u, f] = F(!1), [c, b] = F(!1), [N, w] = F(null), p = Y(!1), v = Y(null), M = Y(s);
   M.current = s;
-  const I = H(i);
-  I.current = i;
-  const N = H({
+  const T = Y(i);
+  T.current = i;
+  const y = Y({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), z = H(0);
-  z.current++, l("📊 RENDER INFO", {
-    renderCount: z.current,
+  }), O = Y(0);
+  O.current++, l("📊 RENDER INFO", {
+    renderCount: O.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: N.current.userId !== (t == null ? void 0 : t.id),
-      apiKeyChanged: N.current.apiKey !== a,
-      serviceConfigChanged: N.current.serviceConfig !== s,
-      capabilitiesChanged: N.current.capabilities !== r
+      userChanged: y.current.userId !== (t == null ? void 0 : t.id),
+      apiKeyChanged: y.current.apiKey !== a,
+      serviceConfigChanged: y.current.serviceConfig !== s,
+      capabilitiesChanged: y.current.capabilities !== r
     }
-  }), N.current = {
+  }), y.current = {
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
   };
-  const L = H(null);
-  a && ((O = L.current) == null ? void 0 : O.apiKey) !== a && (L.current = { apiKey: a, client: new Tn(a) });
-  const D = a ? ((C = L.current) == null ? void 0 : C.client) ?? null : null;
+  const P = Y(null);
+  a && ((D = P.current) == null ? void 0 : D.apiKey) !== a && (P.current = { apiKey: a, client: new Tn(a) });
+  const L = a ? ((C = P.current) == null ? void 0 : C.client) ?? null : null;
   K(() => {
-    const k = z.current, S = M.current;
-    if (!a || !D || !S) {
+    const k = O.current, S = M.current;
+    if (!a || !L || !S) {
       l("⚠️ SERVICE INIT SKIPPED", {
         renderCount: k,
         reason: "Missing apiKey, client, or serviceConfig"
@@ -78,36 +78,36 @@ const Xt = We({
       renderCount: k,
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..."
     });
-    const P = new In({
+    const $ = new Sn({
       ...S,
       apiKey: a,
-      debug: I.current,
-      client: D
+      debug: T.current,
+      client: L
     });
-    v.current = P, d(P), l("✅ SERVICE SET", {
+    v.current = $, d($), l("✅ SERVICE SET", {
       renderCount: k,
-      serviceInstance: !!P
+      serviceInstance: !!$
     });
-  }, [a, D]);
-  const E = H(null);
+  }, [a, L]);
+  const E = Y(null);
   K(() => {
-    var S, P;
+    var S, $;
     if (l("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!o,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: b.current,
+      isConnecting: p.current,
       isConnected: u,
       dependencies: { service: !!o, userId: t == null ? void 0 : t.id }
     }), !o || !t) {
       l("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (b.current) {
+    if (p.current) {
       l("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((S = E.current) == null ? void 0 : S.serviceId) === o && ((P = E.current) == null ? void 0 : P.userId) === t.id) {
+    if (((S = E.current) == null ? void 0 : S.serviceId) === o && (($ = E.current) == null ? void 0 : $.userId) === t.id) {
       l(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -115,34 +115,34 @@ const Xt = We({
       return;
     }
     (async () => {
-      l("🚀 STARTING USER CONNECTION", { userId: t.id }), b.current = !0, p(!0), x(null);
+      l("🚀 STARTING USER CONNECTION", { userId: t.id }), p.current = !0, b(!0), w(null);
       try {
         l("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
-        const $ = await o.connectUser(t);
-        g($), f(!0), E.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
+        const z = await o.connectUser(t);
+        g(z), f(!0), E.current = { serviceId: o, userId: t.id }, l("✅ USER CONNECTION SUCCESS", {
           userId: t.id,
-          clientId: $.userID
+          clientId: z.userID
         });
-      } catch ($) {
-        const Y = $ instanceof Error ? $.message : "Connection failed";
-        x(Y), l("❌ USER CONNECTION ERROR", {
+      } catch (z) {
+        const V = z instanceof Error ? z.message : "Connection failed";
+        w(V), l("❌ USER CONNECTION ERROR", {
           userId: t.id,
-          error: Y
+          error: V
         });
       } finally {
-        p(!1), b.current = !1, l("🔄 USER CONNECTION FINISHED", {
+        b(!1), p.current = !1, l("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
       }
     })();
   }, [o, t, l, u]), K(() => {
-    const k = D;
+    const k = L;
     return () => {
       var S;
       k && (E.current = null, (S = v.current) == null || S.disconnectUser().catch(console.error));
     };
-  }, [D]);
+  }, [L]);
   const R = J(async () => {
     if (l("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!o,
@@ -151,33 +151,33 @@ const Xt = We({
       l("⚠️ REFRESH CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), p(!0);
+    l("🚀 STARTING CONNECTION REFRESH", { userId: t.id }), b(!0);
     try {
       l("🔌 DISCONNECTING FOR REFRESH"), await o.disconnectUser(), l("📞 RECONNECTING FOR REFRESH");
       const k = await o.connectUser(t);
-      g(k), f(!0), x(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
+      g(k), f(!0), w(null), l("✅ CONNECTION REFRESH SUCCESS", { userId: t.id });
     } catch (k) {
       const S = k instanceof Error ? k.message : "Refresh failed";
-      x(S), l("❌ CONNECTION REFRESH ERROR", {
+      w(S), l("❌ CONNECTION REFRESH ERROR", {
         userId: t.id,
         error: S
       });
     } finally {
-      p(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
+      b(!1), l("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [o, t, l]), T = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [o, t, l]), A = j.useMemo(() => (l("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!o,
     hasClient: !!m,
     isConnected: u,
     isLoading: c,
-    hasError: !!_,
+    hasError: !!N,
     capabilitiesKeys: Object.keys(r)
   }), {
     service: o,
     client: m,
     isConnected: u,
     isLoading: c,
-    error: _,
+    error: N,
     capabilities: r,
     refreshConnection: R,
     debug: i
@@ -186,27 +186,27 @@ const Xt = We({
     m,
     u,
     c,
-    _,
+    N,
     r,
     R,
     i,
     l
   ]);
   return l("🔄 RENDER END", {
-    renderCount: z.current,
-    willRenderChat: !!D,
-    contextValueReady: !!T
-  }), /* @__PURE__ */ n(Xt.Provider, { value: T, children: D ? /* @__PURE__ */ n(
+    renderCount: O.current,
+    willRenderChat: !!L,
+    contextValueReady: !!A
+  }), /* @__PURE__ */ n(Xt.Provider, { value: A, children: L ? /* @__PURE__ */ n(
     An,
     {
-      client: D,
+      client: L,
       customClasses: {
         channelList: "str-chat__channel-list str-chat__channel-list-react bg-transparent lg:border-r-2 border-r-0 border-[#0000000A]"
       },
       children: e
     }
   ) : e });
-}, Ps = () => Je(), Kt = (e) => {
+}, zs = () => Je(), Kt = (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)
@@ -228,16 +228,16 @@ const Xt = We({
       e.off("member.updated", i);
     };
   }, [e]), t;
-}, zs = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+}, Os = /^[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 $s(e) {
-  return zs.test(e.trim());
+  return Os.test(e.trim());
 }
-function zt(e, t) {
+function Ot(e, t) {
   const s = e == null ? void 0 : e.trim();
   return !s || t && s === t ? !1 : !$s(s);
 }
 function Jt(e) {
-  return zt(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : zt(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
+  return Ot(e == null ? void 0 : e.name, e == null ? void 0 : e.id) ? e.name.trim() : Ot(e == null ? void 0 : e.username, e == null ? void 0 : e.id) ? e.username.trim() : "Unknown member";
 }
 const $t = [
   "🍎",
@@ -279,7 +279,7 @@ function Bs(e) {
   const s = Fs(e) % $t.length;
   return $t[s];
 }
-const se = ({
+const ne = ({
   id: e,
   image: t,
   size: s = 40,
@@ -299,7 +299,7 @@ const se = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: _(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -309,7 +309,7 @@ const se = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: _(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -324,14 +324,14 @@ const se = ({
           {
             "aria-hidden": "true",
             className: "absolute -left-1.5 -top-1.5 z-10 flex size-5 items-center justify-center rounded-full bg-white shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
-            children: /* @__PURE__ */ n(Ve, { className: "size-3 text-yellow-600", weight: "duotone" })
+            children: /* @__PURE__ */ n(Ge, { className: "size-3 text-yellow-600", weight: "duotone" })
           }
         ),
         /* @__PURE__ */ n(
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: _(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -363,11 +363,11 @@ const se = ({
   onActionComplete: m,
   logLabel: g = "useChannelModerationActions"
 }) => {
-  var O;
-  const { service: u, debug: f } = Je(), c = (O = t == null ? void 0 : t.user) == null ? void 0 : O.id, p = !!(a && s && u && c), [_, x] = F(!1), [b, v] = F(null), [M, I] = F(!1), [N, z] = F(!1), L = p && ((b == null ? void 0 : b.participantId) !== c || (b == null ? void 0 : b.service) !== u);
+  var D;
+  const { service: u, debug: f } = Je(), c = (D = t == null ? void 0 : t.user) == null ? void 0 : D.id, b = !!(a && s && u && c), [N, w] = F(!1), [p, v] = F(null), [M, T] = F(!1), [y, O] = F(!1), P = b && ((p == null ? void 0 : p.participantId) !== c || (p == null ? void 0 : p.service) !== u);
   return K(() => {
-    if (!p || !u || !c) {
-      x(!1), v(null);
+    if (!b || !u || !c) {
+      w(!1), v(null);
       return;
     }
     let C = !1;
@@ -375,7 +375,7 @@ const se = ({
       try {
         const k = await u.getBlockedUsers();
         if (C) return;
-        x(
+        w(
           k.some(
             (S) => S.blocked_user_id === c
           )
@@ -388,48 +388,48 @@ const se = ({
     })(), () => {
       C = !0;
     };
-  }, [p, u, c, g]), {
-    isParticipantBlocked: _,
-    isCheckingBlockedStatus: L,
+  }, [b, u, c, g]), {
+    isParticipantBlocked: N,
+    isCheckingBlockedStatus: P,
     isLeaving: M,
-    isUpdatingBlockStatus: N,
+    isUpdatingBlockStatus: y,
     handleLeaveConversation: async () => {
       var C;
       if (!M) {
-        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), I(!0);
+        l == null || l(), f && console.log(`[${g}] Leave conversation`, e.cid), T(!0);
         try {
           const k = ((C = e._client) == null ? void 0 : C.userID) ?? null;
           await e.hide(k, !1), r && await r(e), m == null || m();
         } catch (k) {
           console.error(`[${g}] Failed to leave conversation`, k);
         } finally {
-          I(!1);
+          T(!1);
         }
       }
     },
     handleBlockUser: async () => {
       var C, k, S;
-      if (!(N || !u)) {
-        o == null || o(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), z(!0);
+      if (!(y || !u)) {
+        o == null || o(), f && console.log(`[${g}] Block member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), O(!0);
         try {
           await u.blockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
-        } catch (P) {
-          console.error(`[${g}] Failed to block member`, P);
+        } catch ($) {
+          console.error(`[${g}] Failed to block member`, $);
         } finally {
-          z(!1);
+          O(!1);
         }
       }
     },
     handleUnblockUser: async () => {
       var C, k, S;
-      if (!(N || !u)) {
-        o == null || o(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), z(!0);
+      if (!(y || !u)) {
+        o == null || o(), f && console.log(`[${g}] Unblock member`, (C = t == null ? void 0 : t.user) == null ? void 0 : C.id), O(!0);
         try {
           await u.unBlockUser((k = t == null ? void 0 : t.user) == null ? void 0 : k.id), i && await i((S = t == null ? void 0 : t.user) == null ? void 0 : S.id), m == null || m();
-        } catch (P) {
-          console.error(`[${g}] Failed to unblock member`, P);
+        } catch ($) {
+          console.error(`[${g}] Failed to unblock member`, $);
         } finally {
-          z(!1);
+          O(!1);
         }
       }
     },
@@ -437,7 +437,7 @@ const se = ({
       d == null || d(), m == null || m(), window.open(Us, "_blank", "noopener,noreferrer");
     }
   };
-}, pe = ({
+}, be = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -446,7 +446,7 @@ const se = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: _(
       "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
@@ -468,15 +468,15 @@ const se = ({
   customChannelActions: g,
   triggerClassName: u
 }) => {
-  const [f, c] = F(!1), p = H(null), _ = Sn(), x = J(() => c(!1), []), {
-    isParticipantBlocked: b,
+  const [f, c] = F(!1), b = Y(null), N = In(), w = J(() => c(!1), []), {
+    isParticipantBlocked: p,
     isCheckingBlockedStatus: v,
     isLeaving: M,
-    isUpdatingBlockStatus: I,
-    handleLeaveConversation: N,
-    handleBlockUser: z,
-    handleUnblockUser: L,
-    handleReportUser: D
+    isUpdatingBlockStatus: T,
+    handleLeaveConversation: y,
+    handleBlockUser: O,
+    handleUnblockUser: P,
+    handleReportUser: L
   } = js({
     channel: e,
     participant: t,
@@ -487,20 +487,20 @@ const se = ({
     onDeleteConversationClick: o,
     onBlockParticipantClick: d,
     onReportParticipantClick: m,
-    onActionComplete: x,
+    onActionComplete: w,
     logLabel: "ChannelActionsMenu"
   });
   return K(() => {
     if (!f) return;
-    const R = (O) => {
-      p.current && !p.current.contains(O.target) && c(!1);
-    }, T = (O) => {
-      O.key === "Escape" && c(!1);
+    const R = (D) => {
+      b.current && !b.current.contains(D.target) && c(!1);
+    }, A = (D) => {
+      D.key === "Escape" && c(!1);
     };
-    return document.addEventListener("mousedown", R), document.addEventListener("keydown", T), () => {
-      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", T);
+    return document.addEventListener("mousedown", R), document.addEventListener("keydown", A), () => {
+      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", A);
     };
-  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: p, className: "relative", children: [
+  }, [f]), !t || !(s || a || r || !!g) ? null : /* @__PURE__ */ h("div", { ref: b, className: "relative", children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -508,7 +508,7 @@ const se = ({
         type: "button",
         "aria-haspopup": "true",
         "aria-expanded": f,
-        "aria-controls": f ? _ : void 0,
+        "aria-controls": f ? N : void 0,
         onClick: () => c((R) => !R),
         children: [
           /* @__PURE__ */ n(hs, { className: "size-5 text-black/90" }),
@@ -519,21 +519,21 @@ const se = ({
     f && /* @__PURE__ */ n(
       "div",
       {
-        id: _,
+        id: N,
         "aria-label": "Conversation options",
-        className: y(
+        className: _(
           "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"
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            pe,
+            be,
             {
-              onClick: N,
+              onClick: y,
               disabled: M,
               "aria-busy": M,
               children: [
-                M ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
+                M ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(fs, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Delete Conversation" })
               ]
             }
@@ -541,34 +541,34 @@ const se = ({
           a && /* @__PURE__ */ n("li", { children: v ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(pe, { disabled: !0, "aria-busy": !0, children: [
-              /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }),
+            /* @__PURE__ */ h(be, { disabled: !0, "aria-busy": !0, children: [
+              /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : b ? /* @__PURE__ */ h(
-            pe,
+          ) : p ? /* @__PURE__ */ h(
+            be,
             {
-              onClick: L,
-              disabled: I,
-              "aria-busy": I,
+              onClick: P,
+              disabled: T,
+              "aria-busy": T,
               children: [
-                I ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Unblock" })
               ]
             }
           ) : /* @__PURE__ */ h(
-            pe,
+            be,
             {
-              onClick: z,
-              disabled: I,
-              "aria-busy": I,
+              onClick: O,
+              disabled: T,
+              "aria-busy": T,
               children: [
-                I ? /* @__PURE__ */ n(Ie, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Ot, { className: "h-5 w-5" }),
+                T ? /* @__PURE__ */ n(Te, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ n(Pt, { className: "h-5 w-5" }),
                 /* @__PURE__ */ n("span", { children: "Block" })
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(pe, { variant: "danger", onClick: D, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(be, { variant: "danger", onClick: L, children: [
             /* @__PURE__ */ n(Ht, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -619,7 +619,7 @@ function Zt({
   const s = e == null ? void 0 : e.text, a = Ys(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const qs = j.lazy(() => import("./Card-CGjd8b1K.js")), Ws = j.lazy(() => import("./Card-B_tMXmN_.js")), Xs = j.lazy(() => import("./Card-CeiUwix2.js")), Ze = () => /* @__PURE__ */ n(
+const qs = j.lazy(() => import("./Card-Cj686l88.js")), Ws = j.lazy(() => import("./Card-COb-KQ3x.js")), Xs = j.lazy(() => import("./Card-DAiwq638.js")), Ze = () => /* @__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)]",
@@ -646,18 +646,18 @@ function tn(e) {
 }
 const ea = {
   video: qt,
-  audio: ps,
+  audio: bs,
   image: gs,
   document: Yt
 }, ta = {
   pdf: Cs,
   doc: ys,
-  xls: Ns,
-  csv: _s,
+  xls: _s,
+  csv: Ns,
   ppt: ws,
   zip: xs,
   text: vs,
-  markdown: bs,
+  markdown: ps,
   generic: Yt
 };
 function na(e) {
@@ -682,78 +682,78 @@ const sa = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const g = ie(t), u = H(null), f = H(null), c = H(null), p = H(r), [_, x] = F(a), [b, v] = F(0), [M, I] = F(!1), [N, z] = F(!1), [L, D] = F(!1), [E, R] = F(!1), [T, O] = F(!0), [C, k] = F(null), S = J(() => {
-    D(!1), x(!0);
-  }, []), P = J((w) => {
-    const A = f.current;
-    if (!A) return 0;
-    const U = A.getBoundingClientRect();
+  const g = ie(t), u = Y(null), f = Y(null), c = Y(null), b = Y(r), [N, w] = F(a), [p, v] = F(0), [M, T] = F(!1), [y, O] = F(!1), [P, L] = F(!1), [E, R] = F(!1), [A, D] = F(!0), [C, k] = F(null), S = J(() => {
+    L(!1), w(!0);
+  }, []), $ = J((x) => {
+    const I = f.current;
+    if (!I) return 0;
+    const U = I.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (sa(w) - U.left) / U.width)
+      Math.min(1, (sa(x) - U.left) / U.width)
     );
-  }, []), $ = J((w) => {
-    const A = u.current;
-    A && A.duration && (A.currentTime = w * A.duration);
-  }, []), Y = (w) => {
-    w.stopPropagation(), I(!0);
-    const A = P(w);
-    v(A), $(A);
+  }, []), z = J((x) => {
+    const I = u.current;
+    I && I.duration && (I.currentTime = x * I.duration);
+  }, []), V = (x) => {
+    x.stopPropagation(), T(!0);
+    const I = $(x);
+    v(I), z(I);
   };
   K(() => {
-    r !== void 0 && r !== p.current && (p.current = r, x(r));
+    r !== void 0 && r !== b.current && (b.current = r, w(r));
   }, [r]), K(() => {
-    if (!_) {
+    if (!N) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
-    const w = () => {
-      const A = u.current;
-      A && A.duration && !M && v(A.currentTime / A.duration), c.current = requestAnimationFrame(w);
+    const x = () => {
+      const I = u.current;
+      I && I.duration && !M && v(I.currentTime / I.duration), c.current = requestAnimationFrame(x);
     };
-    return c.current = requestAnimationFrame(w), () => {
+    return c.current = requestAnimationFrame(x), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [_, M]), K(() => {
-    const w = u.current;
-    w && (_ ? w.play().catch((A) => {
-      x(!1), D(!0);
-    }) : w.pause());
-  }, [_]), K(() => {
+  }, [N, M]), K(() => {
+    const x = u.current;
+    x && (N ? x.play().catch((I) => {
+      w(!1), L(!0);
+    }) : x.pause());
+  }, [N]), K(() => {
     if (!M) return;
-    const w = (U) => v(P(U)), A = (U) => {
-      I(!1), $(P(U));
+    const x = (U) => v($(U)), I = (U) => {
+      T(!1), z($(U));
     };
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", A), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", A), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", A), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", A);
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", I), window.addEventListener("touchmove", x, { passive: !0 }), window.addEventListener("touchend", I), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", I), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", I);
     };
-  }, [M, P, $]);
-  const Q = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", V = Math.round(b * 100);
+  }, [M, $, z]);
+  const ee = C ? { aspectRatio: String(C) } : void 0, Z = C ? "" : " aspect-video", G = Math.round(p * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: `relative cursor-pointer overflow-hidden bg-black ${Z}`,
-      style: Q,
-      onClick: (w) => {
+      style: ee,
+      onClick: (x) => {
         if (m) {
-          m(w);
+          m(x);
           return;
         }
-        L || l && x((A) => !A);
+        P || l && w((I) => !I);
       },
-      onKeyDown: (w) => {
-        if (!(w.key !== "Enter" && w.key !== " ")) {
-          if (w.preventDefault(), m) {
-            m(w);
+      onKeyDown: (x) => {
+        if (!(x.key !== "Enter" && x.key !== " ")) {
+          if (x.preventDefault(), m) {
+            m(x);
             return;
           }
-          L || l && x((A) => !A);
+          P || l && w((I) => !I);
         }
       },
       children: [
-        s && (g === "audio" || T) && /* @__PURE__ */ n(
+        s && (g === "audio" || A) && /* @__PURE__ */ n(
           "img",
           {
             src: s,
@@ -761,7 +761,7 @@ const sa = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (g === "audio" || T) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
+        !s && (g === "audio" || A) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -775,12 +775,12 @@ const sa = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), O(!1);
+              R(!1), D(!1);
             },
             onWaiting: () => R(!0),
-            onPlay: () => D(!1),
+            onPlay: () => L(!1),
             onEnded: () => {
-              i || (x(!1), v(0));
+              i || (w(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
@@ -795,41 +795,41 @@ const sa = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => R(!0),
             onCanPlay: () => {
-              R(!1), O(!1);
+              R(!1), D(!1);
             },
             onWaiting: () => R(!0),
-            onPlay: () => D(!1),
+            onPlay: () => L(!1),
             onLoadedMetadata: () => {
-              const w = u.current;
-              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && k(w.videoWidth / w.videoHeight);
+              const x = u.current;
+              x instanceof HTMLVideoElement && x.videoWidth && x.videoHeight && k(x.videoWidth / x.videoHeight);
             },
             onEnded: () => {
-              i || (x(!1), v(0));
+              i || (w(!1), v(0));
             },
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        E && !L && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          xe,
+        E && !P && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+          we,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
           }
         ) }),
-        L && !l && /* @__PURE__ */ n(
+        P && !l && /* @__PURE__ */ n(
           "div",
           {
             className: "absolute inset-0 z-30 flex cursor-pointer items-center justify-center bg-black/35",
             role: "button",
             tabIndex: 0,
             "aria-label": "Play preview",
-            onClick: (w) => {
-              w.stopPropagation(), S();
+            onClick: (x) => {
+              x.stopPropagation(), S();
             },
-            onKeyDown: (w) => {
-              w.key !== "Enter" && w.key !== " " || (w.preventDefault(), w.stopPropagation(), S());
+            onKeyDown: (x) => {
+              x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), S());
             },
-            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(Ge, { className: "size-9 translate-x-0.5", weight: "fill" }) })
+            children: /* @__PURE__ */ n("span", { className: "flex size-16 items-center justify-center rounded-full bg-white/20 text-white backdrop-blur-sm", children: /* @__PURE__ */ n(He, { className: "size-9 translate-x-0.5", weight: "fill" }) })
           }
         ),
         o && !l && /* @__PURE__ */ n("div", { className: "absolute inset-x-0 bottom-0 px-3 pb-2.5 pt-6 bg-gradient-to-t from-black/40 to-transparent", children: /* @__PURE__ */ n(
@@ -837,23 +837,23 @@ const sa = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": V,
+            "aria-valuenow": G,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: Y,
-            onTouchStart: Y,
-            onClick: (w) => w.stopPropagation(),
-            onKeyDown: (w) => {
-              w.key === "ArrowRight" && $(Math.min(1, b + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, b - 0.05));
+            onMouseDown: V,
+            onTouchStart: V,
+            onClick: (x) => x.stopPropagation(),
+            onKeyDown: (x) => {
+              x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(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",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${V}%` }
+                style: { width: `${G}%` }
               }
             ) })
           }
@@ -863,12 +863,12 @@ const sa = (e) => {
             "button",
             {
               type: "button",
-              onClick: (w) => {
-                w.stopPropagation(), x((A) => !A);
+              onClick: (x) => {
+                x.stopPropagation(), w((I) => !I);
               },
               className: "shrink-0 text-white",
-              "aria-label": _ ? "Pause" : "Play",
-              children: _ ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Ge, { className: "size-5 translate-x-px", weight: "fill" })
+              "aria-label": N ? "Pause" : "Play",
+              children: N ? /* @__PURE__ */ n(ks, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(He, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -876,30 +876,30 @@ const sa = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": V,
+              "aria-valuenow": G,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: Y,
-              onTouchStart: Y,
-              onClick: (w) => w.stopPropagation(),
-              onMouseEnter: () => z(!0),
-              onMouseLeave: () => z(!1),
-              onKeyDown: (w) => {
-                w.key === "ArrowRight" && $(Math.min(1, b + 0.05)), w.key === "ArrowLeft" && $(Math.max(0, b - 0.05));
+              onMouseDown: V,
+              onTouchStart: V,
+              onClick: (x) => x.stopPropagation(),
+              onMouseEnter: () => O(!0),
+              onMouseLeave: () => O(!1),
+              onKeyDown: (x) => {
+                x.key === "ArrowRight" && z(Math.min(1, p + 0.05)), x.key === "ArrowLeft" && z(Math.max(0, p - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${N || M ? "h-1.5" : "h-1"}`,
+                    className: `w-full overflow-hidden rounded-full bg-white/30 transition-all duration-200 ${y || M ? "h-1.5" : "h-1"}`,
                     children: /* @__PURE__ */ n(
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${V}%` }
+                        style: { width: `${G}%` }
                       }
                     )
                   }
@@ -907,8 +907,8 @@ const sa = (e) => {
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${N || M ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${V}%` }
+                    className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${y || M ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
+                    style: { left: `${G}%` }
                   }
                 )
               ]
@@ -1012,13 +1012,13 @@ const sa = (e) => {
   rootRef: g,
   "data-testid": u
 }) => {
-  const f = e === "dark", c = f ? s ?? a : s ?? "", p = f && !s;
+  const f = e === "dark", c = f ? s ?? a : s ?? "", b = f && !s;
   return /* @__PURE__ */ h(
     "div",
     {
       ref: g,
       "data-testid": u,
-      className: y(
+      className: _(
         "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"
       ),
@@ -1030,17 +1030,17 @@ const sa = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: _("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
-                "text-white/30": f && p,
-                "text-white": f && !p
+                "text-white/30": f && b,
+                "text-white": f && !b
               }),
               children: c
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
             ce(r, {
-              className: y(
+              className: _(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1049,7 +1049,7 @@ const sa = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: y(
+                className: _(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1148,23 +1148,23 @@ const ma = ({
       },
       disabled: s,
       className: "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full bg-[#121110] px-4 text-sm font-medium leading-none text-white hover:bg-[#2a2928] disabled:opacity-70",
-      children: s ? /* @__PURE__ */ n(xe, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(we, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(we, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
+        /* @__PURE__ */ n(Ne, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
   );
 };
 function nt(e) {
-  var u, f, c, p;
+  var u, f, c, b;
   const t = (u = e.attachments) == null ? void 0 : u.find(
-    (_) => _.type === "video" && _.asset_url
+    (N) => N.type === "video" && N.asset_url
   ), s = (f = e.attachments) == null ? void 0 : f.find(
-    (_) => _.type === "image" && _.image_url
+    (N) => N.type === "image" && N.image_url
   ), a = (c = e.attachments) == null ? void 0 : c.find(
-    (_) => _.type === "audio" && _.asset_url
-  ), r = (p = e.attachments) == null ? void 0 : p.find(
-    (_) => _.type === "file" && _.asset_url
+    (N) => N.type === "audio" && N.asset_url
+  ), r = (b = e.attachments) == null ? void 0 : b.find(
+    (N) => N.type === "file" && N.asset_url
   ), i = t ?? s ?? a ?? r, l = (t == null ? void 0 : t.asset_url) ?? (s == null ? void 0 : s.image_url) ?? (a == null ? void 0 : a.asset_url) ?? (r == null ? void 0 : r.asset_url);
   if (!l) return null;
   const o = (i == null ? void 0 : i.mime_type) ?? ((i == null ? void 0 : i.type) === "image" ? "image/jpeg" : (i == null ? void 0 : i.type) === "video" ? "video/mp4" : (i == null ? void 0 : i.type) === "audio" ? "audio/mpeg" : "application/octet-stream"), d = i == null ? void 0 : i.title, m = i == null ? void 0 : i.file_size, g = t == null ? void 0 : t.thumb_url;
@@ -1240,7 +1240,7 @@ const on = ({
   const s = tt(e), a = nt(e);
   return !s && !a ? null : /* @__PURE__ */ h("div", { className: t ? "str-chat__message str-chat__message-simple str-chat__message--me str-chat__message-simple--me" : "str-chat__message str-chat__message-simple str-chat__message--other", children: [
     !t && e.user && /* @__PURE__ */ n(
-      se,
+      ne,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1283,13 +1283,13 @@ const on = ({
 }, yi = Object.assign(ha, {
   Creator: fa,
   Visitor: ga
-}), pa = {
+}), ba = {
   isUnlocking: () => !1
-}, ba = {
-  LockedAttachment: pa
+}, pa = {
+  LockedAttachment: ba
 }, cn = We({}), Ci = cn.Provider;
 function va(e) {
-  return _e(cn)[e] ?? ba[e];
+  return _e(cn)[e] ?? pa[e];
 }
 const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "svg",
@@ -1311,35 +1311,35 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 ), wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_TIP";
-}, _a = (e) => {
+}, Na = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_PAID";
-}, Ae = (e) => {
+}, Me = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_CHATBOT";
-}, Na = (e) => {
+}, _a = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, dn = (e) => wa(e) || _a(e), ya = (e) => {
+}, dn = (e) => wa(e) || Na(e), ya = (e) => {
   var t;
   return dn(e) && !((t = e.text) != null && t.trim());
-}, Fe = ({
+}, Be = ({
   message: e,
   standalone: t = !1,
   isMyMessage: s = !1,
   hasAttachment: a = !1
 }) => {
   var u;
-  const r = dn(e), i = Ae(e);
+  const r = dn(e), i = Me(e);
   if (!r && !i)
     return null;
   if (r) {
     const f = (u = e.metadata) == null ? void 0 : u.amount_text;
     if (!f) return null;
-    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", p = t ? `${f} tip` : `Delivered with ${f} tip`;
+    const c = t ? "message-tip-standalone" : "message-tag message-tag--tip", b = t ? `${f} tip` : `Delivered with ${f} tip`;
     return /* @__PURE__ */ h("div", { className: c, children: [
-      /* @__PURE__ */ n(Ss, { size: t ? 14 : 12 }),
-      /* @__PURE__ */ n("span", { children: p })
+      /* @__PURE__ */ n(Is, { size: t ? 14 : 12 }),
+      /* @__PURE__ */ n("span", { children: b })
     ] });
   }
   const l = s && a, o = l ? "Sent with AI" : "Sent by AI Assistant", d = [
@@ -1347,10 +1347,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     l ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
   ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: o }), g = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(xa, { size: l ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(te, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !l ? /* @__PURE__ */ h(se, { children: [
     m,
     g
-  ] }) : /* @__PURE__ */ h(te, { children: [
+  ] }) : /* @__PURE__ */ h(se, { children: [
     g,
     m
   ] }) });
@@ -1363,21 +1363,21 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: _("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
       "aria-label": "Good response",
       "aria-pressed": e === "up",
       "data-tooltip": "Good response",
-      children: /* @__PURE__ */ n(Is, { size: 16, weight: e === "up" ? "fill" : "regular" })
+      children: /* @__PURE__ */ n(Ss, { size: 16, weight: e === "up" ? "fill" : "regular" })
     }
   ),
   /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: _("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1388,7 +1388,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   )
 ] }), ka = (e) => {
-  var bt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et, St, It, Tt, At;
+  var pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et, It, St, Tt, At;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1403,73 +1403,73 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     isMessageAIGenerated: u,
     isMyMessage: f,
     message: c,
-    renderText: p,
-    threadList: _,
-    viewerLanguage: x
-  } = e, { client: b } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: I, onFetchSource: N, onDownloadClick: z } = va("LockedAttachment"), [L, D] = F(!1), E = Ln(c.id), { selected: R, voteUp: T, voteDown: O } = Hs(c), {
+    renderText: b,
+    threadList: N,
+    viewerLanguage: w
+  } = e, { client: p } = Ke("CustomMessage"), { channel: v } = de("CustomMessage"), { isUnlocking: M, onUnlockClick: T, onFetchSource: y, onDownloadClick: O } = va("LockedAttachment"), [P, L] = F(!1), E = Ln(c.id), { selected: R, voteUp: A, voteDown: D } = Hs(c), {
     Attachment: C = Dn,
-    EditMessageModal: k = On,
+    EditMessageModal: k = Pn,
     MessageActions: S,
-    MessageBlocked: P = Pn,
-    MessageBouncePrompt: $ = zn,
-    MessageDeleted: Y = $n,
-    MessageIsThreadReplyInChannelButtonIndicator: Q = Fn,
+    MessageBlocked: $ = zn,
+    MessageBouncePrompt: z = On,
+    MessageDeleted: V = $n,
+    MessageIsThreadReplyInChannelButtonIndicator: ee = Fn,
     MessageRepliesCountButton: Z = Bn,
-    ReminderNotification: V = Un,
-    StreamedMessageText: w = jn,
-    PinIndicator: A
-  } = Gt("CustomMessage"), U = Vn(c), G = Gn(c), q = re(
+    ReminderNotification: G = Un,
+    StreamedMessageText: x = jn,
+    PinIndicator: I
+  } = Gt("CustomMessage"), U = Vn(c), H = Gn(c), q = re(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), B = re(() => {
     const ge = c.attachments ?? [], Se = c.shared_location ? [c.shared_location, ...ge] : ge;
-    if (!Ae(c)) return Se;
+    if (!Me(c)) return Se;
     const Mt = Se.filter((Rt) => !("type" in Rt) || !rn(Rt));
     return Mt.length === Se.length ? Se : Mt;
   }, [c]), W = re(() => {
-    const ge = Zt({ message: c, viewerLanguage: x });
+    const ge = Zt({ message: c, viewerLanguage: w });
     return ge === c.text ? c : { ...c, text: ge };
-  }, [c, x]);
+  }, [c, w]);
   if (Hn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(Y, { message: c });
+    return /* @__PURE__ */ n(V, { message: c });
   if (Yn(c))
-    return /* @__PURE__ */ n(P, {});
-  const X = !_ && !!c.reply_count, ue = !_ && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((bt = c.error) == null ? void 0 : bt.status) !== 403, he = qn(c);
-  let ee;
-  me ? ee = () => m(c) : he && (ee = () => D(!0));
-  const ne = f(), oe = y(
+    return /* @__PURE__ */ n($, {});
+  const X = !N && !!c.reply_count, ue = !N && c.show_in_channel && c.parent_id, me = c.status === "failed" && ((pt = c.error) == null ? void 0 : pt.status) !== 403, he = qn(c);
+  let Q;
+  me ? Q = () => m(c) : he && (Q = () => L(!0));
+  const te = f(), oe = _(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    ne ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    te ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
     c.text ? "str-chat__message--has-text" : "has-no-text",
     {
       "str-chat__message--has-attachment": U,
       "str-chat__message--highlighted": g,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": G,
+      "str-chat__message--with-reactions": H,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((vt = c == null ? void 0 : c.error) == null ? void 0 : vt.status) !== 403,
       "str-chat__message-with-thread-link": X || ue,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": l
     }
-  ), ht = c.poll_id && b.polls.fromState(c.poll_id), ft = ya(c), fe = Ae(c), gt = Na(c), Pe = !!(B != null && B.length && !c.quoted_message), pt = fe && ne && Pe;
-  return /* @__PURE__ */ h(te, { children: [
+  ), ht = c.poll_id && p.polls.fromState(c.poll_id), ft = ya(c), fe = Me(c), gt = _a(c), Oe = !!(B != null && B.length && !c.quoted_message), bt = fe && te && Oe;
+  return /* @__PURE__ */ h(se, { children: [
     a && /* @__PURE__ */ n(
       k,
       {
         additionalMessageInputProps: t
       }
     ),
-    L && /* @__PURE__ */ n(
+    P && /* @__PURE__ */ n(
       Wn,
       {
-        MessageBouncePrompt: $,
-        onClose: () => D(!1),
-        open: L
+        MessageBouncePrompt: z,
+        onClose: () => L(!1),
+        open: P
       }
     ),
     /* @__PURE__ */ h(
@@ -1478,10 +1478,10 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: oe,
         "data-message-id": c.id,
         children: [
-          A && /* @__PURE__ */ n(A, {}),
-          !!E && /* @__PURE__ */ n(V, { reminder: E }),
+          I && /* @__PURE__ */ n(I, {}),
+          !!E && /* @__PURE__ */ n(G, { reminder: E }),
           c.user && /* @__PURE__ */ n(
-            se,
+            ne,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1495,14 +1495,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n(
             "div",
             {
-              className: y("str-chat__message-inner", {
+              className: _("str-chat__message-inner", {
                 "str-chat__simple-message--error-failed": me || he
               }),
               "data-testid": "message-inner",
-              onClick: ee,
-              onKeyDown: ee,
-              role: ee ? "button" : void 0,
-              tabIndex: ee ? 0 : void 0,
+              onClick: Q,
+              onKeyDown: Q,
+              role: Q ? "button" : void 0,
+              tabIndex: Q ? 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
@@ -1510,19 +1510,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: gt ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                ne ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                te ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   S && /* @__PURE__ */ n(S, {}),
                   /* @__PURE__ */ n(
                     Bt.Sent,
                     {
                       title: (xt = c.metadata) == null ? void 0 : xt.attachment_title,
                       mimeType: (wt = c.metadata) == null ? void 0 : wt.attachment_mime_type,
-                      thumbnailUrl: (_t = c.metadata) == null ? void 0 : _t.attachment_thumbnail,
-                      amountText: (Nt = c.metadata) == null ? void 0 : Nt.amount_text,
+                      thumbnailUrl: (Nt = c.metadata) == null ? void 0 : Nt.attachment_thumbnail,
+                      amountText: (_t = c.metadata) == null ? void 0 : _t.amount_text,
                       detail: (yt = c.metadata) == null ? void 0 : yt.attachment_detail,
                       paymentStatus: (Ct = c.metadata) == null ? void 0 : Ct.payment_status,
-                      onPreviewClick: () => I == null ? void 0 : I(c, v),
-                      onFetchSource: async () => await (N == null ? void 0 : N(c, v))
+                      onPreviewClick: () => T == null ? void 0 : T(c, v),
+                      onFetchSource: async () => await (y == null ? void 0 : y(c, v))
                     }
                   )
                 ] }) : /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
@@ -1531,14 +1531,14 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     {
                       title: (kt = c.metadata) == null ? void 0 : kt.attachment_title,
                       mimeType: (Et = c.metadata) == null ? void 0 : Et.attachment_mime_type,
-                      thumbnailUrl: (St = c.metadata) == null ? void 0 : St.attachment_thumbnail,
-                      amountText: (It = c.metadata) == null ? void 0 : It.amount_text,
+                      thumbnailUrl: (It = c.metadata) == null ? void 0 : It.attachment_thumbnail,
+                      amountText: (St = c.metadata) == null ? void 0 : St.amount_text,
                       detail: (Tt = c.metadata) == null ? void 0 : Tt.attachment_detail,
                       paymentStatus: (At = c.metadata) == null ? void 0 : At.payment_status,
                       isUnlocking: M(c.id),
-                      onUnlockClick: () => I == null ? void 0 : I(c, v),
-                      onFetchSource: async () => await (N == null ? void 0 : N(c, v)),
-                      onDownloadClick: () => z == null ? void 0 : z(c, v)
+                      onUnlockClick: () => T == null ? void 0 : T(c, v),
+                      onFetchSource: async () => await (y == null ? void 0 : y(c, v)),
+                      onDownloadClick: () => O == null ? void 0 : O(c, v)
                     }
                   ),
                   S && /* @__PURE__ */ n(S, {})
@@ -1547,19 +1547,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: p
+                    renderText: b
                   }
                 ) })
               ] }) : ft ? (
                 /* Tip-only messages render as a standalone bubble */
-                /* @__PURE__ */ n(Fe, { message: c, standalone: !0 })
+                /* @__PURE__ */ n(Be, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                fe && !pt && /* @__PURE__ */ n(
-                  Fe,
+                fe && !bt && /* @__PURE__ */ n(
+                  Be,
                   {
                     message: c,
-                    hasAttachment: Pe,
-                    isMyMessage: ne
+                    hasAttachment: Oe,
+                    isMyMessage: te
                   }
                 ),
                 ht && /* @__PURE__ */ n(Xn, { poll: ht }),
@@ -1571,16 +1571,16 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   }
                 ) : null,
                 q ? /* @__PURE__ */ n(
-                  w,
+                  x,
                   {
                     message: W,
-                    renderText: p
+                    renderText: b
                   }
                 ) : /* @__PURE__ */ n(
                   Dt,
                   {
                     message: W,
-                    renderText: p
+                    renderText: b
                   }
                 ),
                 /* @__PURE__ */ n(Kn, {})
@@ -1588,20 +1588,20 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             }
           ),
           !gt && !ft && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!fe || pt) && /* @__PURE__ */ n(
-              Fe,
+            (!fe || bt) && /* @__PURE__ */ n(
+              Be,
               {
                 message: c,
-                hasAttachment: Pe,
-                isMyMessage: ne
+                hasAttachment: Oe,
+                isMyMessage: te
               }
             ),
             s && fe && /* @__PURE__ */ n(
               Ca,
               {
                 selected: R,
-                onVoteUp: T,
-                onVoteDown: O
+                onVoteUp: A,
+                onVoteDown: D
               }
             )
           ] }),
@@ -1612,7 +1612,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               reply_count: c.reply_count
             }
           ),
-          ue && /* @__PURE__ */ n(Q, {})
+          ue && /* @__PURE__ */ n(ee, {})
         ]
       },
       c.id
@@ -1621,12 +1621,12 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, Ea = j.memo(
   ka,
   (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Rn(e, t)
-), Sa = (e) => {
-  const t = Ne("CustomMessage");
+), Ia = (e) => {
+  const t = ye("CustomMessage");
   return /* @__PURE__ */ n(Ea, { ...t, ...e });
-}, Ia = () => {
+}, Sa = () => {
   var s;
-  const { handleDelete: e, message: t } = Ne("CustomMessageActions");
+  const { handleDelete: e, message: t } = ye("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Wt,
     {
@@ -1638,7 +1638,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Ta = () => {
-  const { handleFlag: e } = Ne("CustomMessageActions");
+  const { handleFlag: e } = ye("CustomMessageActions");
   return /* @__PURE__ */ n(
     Wt,
     {
@@ -1651,12 +1651,12 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Aa = () => {
   var t;
-  const { message: e } = Ne("CustomMessageActions");
+  const { message: e } = ye("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
-    Os,
+    Ps,
     {
       messageActionSet: [
-        { Component: Ia, placement: "quick", type: "delete" },
+        { Component: Sa, placement: "quick", type: "delete" },
         { Component: Ta, placement: "quick", type: "flag" }
       ]
     }
@@ -1691,7 +1691,7 @@ const xa = ({ 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(De, { className: "size-4 text-black/90" })
+            children: /* @__PURE__ */ n(Pe, { className: "size-4 text-black/90" })
           }
         ),
         /* @__PURE__ */ h("div", { className: "p-2", children: [
@@ -1730,7 +1730,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(Ms, { weight: "bold", className: "size-4" })
   }
-), Oa = () => {
+), Pa = () => {
   const e = _e(st), { handleSubmit: t } = es(), s = ts(), a = e || !s, {
     SendButton: r = Da,
     AttachmentPreviewList: i = ns
@@ -1764,7 +1764,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Pa = ({
+}, za = ({
   renderActions: e,
   renderFooter: t,
   disabled: s = !1,
@@ -1773,7 +1773,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }) => {
   var o;
   const { channel: i } = de(), l = ((o = i == null ? void 0 : i.data) == null ? void 0 : o.frozen) === !0;
-  return s ? /* @__PURE__ */ h(te, { children: [
+  return s ? /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("div", { className: "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3 px-6 py-4", children: a ? /* @__PURE__ */ n("p", { className: "max-w-[345px] text-center text-xs font-normal leading-[1.3] tracking-[0.12px] text-black/40", children: a }) : null }),
     t == null ? void 0 : t()
   ] }) : /* @__PURE__ */ h("div", { className: "flex flex-col gap-4 p-4", children: [
@@ -1785,13 +1785,13 @@ const xa = ({ 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(st.Provider, { value: l, children: /* @__PURE__ */ n(Qn, { Input: r ?? Oa }) })
+          /* @__PURE__ */ n(st.Provider, { value: l, children: /* @__PURE__ */ n(Qn, { Input: r ?? Pa }) })
         ]
       }
     ),
     t == null ? void 0 : t()
   ] });
-}, za = [
+}, Oa = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
 ], $a = {
@@ -1801,7 +1801,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   "SYSTEM_AGE_SAFETY_BLOCKED"
 ], Ba = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Be = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", jt = (e) => za.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
+}, Ue = "age safety guidelines.", Ua = "https://linktr.ee/s/about/contact", jt = (e) => Oa.includes(e), ja = (e) => Fa.includes(e), Va = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if (jt(t))
@@ -1821,11 +1821,11 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       type: s
     };
 }, Ga = (e) => {
-  const t = e.indexOf(Be);
+  const t = e.indexOf(Ue);
   if (t === -1)
     return e;
-  const s = t + Be.length;
-  return /* @__PURE__ */ h(te, { children: [
+  const s = t + Ue.length;
+  return /* @__PURE__ */ h(se, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
@@ -1834,7 +1834,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
-        children: Be
+        children: Ue
       }
     ),
     e.slice(s)
@@ -1855,7 +1855,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           "data-dm-agent-system-type": s.type,
           children: [
             /* @__PURE__ */ n(
-              be,
+              pe,
               {
                 size: 16,
                 weight: "regular",
@@ -1867,7 +1867,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(ze, { message: e.message })
+      !t && /* @__PURE__ */ n($e, { message: e.message })
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
@@ -1894,7 +1894,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           ]
         }
       ),
-      !t && /* @__PURE__ */ n(ze, { message: e.message })
+      !t && /* @__PURE__ */ n($e, { message: e.message })
     ] });
   }
   return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
@@ -1903,9 +1903,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       /* @__PURE__ */ n("p", { children: e.message.text }),
       /* @__PURE__ */ n("div", { className: "str-chat__message--system__line" })
     ] }),
-    !t && /* @__PURE__ */ n(ze, { message: e.message })
+    !t && /* @__PURE__ */ n($e, { message: e.message })
   ] });
-}, un = We(!1), Ue = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, un = We(!1), je = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1916,20 +1916,20 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     repeatCount: "indefinite"
   }
 ) }), Ya = /* @__PURE__ */ new Set([
-  $e.Thinking,
-  $e.Generating,
-  $e.ExternalSources
+  Fe.Thinking,
+  Fe.Generating,
+  Fe.ExternalSources
 ]), qa = ({ threadList: e }) => {
-  var p, _;
+  var b, N;
   const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ke(), { typing: i = {} } = rs(), { aiState: l } = is(t), o = _e(un);
   if (!e && o && Ya.has(l)) {
-    const x = Wa(t, (p = r.user) == null ? void 0 : p.id);
+    const w = Wa(t, (b = r.user) == null ? void 0 : b.id);
     return /* @__PURE__ */ n(
       Vt,
       {
-        avatarId: (x == null ? void 0 : x.id) ?? "ai-agent",
-        avatarName: (x == null ? void 0 : x.name) ?? (x == null ? void 0 : x.id) ?? "Agent",
-        avatarImage: x == null ? void 0 : x.image,
+        avatarId: (w == null ? void 0 : w.id) ?? "ai-agent",
+        avatarName: (w == null ? void 0 : w.name) ?? (w == null ? void 0 : w.id) ?? "Agent",
+        avatarImage: w == null ? void 0 : w.image,
         testId: "typing-indicator-ai"
       }
     );
@@ -1937,19 +1937,19 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: x, user: b }) => {
+    ({ parent_id: w, user: p }) => {
       var v;
-      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && !x;
+      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && !w;
     }
   ), g = e ? Object.values(i).filter(
-    ({ parent_id: x, user: b }) => {
+    ({ parent_id: w, user: p }) => {
       var v;
-      return (b == null ? void 0 : b.id) !== ((v = r.user) == null ? void 0 : v.id) && x === (a == null ? void 0 : a.id);
+      return (p == null ? void 0 : p.id) !== ((v = r.user) == null ? void 0 : v.id) && w === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? g : m;
   if (!u.length)
     return null;
-  const f = (_ = u[0]) == null ? void 0 : _.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
+  const f = (N = u[0]) == null ? void 0 : N.user, c = f != null && f.id && t.state.members[f.id] ? t.state.members[f.id].user : void 0;
   return /* @__PURE__ */ n(
     Vt,
     {
@@ -1974,7 +1974,7 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
       /* @__PURE__ */ n(
-        se,
+        ne,
         {
           className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
@@ -1994,9 +1994,9 @@ const xa = ({ size: e = 15 }) => /* @__PURE__ */ n(
           height: "13",
           overflow: "visible",
           children: [
-            /* @__PURE__ */ n(Ue, { cx: "4", index: 0 }),
-            /* @__PURE__ */ n(Ue, { cx: "16", index: 1 }),
-            /* @__PURE__ */ n(Ue, { cx: "28", index: 2 })
+            /* @__PURE__ */ n(je, { cx: "4", index: 0 }),
+            /* @__PURE__ */ n(je, { cx: "16", index: 1 }),
+            /* @__PURE__ */ n(je, { cx: "28", index: 2 })
           ]
         }
       ) }) }) }) }) })
@@ -2015,7 +2015,7 @@ function Wa(e, t) {
 const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: _("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(
@@ -2055,12 +2055,12 @@ const Xa = () => null, Ka = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Me = j.memo(() => /* @__PURE__ */ n("div", { className: "messaging-loading-state flex items-center justify-center h-full", children: /* @__PURE__ */ h("div", { className: "flex items-center", children: [
+), Re = j.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(Ka, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
-Me.displayName = "LoadingState";
-const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Te = "Replies instantly with AI assistant", Ja = ({
+Re.displayName = "LoadingState";
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Ae = "Replies instantly with AI assistant", Ja = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2075,33 +2075,33 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   onReportParticipantClick: u,
   customChannelActions: f,
   renderChannelActions: c,
-  showChannelInfo: p = !0,
-  onParticipantNameClick: _,
-  renderHeaderTitleBadges: x
+  showChannelInfo: b = !0,
+  onParticipantNameClick: N,
+  renderHeaderTitleBadges: w
 }) => {
-  var E, R, T, O, C, k, S;
-  const { channel: b } = de(), v = j.useMemo(() => {
-    var Y, Q;
-    const P = (Y = b._client) == null ? void 0 : Y.userID;
-    return P ? Object.values(((Q = b.state) == null ? void 0 : Q.members) || {}).find(
-      (Z) => {
-        var V;
-        return ((V = Z.user) == null ? void 0 : V.id) && Z.user.id !== P;
+  var A, D, C, k, S, $, z;
+  const { channel: p } = de(), v = j.useMemo(() => {
+    var Z, G;
+    const V = (Z = p._client) == null ? void 0 : Z.userID;
+    return V ? Object.values(((G = p.state) == null ? void 0 : G.members) || {}).find(
+      (x) => {
+        var I;
+        return ((I = x.user) == null ? void 0 : I.id) && x.user.id !== V;
       }
     ) : void 0;
-  }, [(E = b._client) == null ? void 0 : E.userID, (R = b.state) == null ? void 0 : R.members]), M = Jt(v == null ? void 0 : v.user), I = (T = v == null ? void 0 : v.user) == null ? void 0 : T.image, N = Kt(b), z = x == null ? void 0 : x({
-    channel: b,
+  }, [(A = p._client) == null ? void 0 : A.userID, (D = p.state) == null ? void 0 : D.members]), M = Jt(v == null ? void 0 : v.user), T = (C = v == null ? void 0 : v.user) == null ? void 0 : C.image, y = Kt(p), O = w == null ? void 0 : w({
+    channel: p,
     participant: v
-  }), L = /* @__PURE__ */ h(te, { children: [
+  }), P = "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", L = "flex min-w-0 max-w-full items-center gap-4 rounded-[12px] px-1 py-0.5 text-left text-black/90", E = /* @__PURE__ */ h(se, { children: [
     /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: M }),
-    z && /* @__PURE__ */ n("span", { className: "shrink-0", children: z })
-  ] }), D = async () => {
+    O && /* @__PURE__ */ n("span", { className: "shrink-0", children: O })
+  ] }), R = async () => {
     try {
-      N ? await b.unpin() : await b.pin();
-    } catch (P) {
+      y ? await p.unpin() : await p.pin();
+    } catch (V) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        P
+        V
       );
     }
   };
@@ -2110,7 +2110,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: y(
+          className: _(
             le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
@@ -2118,54 +2118,66 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }),
           type: "button",
           "aria-label": "Back to conversations",
-          children: /* @__PURE__ */ n(Pt, { className: "size-5 text-black/90" })
+          children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
         }
       ) }),
-      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 items-center", children: _ ? /* @__PURE__ */ h(
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 items-center", children: N ? /* @__PURE__ */ h(
         "button",
         {
           type: "button",
-          onClick: _,
+          onClick: N,
           "aria-label": `View details for ${M}`,
-          className: "flex max-w-full flex-col items-center gap-1 appearance-none rounded-[12px] border-0 bg-transparent px-1 py-0.5 text-center text-xs font-medium text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
+          className: _(
+            P,
+            "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
+          ),
           children: [
             /* @__PURE__ */ n(
-              se,
+              ne,
               {
-                id: ((O = v == null ? void 0 : v.user) == null ? void 0 : O.id) || b.id || "unknown",
+                id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || p.id || "unknown",
                 name: M,
-                image: I,
-                starred: s && N,
+                image: T,
+                starred: s && y,
                 dmAgentEnabled: a,
                 size: 48
               }
             ),
             /* @__PURE__ */ h("span", { className: "flex max-w-full items-center gap-0.5", children: [
-              L,
-              /* @__PURE__ */ n(He, { className: "size-3 shrink-0", weight: "bold" })
+              E,
+              /* @__PURE__ */ n(ve, { 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: [
-              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ n("span", { children: Te })
+              /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n("span", { children: Ae })
             ] })
           ]
         }
-      ) : /* @__PURE__ */ h(te, { children: [
+      ) : /* @__PURE__ */ h("div", { className: P, children: [
         /* @__PURE__ */ n(
-          se,
+          ne,
           {
-            id: ((C = v == null ? void 0 : v.user) == null ? void 0 : C.id) || b.id || "unknown",
+            id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || p.id || "unknown",
             name: M,
-            image: I,
-            starred: s && N,
+            image: T,
+            starred: s && y,
             dmAgentEnabled: a,
             size: 48
           }
         ),
-        /* @__PURE__ */ n("p", { className: "flex max-w-full items-center justify-center gap-1 text-center text-xs font-medium text-black/90", children: L }),
+        /* @__PURE__ */ h("p", { className: "flex max-w-full items-center justify-center gap-0.5", children: [
+          E,
+          /* @__PURE__ */ n(
+            ve,
+            {
+              className: "invisible size-3 shrink-0",
+              weight: "bold"
+            }
+          )
+        ] }),
         a && /* @__PURE__ */ h("div", { className: "flex items-center gap-1 text-[10px] leading-3 text-black/55", children: [
-          /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
-          /* @__PURE__ */ n("span", { children: Te })
+          /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+          /* @__PURE__ */ n("span", { children: Ae })
         ] })
       ] }) }),
       /* @__PURE__ */ h("div", { className: "flex justify-end items-center gap-2", children: [
@@ -2173,25 +2185,25 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: D,
+            onClick: R,
             type: "button",
-            "aria-label": N ? "Unstar conversation" : "Star conversation",
+            "aria-label": y ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Ve,
+              Ge,
               {
-                className: y("size-5", {
-                  "text-yellow-600": N,
-                  "text-black/90": !N
+                className: _("size-5", {
+                  "text-yellow-600": y,
+                  "text-black/90": !y
                 }),
-                weight: N ? "duotone" : "regular"
+                weight: y ? "duotone" : "regular"
               }
             )
           }
         ),
-        p && (c !== void 0 ? c : /* @__PURE__ */ n(
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: b,
+            channel: p,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2202,7 +2214,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: g,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: y(le, "bg-[#F1F0EE]")
+            triggerClassName: _(le, "bg-[#F1F0EE]")
           }
         ))
       ] })
@@ -2212,64 +2224,76 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: y(
+            className: _(
               le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
             onClick: e,
             "aria-label": "Back to conversations",
-            children: /* @__PURE__ */ n(Pt, { className: "size-5 text-black/90" })
+            children: /* @__PURE__ */ n(zt, { className: "size-5 text-black/90" })
           }
         ),
-        _ ? /* @__PURE__ */ h(
+        N ? /* @__PURE__ */ h(
           "button",
           {
             type: "button",
-            onClick: _,
+            onClick: N,
             "aria-label": `View details for ${M}`,
-            className: "flex min-w-0 max-w-full items-center gap-4 appearance-none rounded-[12px] border-0 bg-transparent px-1 py-0.5 text-left text-black/90 transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none",
+            className: _(
+              L,
+              "appearance-none border-0 bg-transparent transition-opacity hover:opacity-70 focus-ring focus-visible:outline-none"
+            ),
             children: [
               /* @__PURE__ */ n(
-                se,
+                ne,
                 {
-                  id: ((k = v == null ? void 0 : v.user) == null ? void 0 : k.id) || b.id || "unknown",
+                  id: (($ = v == null ? void 0 : v.user) == null ? void 0 : $.id) || p.id || "unknown",
                   name: M,
-                  image: I,
-                  starred: s && N,
+                  image: T,
+                  starred: s && y,
                   dmAgentEnabled: a,
                   size: 48
                 }
               ),
               /* @__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: [
-                  L,
-                  /* @__PURE__ */ n(He, { className: "size-4 shrink-0", weight: "bold" })
+                  E,
+                  /* @__PURE__ */ n(ve, { 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: [
-                  /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
-                  /* @__PURE__ */ n("span", { className: "truncate", children: Te })
+                  /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+                  /* @__PURE__ */ n("span", { className: "truncate", children: Ae })
                 ] })
               ] })
             ]
           }
-        ) : /* @__PURE__ */ h(te, { children: [
+        ) : /* @__PURE__ */ h("div", { className: L, children: [
           /* @__PURE__ */ n(
-            se,
+            ne,
             {
-              id: ((S = v == null ? void 0 : v.user) == null ? void 0 : S.id) || b.id || "unknown",
+              id: ((z = v == null ? void 0 : v.user) == null ? void 0 : z.id) || p.id || "unknown",
               name: M,
-              image: I,
-              starred: s && N,
+              image: T,
+              starred: s && y,
               dmAgentEnabled: a,
               size: 48
             }
           ),
           /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ n("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: L }),
+            /* @__PURE__ */ h("h1", { className: "flex min-w-0 items-center gap-1 font-medium text-black/90", children: [
+              E,
+              /* @__PURE__ */ n(
+                ve,
+                {
+                  className: "invisible 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: [
-              /* @__PURE__ */ n(be, { className: "size-3 shrink-0 text-black/55" }),
-              /* @__PURE__ */ n("span", { className: "truncate", children: Te })
+              /* @__PURE__ */ n(pe, { className: "size-3 shrink-0 text-black/55" }),
+              /* @__PURE__ */ n("span", { className: "truncate", children: Ae })
             ] })
           ] })
         ] })
@@ -2279,25 +2303,25 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           "button",
           {
             className: le,
-            onClick: D,
+            onClick: R,
             type: "button",
-            "aria-label": N ? "Unstar conversation" : "Star conversation",
+            "aria-label": y ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
-              Ve,
+              Ge,
               {
-                className: y("size-6", {
-                  "text-yellow-600": N,
-                  "text-black/90": !N
+                className: _("size-6", {
+                  "text-yellow-600": y,
+                  "text-black/90": !y
                 }),
-                weight: N ? "duotone" : "regular"
+                weight: y ? "duotone" : "regular"
               }
             )
           }
         ),
-        p && (c !== void 0 ? c : /* @__PURE__ */ n(
+        b && (c !== void 0 ? c : /* @__PURE__ */ n(
           Ft,
           {
-            channel: b,
+            channel: p,
             participant: v,
             showDeleteConversation: l,
             showBlockParticipant: o,
@@ -2329,56 +2353,56 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   showBlockParticipant: u = !0,
   showReportParticipant: f = !0,
   composerDisabled: c = !1,
-  composerDisabledReason: p,
-  showStarButton: _ = !1,
-  chatbotVotingEnabled: x = !1,
-  renderChannelBanner: b,
+  composerDisabledReason: b,
+  showStarButton: N = !1,
+  chatbotVotingEnabled: w = !1,
+  renderChannelBanner: p,
   renderHeaderTitleBadges: v,
   customChannelActions: M,
-  renderChannelActions: I,
-  renderMessage: N,
-  dmAgentEnabled: z = !1,
-  viewerLanguage: L,
-  showChannelInfo: D = !0,
+  renderChannelActions: T,
+  renderMessage: y,
+  dmAgentEnabled: O = !1,
+  viewerLanguage: P,
+  showChannelInfo: L = !0,
   onParticipantNameClick: E,
   composerInput: R
 }) => {
-  var Y, Q, Z, V, w, A;
-  const { channel: T } = de(), O = j.useMemo(() => {
+  var V, ee, Z, G, x, I;
+  const { channel: A } = de(), D = j.useMemo(() => {
     var q, B;
-    const U = (q = T._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((B = T.state) == null ? void 0 : B.members) || {}).find(
+    const U = (q = A._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = A.state) == null ? void 0 : B.members) || {}).find(
       (W) => {
         var X;
         return ((X = W.user) == null ? void 0 : X.id) && W.user.id !== U;
       }
     ) : void 0;
-  }, [(Y = T._client) == null ? void 0 : Y.userID, (Q = T.state) == null ? void 0 : Q.members]), C = j.useMemo(() => {
+  }, [(V = A._client) == null ? void 0 : V.userID, (ee = A.state) == null ? void 0 : ee.members]), C = j.useMemo(() => {
     var q, B;
-    const U = (q = T._client) == null ? void 0 : q.userID;
-    return U ? Object.values(((B = T.state) == null ? void 0 : B.members) || {}).find((W) => {
+    const U = (q = A._client) == null ? void 0 : q.userID;
+    return U ? Object.values(((B = A.state) == null ? void 0 : B.members) || {}).find((W) => {
       var X;
       return ((X = W.user) == null ? void 0 : X.id) === U;
     }) : void 0;
-  }, [(Z = T._client) == null ? void 0 : Z.userID, (V = T.state) == null ? void 0 : V.members]), k = ((w = C == null ? void 0 : C.user) == null ? void 0 : w.is_account) ?? (C == null ? void 0 : C.is_account), S = ((A = O == null ? void 0 : O.user) == null ? void 0 : A.is_account) ?? (O == null ? void 0 : O.is_account), P = z && k === !1 && S === !0, $ = J(
+  }, [(Z = A._client) == null ? void 0 : Z.userID, (G = A.state) == null ? void 0 : G.members]), k = ((x = C == null ? void 0 : C.user) == null ? void 0 : x.is_account) ?? (C == null ? void 0 : C.is_account), S = ((I = D == null ? void 0 : D.user) == null ? void 0 : I.is_account) ?? (D == null ? void 0 : D.is_account), $ = O && k === !1 && S === !0, z = J(
     (U) => {
-      const { message: G } = Ne("ChannelView"), q = /* @__PURE__ */ n(
-        Sa,
+      const { message: H } = ye("ChannelView"), q = /* @__PURE__ */ n(
+        Ia,
         {
           ...U,
-          chatbotVotingEnabled: x,
-          viewerLanguage: L
+          chatbotVotingEnabled: w,
+          viewerLanguage: P
         }
       );
-      return !N || !G ? q : N(q, G);
+      return !y || !H ? q : y(q, H);
     },
-    [x, N, L]
+    [w, y, P]
   );
-  return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(se, { children: /* @__PURE__ */ n(
     ls,
     {
       overrides: {
-        Message: $,
+        Message: z,
         MessageActions: Aa
       },
       children: /* @__PURE__ */ h(cs, { children: [
@@ -2387,9 +2411,9 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             onBack: e,
             showBackButton: t,
-            showChannelInfo: D,
-            showStarButton: _,
-            dmAgentEnabled: P,
+            showChannelInfo: L,
+            showStarButton: N,
+            dmAgentEnabled: $,
             onLeaveConversation: i,
             onBlockParticipant: l,
             showDeleteConversation: o,
@@ -2399,12 +2423,12 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: m,
             onReportParticipantClick: g,
             customChannelActions: M,
-            renderChannelActions: I,
+            renderChannelActions: T,
             onParticipantNameClick: E,
             renderHeaderTitleBadges: v
           }
         ) }, "lt-channel-header"),
-        b ? /* @__PURE__ */ n(j.Fragment, { children: b() }, "lt-channel-banner") : null,
+        p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2413,16 +2437,16 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           },
           "lt-channel-message-list"
         ),
-        r ? /* @__PURE__ */ n(j.Fragment, { children: r(T) }, "lt-channel-conversation-footer") : null,
+        r ? /* @__PURE__ */ n(j.Fragment, { children: r(A) }, "lt-channel-conversation-footer") : null,
         /* @__PURE__ */ n(
-          Pa,
+          za,
           {
             ...s && {
-              renderActions: () => s == null ? void 0 : s(T)
+              renderActions: () => s == null ? void 0 : s(A)
             },
-            renderFooter: () => a == null ? void 0 : a(T),
+            renderFooter: () => a == null ? void 0 : a(A),
             disabled: c,
-            disabledReason: p,
+            disabledReason: b,
             composerInput: R
           },
           "lt-channel-message-input"
@@ -2446,64 +2470,64 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
     onReportParticipantClick: c,
-    showBlockParticipant: p = !0,
-    showReportParticipant: _ = !0,
-    composerDisabled: x = !1,
-    composerDisabledReason: b,
+    showBlockParticipant: b = !0,
+    showReportParticipant: N = !0,
+    composerDisabled: w = !1,
+    composerDisabledReason: p,
     dmAgentEnabled: v,
     messageMetadata: M,
-    onMessageSent: I,
-    showStarButton: N = !1,
-    chatbotVotingEnabled: z = !1,
-    renderChannelBanner: L,
-    renderHeaderTitleBadges: D,
+    onMessageSent: T,
+    showStarButton: y = !1,
+    chatbotVotingEnabled: O = !1,
+    renderChannelBanner: P,
+    renderHeaderTitleBadges: L,
     customChannelActions: E,
     renderChannelActions: R,
-    renderMessage: T,
-    onMessageLinkClick: O,
+    renderMessage: A,
+    onMessageLinkClick: D,
     sendButton: C,
     attachmentPreviewList: k,
     viewerLanguage: S,
-    showChannelInfo: P = !0,
-    onParticipantNameClick: $,
-    composerInput: Y
+    showChannelInfo: $ = !0,
+    onParticipantNameClick: z,
+    composerInput: V
   }) => {
-    const Q = J(
-      async (V, w, A) => {
+    const ee = J(
+      async (G, x, I) => {
         var X;
-        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, G = v && !U, q = {
-          ...w,
-          ...G && { silent: !0 },
+        const U = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, H = v && !U, q = {
+          ...x,
+          ...H && { silent: !0 },
           ...M && {
             metadata: {
-              ...w.metadata ?? {},
+              ...x.metadata ?? {},
               ...M
             }
           }
         }, B = {
-          ...A,
-          ...G && { skip_push: !0 }
+          ...I,
+          ...H && { skip_push: !0 }
         }, W = await e.sendMessage(q, B);
-        return I == null || I(W), W;
+        return T == null || T(W), W;
       },
-      [e, v, M, I]
-    ), Z = H(null);
+      [e, v, M, T]
+    ), Z = Y(null);
     return K(() => {
-      if (!O) return;
-      const V = Z.current;
-      if (!V) return;
-      const w = (A) => {
-        const U = A.target, G = U == null ? void 0 : U.closest("a[href]"), q = G == null ? void 0 : G.getAttribute("href");
+      if (!D) return;
+      const G = Z.current;
+      if (!G) return;
+      const x = (I) => {
+        const U = I.target, H = U == null ? void 0 : U.closest("a[href]"), q = H == null ? void 0 : H.getAttribute("href");
         if (!q) return;
-        const B = G == null ? void 0 : G.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
-        O(q, X);
+        const B = H == null ? void 0 : H.closest("[data-message-id]"), W = B == null ? void 0 : B.getAttribute("data-message-id"), X = W ? e.state.messages.find((ue) => ue.id === W) : void 0;
+        D(q, X);
       };
-      return V.addEventListener("click", w), () => V.removeEventListener("click", w);
-    }, [O, e]), /* @__PURE__ */ n(
+      return G.addEventListener("click", x), () => G.removeEventListener("click", x);
+    }, [D, e]), /* @__PURE__ */ n(
       "div",
       {
         ref: Z,
-        className: y(
+        className: _(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
@@ -2513,10 +2537,10 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             channel: e,
             MessageSystem: Ha,
             EmptyStateIndicator: m,
-            LoadingIndicator: Me,
+            LoadingIndicator: Re,
             DateSeparator: Vs,
             TypingIndicator: qa,
-            doSendMessageRequest: Q,
+            doSendMessageRequest: ee,
             ...C ? { SendButton: C } : {},
             ...k ? { AttachmentPreviewList: k } : {},
             children: /* @__PURE__ */ n(
@@ -2534,22 +2558,22 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 onDeleteConversationClick: u,
                 onBlockParticipantClick: f,
                 onReportParticipantClick: c,
-                showBlockParticipant: p,
-                showReportParticipant: _,
-                composerDisabled: x,
-                composerDisabledReason: b,
-                showStarButton: N,
+                showBlockParticipant: b,
+                showReportParticipant: N,
+                composerDisabled: w,
+                composerDisabledReason: p,
+                showStarButton: y,
                 dmAgentEnabled: v,
-                chatbotVotingEnabled: z,
-                renderChannelBanner: L,
-                renderHeaderTitleBadges: D,
+                chatbotVotingEnabled: O,
+                renderChannelBanner: P,
+                renderHeaderTitleBadges: L,
                 customChannelActions: E,
                 renderChannelActions: R,
-                renderMessage: T,
+                renderMessage: A,
                 viewerLanguage: S,
-                showChannelInfo: P,
-                onParticipantNameClick: $,
-                composerInput: Y
+                showChannelInfo: $,
+                onParticipantNameClick: z,
+                composerInput: V
               }
             )
           }
@@ -2559,7 +2583,7 @@ const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 mn.displayName = "ChannelView";
-const ve = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
+const xe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { className: "messaging-error-state flex items-center justify-center h-full p-8", children: /* @__PURE__ */ h("div", { className: "text-center max-w-sm", children: [
   /* @__PURE__ */ n("div", { className: "w-24 h-24 bg-danger-alt/20 rounded-full flex items-center justify-center mx-auto mb-6", children: /* @__PURE__ */ n("span", { className: "text-4xl", children: "⚠️" }) }),
   /* @__PURE__ */ n("h2", { className: "font-semibold text-charcoal mb-2", children: "Oops!" }),
   /* @__PURE__ */ n("p", { className: "text-stone text-sm mb-6", children: e }),
@@ -2573,7 +2597,7 @@ const ve = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-ve.displayName = "ErrorState";
+xe.displayName = "ErrorState";
 const Ei = ({
   capabilities: e = {},
   renderMessageInputActions: t,
@@ -2589,40 +2613,40 @@ const Ei = ({
   onMessageSent: u,
   chatbotVotingEnabled: f = !1,
   viewerLanguage: c,
-  renderHeaderTitleBadges: p,
-  renderChannelBanner: _,
-  customChannelActions: x,
-  renderChannelActions: b,
+  renderHeaderTitleBadges: b,
+  renderChannelBanner: N,
+  customChannelActions: w,
+  renderChannelActions: p,
   onParticipantNameClick: v,
   renderMessage: M,
-  onMessageLinkClick: I,
-  showChannelInfo: N,
-  composerInput: z
+  onMessageLinkClick: T,
+  showChannelInfo: y,
+  composerInput: O
 }) => {
   const {
-    client: L,
-    isConnected: D,
+    client: P,
+    isConnected: L,
     isLoading: E,
     error: R,
-    refreshConnection: T,
-    service: O,
+    refreshConnection: A,
+    service: D,
     debug: C
-  } = Ps(), [k, S] = F(null), [P, $] = F(null), [Y, Q] = F(!1), { showDeleteConversation: Z = !0 } = e, V = H(l);
-  V.current = l;
-  const w = H(a);
-  w.current = a;
-  const A = H(null), U = H(null);
+  } = zs(), [k, S] = F(null), [$, z] = F(null), [V, ee] = F(!1), { showDeleteConversation: Z = !0 } = e, G = Y(l);
+  G.current = l;
+  const x = Y(a);
+  x.current = a;
+  const I = Y(null), U = Y(null);
   K(() => {
     U.current = k;
   }, [k]), K(() => {
-    if (!L || !D) return;
-    const B = L.userID;
+    if (!P || !L) return;
+    const B = P.userID;
     if (!B) return;
     const W = `${B}::${i}`;
-    if (A.current === W) return;
-    A.current = W;
+    if (I.current === W) return;
+    I.current = W;
     const X = () => {
-      A.current === W && (A.current = null);
+      I.current === W && (I.current = null);
     };
     (async () => {
       var me, he;
@@ -2631,7 +2655,7 @@ const Ei = ({
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const ee = await L.queryChannels(
+        const Q = await P.queryChannels(
           {
             type: "messaging",
             members: { $eq: [B, i] }
@@ -2639,28 +2663,28 @@ const Ei = ({
           {},
           { limit: 1 }
         );
-        if (ee.length > 0) {
-          S(ee[0]), $(null), (me = w.current) == null || me.call(w, ee[0]), C && console.log(
+        if (Q.length > 0) {
+          S(Q[0]), z(null), (me = x.current) == null || me.call(x, Q[0]), C && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            ee[0].id
+            Q[0].id
           );
           return;
         }
-        const ne = V.current;
-        if (!ne || !O) {
-          X(), $("No conversation found with this account"), C && console.log(
+        const te = G.current;
+        if (!te || !D) {
+          X(), z("No conversation found with this account"), C && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const oe = await O.startChannelWithParticipant({
-            id: ne.id,
-            name: ne.name,
-            phone: ne.phone
+          const oe = await D.startChannelWithParticipant({
+            id: te.id,
+            name: te.name,
+            phone: te.phone
           });
-          S(oe), $(null), (he = w.current) == null || he.call(w, oe), C && console.log(
+          S(oe), z(null), (he = x.current) == null || he.call(x, oe), C && console.log(
             "[MessagingShell] Channel created and loaded:",
             oe.id
           );
@@ -2668,35 +2692,35 @@ const Ei = ({
           console.error(
             "[MessagingShell] Failed to create conversation:",
             oe
-          ), X(), $("Failed to create conversation");
+          ), X(), z("Failed to create conversation");
         }
-      } catch (ee) {
+      } catch (Q) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          ee
-        ), X(), U.current || $("Failed to load conversation");
+          Q
+        ), X(), U.current || z("Failed to load conversation");
       }
     })();
-  }, [i, L, D, O, C]);
-  const G = H(r);
-  G.current = r;
+  }, [i, P, L, D, C]);
+  const H = Y(r);
+  H.current = r;
   const q = J(() => {
     var B;
-    S(null), Q(!0), (B = G.current) == null || B.call(G);
+    S(null), ee(!0), (B = H.current) == null || B.call(H);
   }, []);
-  return E ? /* @__PURE__ */ n(Me, {}) : R ? /* @__PURE__ */ n(ve, { message: R, onBack: T }) : !D || !L ? /* @__PURE__ */ n(
-    ve,
+  return E ? /* @__PURE__ */ n(Re, {}) : R ? /* @__PURE__ */ n(xe, { message: R, onBack: A }) : !L || !P ? /* @__PURE__ */ n(
+    xe,
     {
       message: "Not connected to messaging service",
-      onBack: T
+      onBack: A
     }
-  ) : P ? /* @__PURE__ */ n(ve, { message: P }) : Y && !k ? /* @__PURE__ */ n(ve, { message: "Conversation ended" }) : k ? /* @__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(
+  ) : $ ? /* @__PURE__ */ n(xe, { message: $ }) : V && !k ? /* @__PURE__ */ n(xe, { message: "Conversation ended" }) : k ? /* @__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(
     mn,
     {
       channel: k,
       renderMessageInputActions: t,
       renderConversationFooter: s,
-      renderChannelBanner: _,
+      renderChannelBanner: N,
       onLeaveConversation: q,
       onBlockParticipant: q,
       CustomChannelEmptyState: o,
@@ -2707,17 +2731,17 @@ const Ei = ({
       onMessageSent: u,
       chatbotVotingEnabled: f,
       viewerLanguage: c,
-      renderHeaderTitleBadges: p,
-      customChannelActions: x,
-      renderChannelActions: b,
+      renderHeaderTitleBadges: b,
+      customChannelActions: w,
+      renderChannelActions: p,
       onParticipantNameClick: v,
       renderMessage: M,
-      onMessageLinkClick: I,
-      showChannelInfo: N,
-      composerInput: z
+      onMessageLinkClick: T,
+      showChannelInfo: y,
+      composerInput: O
     },
     k.id
-  ) }) }) : /* @__PURE__ */ n(Me, {});
+  ) }) }) : /* @__PURE__ */ n(Re, {});
 };
 function Qa(e) {
   const t = e.state.pending_messages;
@@ -2755,7 +2779,7 @@ const hn = j.createContext({
   });
 }, fn = j.memo(
   ({ channel: e, unread: t }) => {
-    var z, L, D;
+    var O, P, L;
     const {
       selectedChannel: s,
       onChannelSelect: a,
@@ -2765,39 +2789,39 @@ const hn = j.createContext({
     } = tr(), o = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (E) => {
-      const R = E.key === "Enter" || E.key === " ", T = E.repeat;
-      !R || T || (E.preventDefault(), d());
-    }, u = Object.values(((z = e == null ? void 0 : e.state) == null ? void 0 : z.members) || {}).find(
+      const R = E.key === "Enter" || E.key === " ", A = E.repeat;
+      !R || A || (E.preventDefault(), d());
+    }, u = Object.values(((O = e == null ? void 0 : e.state) == null ? void 0 : O.members) || {}).find(
       (E) => {
-        var R, T;
-        return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((T = e == null ? void 0 : e._client) == null ? void 0 : T.userID);
+        var R, A;
+        return ((R = E.user) == null ? void 0 : R.id) && E.user.id !== ((A = e == null ? void 0 : e._client) == null ? void 0 : A.userID);
       }
-    ), f = Jt(u == null ? void 0 : u.user), c = (L = u == null ? void 0 : u.user) == null ? void 0 : L.image, p = (() => {
+    ), f = Jt(u == null ? void 0 : u.user), c = (P = u == null ? void 0 : u.user) == null ? void 0 : P.image, b = (() => {
       var R;
       const E = (R = e == null ? void 0 : e.state) == null ? void 0 : R.messages;
       if (E != null && E.length) {
-        for (let T = E.length - 1; T >= 0; T--)
-          if (E[T].type !== "system") return E[T];
+        for (let A = E.length - 1; A >= 0; A--)
+          if (E[A].type !== "system") return E[A];
       }
-    })(), x = (() => {
-      var k, S, P, $;
+    })(), w = (() => {
+      var k, S, $, z;
       const E = Zt({
-        message: p,
+        message: b,
         viewerLanguage: l
       });
-      if (((k = p == null ? void 0 : p.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
-      if (((S = p == null ? void 0 : p.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
-      if (((P = p == null ? void 0 : p.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
+      if (((k = b == null ? void 0 : b.metadata) == null ? void 0 : k.custom_type) === "MESSAGE_TIP") return E ? `💵 ${E}` : "💵 Sent a tip";
+      if (((S = b == null ? void 0 : b.metadata) == null ? void 0 : S.custom_type) === "MESSAGE_PAID") return E ? `💰 ${E}` : "💰 Sent a message";
+      if ((($ = b == null ? void 0 : b.metadata) == null ? void 0 : $.custom_type) === "MESSAGE_ATTACHMENT") return E ? `📎 ${E}` : "📎 Sent an attachment";
       if (E) return E;
-      const C = ($ = p == null ? void 0 : p.attachments) == null ? void 0 : $[0];
+      const C = (z = b == null ? void 0 : b.attachments) == null ? void 0 : z[0];
       return C ? C.og_scrape_url ? C.og_scrape_url : C.type === "image" ? "📷 Sent an image" : C.type === "video" ? "🎥 Sent a video" : C.type === "audio" ? "🎵 Sent audio" : C.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), b = p != null && p.created_at ? sr(new Date(p.created_at)) : "", v = p ? Ae(p) : !1, M = i ? i(p, x) : `${v ? "✨ " : ""}${x}`, I = Kt(e), N = t ?? 0;
+    })(), p = b != null && b.created_at ? sr(new Date(b.created_at)) : "", v = b ? Me(b) : !1, M = i ? i(b, w) : `${v ? "✨ " : ""}${w}`, T = Kt(e), y = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: o,
       participantName: f,
-      unreadCount: N,
-      hasTimestamp: !!b
+      unreadCount: y,
+      hasTimestamp: !!p
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2805,7 +2829,7 @@ const hn = j.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: y(
+        className: _(
           "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]": o,
@@ -2814,13 +2838,13 @@ const hn = j.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            se,
+            ne,
             {
-              id: ((D = u == null ? void 0 : u.user) == null ? void 0 : D.id) || e.id || "unknown",
+              id: ((L = u == null ? void 0 : u.user) == null ? void 0 : L.id) || e.id || "unknown",
               name: f,
               image: c,
               size: 48,
-              starred: I
+              starred: T
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
@@ -2828,20 +2852,20 @@ const hn = j.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: y(
+                  className: _(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
-                    I && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
+                    T && /* @__PURE__ */ n("span", { className: "sr-only", children: "Starred conversation. " }),
                     f
                   ]
                 }
               ),
-              b && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: b })
+              p && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: p })
             ] }),
             /* @__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 }),
-              N > 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: N > 99 ? "99+" : N })
+              y > 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: y > 99 ? "99+" : y })
             ] })
           ] })
         ] })
@@ -2866,10 +2890,10 @@ const ar = { last_message_at: -1 }, rr = j.memo(
     const g = j.useRef(0);
     g.current++;
     const { debug: u = !1 } = Je(), f = j.useCallback(
-      (p) => {
-        for (const _ of p)
-          Qa(_);
-        return r ? r(p) : p;
+      (b) => {
+        for (const N of b)
+          Qa(N);
+        return r ? r(b) : b;
       },
       [r]
     );
@@ -2897,7 +2921,7 @@ const ar = { last_message_at: -1 }, rr = j.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: y(
+        className: _(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           l
         ),
@@ -2936,7 +2960,7 @@ const lr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
 }, cr = ({ variant: e, cta: t }) => {
-  const s = y(
+  const s = _(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
     lr[e]
   ), a = at(t.href);
@@ -2981,12 +3005,12 @@ const lr = {
   cta: l,
   trailingAction: o
 }) => {
-  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", p = l != null;
-  if (!g && !u && !c && !p) return null;
-  const x = y(
+  const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", g = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", b = l != null;
+  if (!g && !u && !c && !b) return null;
+  const w = _(
     "truncate text-base font-medium leading-6",
     d && !t ? ur : dr[e]
-  ), b = y(
+  ), p = _(
     "truncate text-xs leading-4",
     mr[e]
   );
@@ -2996,24 +3020,24 @@ const lr = {
         /* @__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: y("min-w-0", x), children: m })
+            /* @__PURE__ */ n("p", { className: _("min-w-0", w), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: b, children: a })
+          u && /* @__PURE__ */ n("p", { className: p, children: a })
         ] }),
-        !p && c && /* @__PURE__ */ n("p", { className: b, children: f })
+        !b && c && /* @__PURE__ */ n("p", { className: p, children: f })
       ] }),
       o && /* @__PURE__ */ n("div", { className: "shrink-0", children: o })
     ] }),
     l && /* @__PURE__ */ n(cr, { variant: e, cta: l })
   ] });
-}, hr = y(
+}, hr = _(
   "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"
   // treatment from the mobile spec. The drop shadow remains for depth.
   "border border-black/[0.08]",
   "shadow-[0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]"
-), Re = ({
+), Le = ({
   variant: e,
   children: t,
   href: s,
@@ -3024,7 +3048,7 @@ const lr = {
   bgClassName: o,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, g = y(
+  const m = s != null || a != null, g = _(
     hr,
     o ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
@@ -3055,7 +3079,7 @@ const lr = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(g, "text-left"),
+      className: _(g, "text-left"),
       children: [
         t,
         u
@@ -3079,11 +3103,11 @@ const lr = {
 }, gr = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Oe = (e, t) => !!t && !!e && ie(e) === "audio", gn = (e, t) => {
+}, ze = (e, t) => !!t && !!e && ie(e) === "audio", gn = (e, t) => {
   if (!t || !e) return !1;
   const s = ie(e);
   return s === "video" || s === "audio";
-}, it = "bg-[#F2F3F4]", Le = ({
+}, it = "bg-[#F2F3F4]", De = ({
   variant: e,
   thumbnailUrl: t,
   sourceUrl: s,
@@ -3093,7 +3117,7 @@ const lr = {
   topRight: l
 }) => {
   const o = ie(r), d = !!s && o === "video";
-  return Oe(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
+  return ze(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
       src: s,
@@ -3105,7 +3129,7 @@ const lr = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: _(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3132,7 +3156,7 @@ const lr = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: y(
+            className: _(
               "flex h-full w-full items-center justify-center",
               fr[e]
             ),
@@ -3147,7 +3171,7 @@ const lr = {
       ]
     }
   );
-}, pr = ({
+}, br = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3161,16 +3185,16 @@ const lr = {
   onDismiss: g,
   onEditClick: u
 }) => {
-  const f = o === "classic", c = Oe(r, l), p = g ? /* @__PURE__ */ n(
+  const f = o === "classic", c = ze(r, l), b = g ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick: g,
       "aria-label": "Dismiss attachment",
       className: "flex size-6 items-center justify-center rounded-full bg-[#121110] text-white",
-      children: /* @__PURE__ */ n(De, { className: "size-3", weight: "bold" })
+      children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
     }
-  ) : void 0, _ = u ? /* @__PURE__ */ n(
+  ) : void 0, N = u ? /* @__PURE__ */ n(
     "button",
     {
       type: "button",
@@ -3180,9 +3204,9 @@ const lr = {
       children: /* @__PURE__ */ n(Ls, { className: "size-5", weight: "regular" })
     }
   ) : void 0;
-  return c ? /* @__PURE__ */ n(Re, { variant: "dark", bgClassName: it, children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2 pr-3", children: [
+  return c ? /* @__PURE__ */ n(Le, { variant: "dark", bgClassName: it, 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(
-      Le,
+      De,
       {
         variant: "dark",
         sourceUrl: l,
@@ -3190,22 +3214,22 @@ const lr = {
         mimeType: r
       }
     ) }),
-    p && /* @__PURE__ */ n("div", { className: "shrink-0", children: p })
+    b && /* @__PURE__ */ n("div", { className: "shrink-0", children: b })
   ] }) }) : /* @__PURE__ */ h(
-    Re,
+    Le,
     {
       variant: "dark",
-      topRight: f ? p : void 0,
+      topRight: f ? b : void 0,
       children: [
         !f && /* @__PURE__ */ n(
-          Le,
+          De,
           {
             variant: "dark",
             thumbnailUrl: i,
             sourceUrl: l,
             title: e,
             mimeType: r,
-            topRight: p
+            topRight: b
           }
         ),
         /* @__PURE__ */ n(
@@ -3218,13 +3242,13 @@ const lr = {
             url: a,
             appIcon: d,
             cta: m,
-            trailingAction: _
+            trailingAction: N
           }
         )
       ]
     }
   );
-}, br = ({
+}, pr = ({
   title: e,
   description: t,
   url: s,
@@ -3236,25 +3260,25 @@ const lr = {
   cta: d,
   onClick: m
 }) => {
-  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, p = Oe(a, i) ? it : void 0, _ = d && m ? {
+  const g = gn(a, i), u = at(s), f = d == null && u != null && !g ? u : void 0, c = d == null && !g ? m : void 0, b = ze(a, i) ? it : void 0, N = d && m ? {
     ...d,
     onClick: () => {
-      var x;
-      m(), (x = d.onClick) == null || x.call(d);
+      var w;
+      m(), (w = d.onClick) == null || w.call(d);
     }
   } : d;
   return /* @__PURE__ */ h(
-    Re,
+    Le,
     {
       variant: "light",
       href: f,
       onClick: c,
       ariaLabel: e ?? "Open attachment preview",
-      bgClassName: p,
+      bgClassName: b,
       "data-testid": "link-attachment",
       children: [
         l === "featured" && /* @__PURE__ */ n(
-          Le,
+          De,
           {
             variant: "light",
             thumbnailUrl: r,
@@ -3271,7 +3295,7 @@ const lr = {
             description: t,
             url: s,
             appIcon: o,
-            cta: _
+            cta: N
           }
         )
       ]
@@ -3290,17 +3314,17 @@ const lr = {
   cta: m,
   onClick: g
 }) => {
-  const u = gn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, p = m == null && !u && c != null ? g : void 0;
+  const u = gn(r, l), f = at(a), c = m == null && f != null && !u ? f : void 0, b = m == null && !u && c != null ? g : void 0;
   return /* @__PURE__ */ h(
-    Re,
+    Le,
     {
       variant: "dark",
       href: c,
-      onClick: p,
-      bgClassName: Oe(r, l) ? it : void 0,
+      onClick: b,
+      bgClassName: ze(r, l) ? it : void 0,
       children: [
         o === "featured" && /* @__PURE__ */ n(
-          Le,
+          De,
           {
             variant: "dark",
             thumbnailUrl: i,
@@ -3324,20 +3348,20 @@ const lr = {
       ]
     }
   );
-}, Si = {
-  Composer: pr,
+}, Ii = {
+  Composer: br,
   Sent: vr,
-  Received: br
+  Received: pr
 }, xr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
 }, wr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, _r = {
+}, Nr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Nr = (e) => e === "dark" ? "sender" : "receiver", yr = {
+}, _r = (e) => e === "dark" ? "sender" : "receiver", yr = {
   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]",
@@ -3350,7 +3374,7 @@ const lr = {
     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]"
   }
-}, ye = ({
+}, Ce = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3359,13 +3383,13 @@ const lr = {
   children: i,
   "data-testid": l
 }) => {
-  const o = t != null && t !== "", d = yr[Nr(e)][a];
+  const o = t != null && t !== "", d = yr[_r(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": l,
       "data-group-position": a,
-      className: y(
+      className: _(
         // 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
@@ -3377,7 +3401,7 @@ const lr = {
         xr[e],
         wr[e],
         s && "border",
-        s && _r[e],
+        s && Nr[e],
         r
       ),
       children: [
@@ -3385,7 +3409,7 @@ const lr = {
         o ? /* @__PURE__ */ n(
           "p",
           {
-            className: y(
+            className: _(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3402,7 +3426,7 @@ const lr = {
       ]
     }
   );
-}, Ce = ({
+}, ke = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3414,13 +3438,13 @@ const lr = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: y(
+    className: _(
       "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(De, { className: "size-3", weight: "bold" })
+    children: /* @__PURE__ */ n(Pe, { className: "size-3", weight: "bold" })
   }
-), ke = (e) => e === "received" ? "light" : "dark", Ii = ({
+), Ee = (e) => e === "received" ? "light" : "dark", Si = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
@@ -3452,18 +3476,18 @@ const lr = {
   preload: o,
   onDismiss: d
 }) => {
-  const m = ke(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ee(e), g = e === "composer" && !!d, u = Cr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = o ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    ye,
+    Ce,
     {
       variant: m,
       text: i,
       groupPosition: l,
       "data-testid": "audio-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, p) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, b) => /* @__PURE__ */ n(
         kr,
         {
           item: c,
@@ -3471,17 +3495,17 @@ const lr = {
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            g && p === 0 ? /* @__PURE__ */ n(Ce, { onClick: d, variant: "inline" }) : void 0
+            g && b === 0 ? /* @__PURE__ */ n(ke, { onClick: d, variant: "inline" }) : void 0
           )
         },
-        `${c.src}-${p}`
+        `${c.src}-${b}`
       )) })
     }
   );
-}, Er = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Tr = {
+}, Er = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), Ir = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), Sr = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), Tr = {
   Composer: Er,
-  Sent: Sr,
-  Received: Ir
+  Sent: Ir,
+  Received: Sr
 };
 function Ar(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`;
@@ -3529,13 +3553,13 @@ function ae(e) {
 const Dr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Or = {
+}, Pr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Pr = {
+}, zr = {
   dark: "text-white/85",
   light: "text-black/85"
-}, pn = ({
+}, bn = ({
   variant: e,
   filename: t,
   title: s,
@@ -3548,13 +3572,13 @@ const Dr = {
   const d = s ?? t ?? "File", m = Lr(a, t, r), g = /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: _(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Or[e]
+        Pr[e]
       ),
       "aria-hidden": !0,
       children: ce(a, {
-        className: y("size-6", Pr[e]),
+        className: _("size-6", zr[e]),
         weight: "regular"
       })
     }
@@ -3563,7 +3587,7 @@ const Dr = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: y(
+        className: _(
           "truncate text-xs leading-4",
           Dr[e]
         ),
@@ -3576,7 +3600,7 @@ const Dr = {
       type: "button",
       onClick: i,
       "aria-label": l,
-      className: y(
+      className: _(
         "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]"
       ),
@@ -3585,7 +3609,7 @@ const Dr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(te, { children: [
+  ) : /* @__PURE__ */ h(se, { children: [
     g,
     u
   ] });
@@ -3594,7 +3618,7 @@ const Dr = {
     o ? /* @__PURE__ */ n("div", { className: "shrink-0", children: o }) : null
   ] });
 };
-async function bn(e, t) {
+async function pn(e, t) {
   const s = t ?? ae(e);
   try {
     const a = await fetch(e, { mode: "cors" });
@@ -3608,7 +3632,7 @@ async function bn(e, t) {
     }
   }
 }
-const zr = ({
+const Or = ({
   src: e,
   filename: t,
   fileSize: s,
@@ -3624,7 +3648,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       variant: e,
       filename: i,
@@ -3649,50 +3673,50 @@ const zr = ({
   onClick: m,
   onDismiss: g
 }) => {
-  const u = ke(e), f = e === "composer" && !!g, c = zr({
+  const u = Ee(e), f = e === "composer" && !!g, c = Or({
     src: t,
     filename: s,
     fileSize: a,
     mimeType: r,
     title: i,
     items: l
-  }), p = (x) => {
-    if ((m == null ? void 0 : m(x)) === !1) return;
-    const b = c[x];
-    if (!b) return;
-    const v = b.filename ?? ae(b.src);
-    bn(b.src, v);
+  }), b = (w) => {
+    if ((m == null ? void 0 : m(w)) === !1) return;
+    const p = c[w];
+    if (!p) return;
+    const v = p.filename ?? ae(p.src);
+    pn(p.src, v);
   };
   if (c.length === 0)
     return null;
-  const _ = /* @__PURE__ */ n(
+  const N = /* @__PURE__ */ n(
     "span",
     {
-      className: y(
+      className: _(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(we, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(Ne, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    ye,
+    Ce,
     {
       variant: u,
       text: o,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((x, b) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((w, p) => /* @__PURE__ */ n(
         $r,
         {
           variant: u,
-          item: x,
-          index: b,
-          onActivate: p,
-          trailingAction: f && b === 0 ? /* @__PURE__ */ n(Ce, { onClick: g, variant: "inline" }) : _
+          item: w,
+          index: p,
+          onActivate: b,
+          trailingAction: f && p === 0 ? /* @__PURE__ */ n(ke, { onClick: g, variant: "inline" }) : N
         },
-        `${x.src}-${b}`
+        `${w.src}-${p}`
       )) })
     }
   );
@@ -3705,7 +3729,7 @@ const zr = ({
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(te, { children: [
+}) => /* @__PURE__ */ h(se, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3723,7 +3747,7 @@ const zr = ({
       onClick: t,
       "aria-label": a,
       className: "mes-media-viewer__nav mes-media-viewer__nav--next",
-      children: /* @__PURE__ */ n(He, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: /* @__PURE__ */ n(ve, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   )
 ] }), vn = ({
@@ -3737,13 +3761,13 @@ const zr = ({
 }) => {
   const [o, d] = F(!1), m = J(
     (c) => {
-      c.stopPropagation(), !o && (d(!0), bn(e, t).catch(() => {
+      c.stopPropagation(), !o && (d(!0), pn(e, t).catch(() => {
       }).finally(() => {
         d(!1), l == null || l();
       }));
     },
     [o, e, t, l]
-  ), g = r ?? s !== "pill", f = { className: y(
+  ), g = r ?? s !== "pill", f = { className: _(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3754,7 +3778,7 @@ const zr = ({
       onClick: m,
       disabled: o,
       "aria-label": a,
-      className: y(
+      className: _(
         "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",
@@ -3762,14 +3786,14 @@ const zr = ({
         }[i]
       ),
       children: o ? /* @__PURE__ */ n(
-        xe,
+        we,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        we,
+        Ne,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3785,7 +3809,7 @@ const zr = ({
       disabled: o,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: o ? /* @__PURE__ */ n(xe, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: o ? /* @__PURE__ */ n(we, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(Ne, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3794,33 +3818,33 @@ const zr = ({
       onClick: m,
       disabled: o,
       "aria-label": g ? a : void 0,
-      className: y(
+      className: _(
         "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"
       ),
       children: [
         o ? /* @__PURE__ */ n(
-          xe,
+          we,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(we, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(Ne, { ...f, "aria-hidden": !0 }),
         g ? null : a
       ]
     }
   );
-}, je = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
+}, Ve = (e, t, s) => Math.min(Math.max(e, t), s), dt = ({
   length: e,
   initialIndex: t,
   open: s
 }) => {
-  const a = je(t, 0, Math.max(e - 1, 0)), [r, i] = F(a);
+  const a = Ve(t, 0, Math.max(e - 1, 0)), [r, i] = F(a);
   K(() => {
-    s && i(je(t, 0, Math.max(e - 1, 0)));
+    s && i(Ve(t, 0, Math.max(e - 1, 0)));
   }, [s, t, e]), K(() => {
-    i((d) => je(d, 0, Math.max(e - 1, 0)));
+    i((d) => Ve(d, 0, Math.max(e - 1, 0)));
   }, [e]);
   const l = J(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
@@ -3845,7 +3869,7 @@ const zr = ({
   children: i,
   "data-testid": l
 }) => {
-  const o = H(null), d = H(null);
+  const o = Y(null), d = Y(null);
   return K(() => {
     var f;
     const u = o.current;
@@ -3917,7 +3941,7 @@ const zr = ({
                 onClick: t,
                 "aria-label": "Close viewer",
                 className: "mes-media-viewer__action",
-                children: /* @__PURE__ */ n(De, { size: 20, weight: "bold", "aria-hidden": !0 })
+                children: /* @__PURE__ */ n(Pe, { size: 20, weight: "bold", "aria-hidden": !0 })
               }
             )
           ] })
@@ -3991,14 +4015,14 @@ const zr = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), l = r - i.length, o = (d, m, g) => {
-    const u = y(Vr, "h-full w-full");
+    const u = _(Vr, "h-full w-full");
     return t ? /* @__PURE__ */ h(
       "button",
       {
         type: "button",
         onClick: () => t(m),
         "aria-label": d.ariaLabel ?? `Open media ${m + 1}`,
-        className: y(u, "cursor-zoom-in"),
+        className: _(u, "cursor-zoom-in"),
         children: [
           d.content,
           g
@@ -4010,10 +4034,10 @@ const zr = ({
       g
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: _("aspect-square w-full", a), children: o(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: _(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -4022,7 +4046,7 @@ const zr = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: _(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4035,7 +4059,7 @@ const zr = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: _(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -4052,7 +4076,7 @@ const zr = ({
       })
     }
   );
-}, Ee = (e) => {
+}, Ie = (e) => {
   const [t, s] = F(!1), [a, r] = F(0), i = J(
     (o) => {
       (e == null ? void 0 : e(o)) !== !1 && (r(o), s(!0));
@@ -4079,12 +4103,12 @@ const zr = ({
   src: e,
   alt: t,
   items: s
-}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], _n = (e, t) => e.map((s, a) => ({
+}) => s && s.length > 0 ? s : e ? [{ src: e, alt: t }] : [], Nn = (e, t) => e.map((s, a) => ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Yr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ee(
+  const { viewerOpen: l, viewerIndex: o, handleActivate: d, closeViewer: m } = Ie(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4108,18 +4132,18 @@ const zr = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ke, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       xn,
       {
         open: l,
-        items: _n([{ src: e, alt: t }], s),
+        items: Nn([{ src: e, alt: t }], s),
         initialIndex: o,
         onClose: m
       }
     )
   ] });
-}, Nn = ({
+}, _n = ({
   state: e,
   src: t,
   alt: s,
@@ -4130,36 +4154,36 @@ const zr = ({
   loading: o = "lazy",
   onClick: d
 }) => {
-  const m = Hr({ src: t, alt: s, items: r }), g = ke(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: p } = Ee(
+  const m = Hr({ src: t, alt: s, items: r }), g = Ee(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: b } = Ie(
     d
   );
   if (m.length === 0)
     return null;
-  const _ = m.map(
-    (x, b) => Gr(x, b, m.length, o)
+  const N = m.map(
+    (w, p) => Gr(w, p, m.length, o)
   );
   return /* @__PURE__ */ h(
-    ye,
+    Ce,
     {
       variant: g,
       text: i,
       groupPosition: l,
       "data-testid": "image-attachment",
       children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: _, onTileActivate: c }) }),
+        /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(wn, { tiles: N, onTileActivate: c }) }),
         /* @__PURE__ */ n(
           xn,
           {
             open: u,
-            items: _n(m, a),
+            items: Nn(m, a),
             initialIndex: f,
-            onClose: p
+            onClose: b
           }
         )
       ]
     }
   );
-}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(Nn, { ...e, state: "received" }), Kr = {
+}, qr = (e) => /* @__PURE__ */ n(Yr, { ...e }), Wr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "sent" }), Xr = (e) => /* @__PURE__ */ n(_n, { ...e, state: "received" }), Kr = {
   Composer: qr,
   Sent: Wr,
   Received: Xr
@@ -4229,7 +4253,7 @@ const zr = ({
 }) => {
   const i = t.filename ?? ae(t.src);
   return /* @__PURE__ */ n(
-    pn,
+    bn,
     {
       variant: e,
       filename: i,
@@ -4253,17 +4277,17 @@ const zr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const g = ke(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: _ } = Ee(
+  const g = Ee(e), u = Qr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
     d
-  ), x = e === "composer" && !!m;
+  ), w = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const b = u.map((v) => ({
+  const p = u.map((v) => ({
     src: v.src,
     filename: v.filename ?? ae(v.src)
   }));
   return /* @__PURE__ */ h(
-    ye,
+    Ce,
     {
       variant: g,
       text: l,
@@ -4271,13 +4295,13 @@ const zr = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((v, M) => {
-          const I = v.filename ?? ae(v.src), N = x && M === 0 ? /* @__PURE__ */ n(Ce, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+          const T = v.filename ?? ae(v.src), y = w && M === 0 ? /* @__PURE__ */ n(ke, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             vn,
             {
               url: v.src,
-              filename: I,
+              filename: T,
               variant: "inline",
-              label: `Download ${I}`,
+              label: `Download ${T}`,
               tone: g
             }
           );
@@ -4287,8 +4311,8 @@ const zr = ({
               variant: g,
               item: v,
               index: M,
-              onActivate: p,
-              trailingAction: N
+              onActivate: b,
+              trailingAction: y
             },
             `${v.src}-${M}`
           );
@@ -4297,9 +4321,9 @@ const zr = ({
           Jr,
           {
             open: f,
-            items: b,
+            items: p,
             initialIndex: c,
-            onClose: _
+            onClose: N
           }
         )
       ]
@@ -4359,7 +4383,7 @@ const zr = ({
       ]
     }
   ) : null;
-}, ri = () => /* @__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(Ge, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
+}, ri = () => /* @__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(He, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Cn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4398,7 +4422,7 @@ const zr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), li = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: l }) => {
-  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = Ee(
+  const { viewerOpen: o, viewerIndex: d, handleActivate: m, closeViewer: g } = Ie(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4412,7 +4436,7 @@ const zr = ({
         children: /* @__PURE__ */ n(Cn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(Ce, { onClick: l }) }) : null,
+    l ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(ke, { onClick: l }) }) : null,
     /* @__PURE__ */ n(
       yn,
       {
@@ -4438,16 +4462,16 @@ const zr = ({
   preload: d,
   onClick: m
 }) => {
-  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = ke(e), { viewerOpen: f, viewerIndex: c, handleActivate: p, closeViewer: _ } = Ee(
+  const g = oi({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ee(e), { viewerOpen: f, viewerIndex: c, handleActivate: b, closeViewer: N } = Ie(
     m
   );
   if (g.length === 0)
     return null;
-  const x = g.map(
-    (b, v) => ii(b, v, g.length)
+  const w = g.map(
+    (p, v) => ii(p, v, g.length)
   );
   return /* @__PURE__ */ h(
-    ye,
+    Ce,
     {
       variant: u,
       text: l,
@@ -4457,8 +4481,8 @@ const zr = ({
         /* @__PURE__ */ n("div", { className: "relative", children: /* @__PURE__ */ n(
           wn,
           {
-            tiles: x,
-            onTileActivate: p,
+            tiles: w,
+            onTileActivate: b,
             className: "overflow-hidden rounded-md"
           }
         ) }),
@@ -4468,7 +4492,7 @@ const zr = ({
             open: f,
             items: kn(g, r),
             initialIndex: c,
-            onClose: _
+            onClose: N
           }
         )
       ]
@@ -4496,7 +4520,7 @@ const zr = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: _(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4518,7 +4542,7 @@ const zr = ({
   const o = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || l) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      se,
+      ne,
       {
         id: l || "account",
         name: l || "Account",
@@ -4553,12 +4577,12 @@ export {
   va as B,
   Xa as C,
   Hs as D,
-  Ps as E,
+  zs as E,
   Ai as F,
-  Si as L,
+  Ii as L,
   yi as M,
-  pe as a,
-  se as b,
+  be as a,
+  ne as b,
   rr as c,
   mn as d,
   Ci as e,
@@ -4567,7 +4591,7 @@ export {
   Bt as h,
   Ti as i,
   Ca as j,
-  Ni as k,
+  _i as k,
   Ei as l,
   Lr as m,
   Ar as n,
@@ -4577,11 +4601,11 @@ export {
   ce as r,
   rn as s,
   $s as t,
-  Ii as u,
+  Si as u,
   Ys as v,
   tt as w,
   nt as x,
   Jt as y,
   ki as z
 };
-//# sourceMappingURL=index-D9JJLtJg.js.map
+//# sourceMappingURL=index-D_U3aScH.js.map