@linktr.ee/messaging-react 3.3.6-rc-1780987607 → 3.3.6-rc-1781077089

package/dist/{index-C2wfgpUU.js → index-BpkIKkeQ.js}

@@ -1,9 +1,9 @@
-import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
-import j, { createContext as Ge, useContext as Te, useCallback as W, useState as O, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
-import { StreamChatService as In } from "@linktr.ee/messaging-core";
-import { Chat as Sn, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Dn, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as $n, ReminderNotification as Fn, StreamedMessageText as Bn, messageHasAttachments as Un, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Tt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as pe, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Le, AIStates as De, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, defaultRenderMessages as cs, ChannelList as ds } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as us, SpinnerGapIcon as Ce, SignOutIcon as ms, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as hs, SpeakerHighIcon as fs, VideoCameraIcon as Gt, FileMdIcon as gs, FileTextIcon as bs, FileZipIcon as ps, FilePptIcon as vs, FileCsvIcon as xs, FileXlsIcon as ws, FileDocIcon as Ns, FilePdfIcon as _s, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as ys, LinkIcon as Cs, DownloadSimpleIcon as be, GiftIcon as ks, ThumbsUpIcon as Es, ThumbsDownIcon as Is, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Ts, SparkleIcon as Ue, ProhibitIcon as As, ArrowLeftIcon as Mt, PencilSimpleIcon as Ms, CaretLeftIcon as Rs, CaretRightIcon as Ls } from "@phosphor-icons/react";
-import y from "classnames";
+import { jsx as n, jsxs as h, Fragment as ne } from "react/jsx-runtime";
+import F, { createContext as Ge, useContext as Te, useCallback as Y, useState as O, useRef as G, useEffect as H, useId as En, useMemo as te, Suspense as He, useLayoutEffect as In } from "react";
+import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
+import { Chat as Tn, DateSeparator as An, useChannelStateContext as de, useChatContext as Ye, areMessageUIPropsEqual as Mn, useMessageReminder as Rn, useComponentContext as Ut, Attachment as Ln, EditMessageModal as Dn, MessageBlocked as Pn, MessageBouncePrompt as On, MessageDeleted as zn, MessageIsThreadReplyInChannelButtonIndicator as $n, MessageRepliesCountButton as Fn, ReminderNotification as Bn, StreamedMessageText as Un, messageHasAttachments as jn, messageHasReactions as Vn, isDateSeparatorMessage as Gn, isMessageBlocked as Hn, isMessageBounced as Yn, MessageBounceModal as qn, MessageText as Tt, Poll as Wn, MessageErrorIcon as Xn, useMessageContext as ve, useMessageComposer as Kn, useStateStore as Jn, MessageInput as Zn, useMessageInputContext as Qn, useMessageComposerHasSendableData as es, AttachmentPreviewList as ts, QuotedMessagePreview as ns, TextareaComposer as ss, MessageTimestamp as Le, AIStates as De, useTypingContext as as, useAIState as rs, Channel as is, WithComponents as os, Window as ls, MessageList as cs, ChannelList as ds } from "stream-chat-react";
+import { StarIcon as Fe, DotsThreeIcon as us, SpinnerGapIcon as Ce, SignOutIcon as ms, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as hs, SpeakerHighIcon as fs, VideoCameraIcon as Gt, FileMdIcon as gs, FileTextIcon as bs, FileZipIcon as ps, FilePptIcon as vs, FileCsvIcon as xs, FileXlsIcon as ws, FileDocIcon as Ns, FilePdfIcon as _s, CircleNotchIcon as be, PlayIcon as Be, PauseIcon as ys, LinkIcon as Cs, DownloadSimpleIcon as pe, GiftIcon as ks, ThumbsUpIcon as Es, ThumbsDownIcon as Is, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Ts, SparkleIcon as Ue, ProhibitIcon as As, ArrowLeftIcon as Mt, PencilSimpleIcon as Ms, CaretLeftIcon as Rs, CaretRightIcon as Ls } from "@phosphor-icons/react";
+import C from "classnames";
 import { MessageActions as Ds, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Rt } from "stream-chat";
 const Yt = Ge({
@@ -16,7 +16,7 @@ const Yt = Ge({
   refreshConnection: async () => {
   },
   debug: !1
-}), qe = () => Te(Yt), Ni = ({
+}), qe = () => Te(Yt), yi = ({
   children: e,
   user: t,
   serviceConfig: s,
@@ -24,7 +24,7 @@ const Yt = Ge({
   capabilities: r = {},
   debug: i = !1
 }) => {
-  const o = W(
+  const o = Y(
     (k, ...T) => {
       i && console.log(`🔥 [MessagingProvider] ${k}`, ...T);
     },
@@ -36,12 +36,12 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = O(null), [m, b] = O(null), [u, f] = O(!1), [c, g] = O(!1), [p, v] = O(null), N = H(!1), x = H({
+  const [l, d] = O(null), [m, b] = O(null), [u, f] = O(!1), [c, g] = O(!1), [p, v] = O(null), N = G(!1), x = G({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }), I = H(0);
+  }), I = G(0);
   I.current++, o("📊 RENDER INFO", {
     renderCount: I.current,
     currentProps: { userId: t == null ? void 0 : t.id, apiKey: (a == null ? void 0 : a.substring(0, 8)) + "..." },
@@ -56,7 +56,7 @@ const Yt = Ge({
     apiKey: a,
     serviceConfig: s,
     capabilities: r
-  }, Y(() => {
+  }, H(() => {
     const k = I.current;
     if (o("🔧 SERVICE INIT EFFECT TRIGGERED", {
       renderCount: k,
@@ -80,7 +80,7 @@ const Yt = Ge({
       apiKey: (a == null ? void 0 : a.substring(0, 8)) + "...",
       serviceConfigChanged: x.current.serviceConfig !== s
     });
-    const T = new In({
+    const T = new Sn({
       ...s,
       apiKey: a,
       debug: i
@@ -95,8 +95,8 @@ const Yt = Ge({
       }), T.disconnectUser().catch(console.error);
     };
   }, [a, s, i, o]);
-  const E = H(null);
-  Y(() => {
+  const E = G(null);
+  H(() => {
     var T, _;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
@@ -142,7 +142,7 @@ const Yt = Ge({
         });
       }
     })();
-  }, [l, t, o, u]), Y(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
+  }, [l, t, o, u]), H(() => (o("🔌 CLEANUP EFFECT REGISTERED", {
     hasService: !!l,
     isConnected: u
   }), () => {
@@ -154,7 +154,7 @@ const Yt = Ge({
       isConnected: u
     });
   }), [l, u, o]);
-  const M = W(async () => {
+  const M = Y(async () => {
     if (o("🔄 REFRESH CONNECTION CALLED", {
       hasService: !!l,
       hasUser: !!t
@@ -176,7 +176,7 @@ const Yt = Ge({
     } finally {
       g(!1), o("🔄 CONNECTION REFRESH FINISHED", { userId: t.id });
     }
-  }, [l, t, o]), P = j.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
+  }, [l, t, o]), D = F.useMemo(() => (o("💫 CONTEXT VALUE MEMOIZATION", {
     hasService: !!l,
     hasClient: !!m,
     isConnected: u,
@@ -206,9 +206,9 @@ const Yt = Ge({
   return o("🔄 RENDER END", {
     renderCount: I.current,
     willRenderChat: !!(m && u),
-    contextValueReady: !!P
-  }), /* @__PURE__ */ n(Yt.Provider, { value: P, children: m && u ? /* @__PURE__ */ n(
-    Sn,
+    contextValueReady: !!D
+  }), /* @__PURE__ */ n(Yt.Provider, { value: D, children: m && u ? /* @__PURE__ */ n(
+    Tn,
     {
       client: m,
       customClasses: {
@@ -222,7 +222,7 @@ const Yt = Ge({
   const [t, s] = O(
     !!((r = (a = e == null ? void 0 : e.state) == null ? void 0 : a.membership) != null && r.pinned_at)
   );
-  return Y(() => {
+  return H(() => {
     var o;
     if (!e) {
       s(!1);
@@ -290,7 +290,7 @@ function Fs(e) {
   const s = $s(e) % Dt.length;
   return Dt[s];
 }
-const ae = ({
+const re = ({
   id: e,
   image: t,
   size: s = 40,
@@ -310,7 +310,7 @@ const ae = ({
     "div",
     {
       "aria-hidden": "true",
-      className: y(
+      className: C(
         "avatar-fallback flex h-full w-full items-center justify-center bg-[#E6E5E3] font-semibold select-none transition-colors",
         m
       ),
@@ -320,7 +320,7 @@ const ae = ({
   return /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative flex-shrink-0 !bg-transparent",
         a
       ),
@@ -342,7 +342,7 @@ const ae = ({
           "div",
           {
             "data-testid": "avatar-ring",
-            className: y(
+            className: C(
               "h-full w-full",
               "bg-transparent"
             ),
@@ -374,9 +374,9 @@ const ae = ({
   onActionComplete: m,
   logLabel: b = "useChannelModerationActions"
 }) => {
-  var $;
-  const { service: u, debug: f } = qe(), c = ($ = t == null ? void 0 : t.user) == null ? void 0 : $.id, g = !!(a && s && u && c), [p, v] = O(!1), [N, x] = O(null), [I, E] = O(!1), [M, P] = O(!1), k = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
-  return Y(() => {
+  var B;
+  const { service: u, debug: f } = qe(), c = (B = t == null ? void 0 : t.user) == null ? void 0 : B.id, g = !!(a && s && u && c), [p, v] = O(!1), [N, x] = O(null), [I, E] = O(!1), [M, D] = O(!1), k = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
+  return H(() => {
     if (!g || !u || !c) {
       v(!1), x(null);
       return;
@@ -384,15 +384,15 @@ const ae = ({
     let A = !1;
     return (async () => {
       try {
-        const D = await u.getBlockedUsers();
+        const P = await u.getBlockedUsers();
         if (A) return;
         v(
-          D.some(
+          P.some(
             (z) => z.blocked_user_id === c
           )
         );
-      } catch (D) {
-        A || console.error(`[${b}] Failed to check blocked status:`, D);
+      } catch (P) {
+        A || console.error(`[${b}] Failed to check blocked status:`, P);
       } finally {
         A || x({ participantId: c, service: u });
       }
@@ -409,38 +409,38 @@ const ae = ({
       if (!I) {
         o == null || o(), f && console.log(`[${b}] Leave conversation`, e.cid), E(!0);
         try {
-          const D = ((A = e._client) == null ? void 0 : A.userID) ?? null;
-          await e.hide(D, !1), r && await r(e), m == null || m();
-        } catch (D) {
-          console.error(`[${b}] Failed to leave conversation`, D);
+          const P = ((A = e._client) == null ? void 0 : A.userID) ?? null;
+          await e.hide(P, !1), r && await r(e), m == null || m();
+        } catch (P) {
+          console.error(`[${b}] Failed to leave conversation`, P);
         } finally {
           E(!1);
         }
       }
     },
     handleBlockUser: async () => {
-      var A, D, z;
+      var A, P, z;
       if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Block member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), P(!0);
+        l == null || l(), f && console.log(`[${b}] Block member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), D(!0);
         try {
-          await u.blockUser((D = t == null ? void 0 : t.user) == null ? void 0 : D.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
-        } catch (G) {
-          console.error(`[${b}] Failed to block member`, G);
+          await u.blockUser((P = t == null ? void 0 : t.user) == null ? void 0 : P.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
+        } catch (V) {
+          console.error(`[${b}] Failed to block member`, V);
         } finally {
-          P(!1);
+          D(!1);
         }
       }
     },
     handleUnblockUser: async () => {
-      var A, D, z;
+      var A, P, z;
       if (!(M || !u)) {
-        l == null || l(), f && console.log(`[${b}] Unblock member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), P(!0);
+        l == null || l(), f && console.log(`[${b}] Unblock member`, (A = t == null ? void 0 : t.user) == null ? void 0 : A.id), D(!0);
         try {
-          await u.unBlockUser((D = t == null ? void 0 : t.user) == null ? void 0 : D.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
-        } catch (G) {
-          console.error(`[${b}] Failed to unblock member`, G);
+          await u.unBlockUser((P = t == null ? void 0 : t.user) == null ? void 0 : P.id), i && await i((z = t == null ? void 0 : t.user) == null ? void 0 : z.id), m == null || m();
+        } catch (V) {
+          console.error(`[${b}] Failed to unblock member`, V);
         } finally {
-          P(!1);
+          D(!1);
         }
       }
     },
@@ -448,7 +448,7 @@ const ae = ({
       d == null || d(), m == null || m(), window.open(Bs, "_blank", "noopener,noreferrer");
     }
   };
-}, he = ({
+}, fe = ({
   variant: e = "default",
   className: t,
   children: s,
@@ -457,7 +457,7 @@ const ae = ({
   "button",
   {
     type: "button",
-    className: y(
+    className: C(
       "flex w-full items-center gap-3 rounded-lg px-4 py-3 text-left text-sm transition-colors focus-ring disabled:cursor-not-allowed disabled:opacity-60",
       e === "danger" ? "text-danger hover:bg-danger/50" : "text-charcoal hover:bg-sand",
       t
@@ -479,13 +479,13 @@ const ae = ({
   customChannelActions: b,
   triggerClassName: u
 }) => {
-  const [f, c] = O(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
+  const [f, c] = O(!1), g = G(null), p = En(), v = Y(() => c(!1), []), {
     isParticipantBlocked: N,
     isCheckingBlockedStatus: x,
     isLeaving: I,
     isUpdatingBlockStatus: E,
     handleLeaveConversation: M,
-    handleBlockUser: P,
+    handleBlockUser: D,
     handleUnblockUser: k,
     handleReportUser: T
   } = Us({
@@ -501,12 +501,12 @@ const ae = ({
     onActionComplete: v,
     logLabel: "ChannelActionsMenu"
   });
-  return Y(() => {
+  return H(() => {
     if (!f) return;
-    const S = ($) => {
-      g.current && !g.current.contains($.target) && c(!1);
-    }, R = ($) => {
-      $.key === "Escape" && c(!1);
+    const S = (B) => {
+      g.current && !g.current.contains(B.target) && c(!1);
+    }, R = (B) => {
+      B.key === "Escape" && c(!1);
     };
     return document.addEventListener("mousedown", S), document.addEventListener("keydown", R), () => {
       document.removeEventListener("mousedown", S), document.removeEventListener("keydown", R);
@@ -532,13 +532,13 @@ const ae = ({
       {
         id: p,
         "aria-label": "Conversation options",
-        className: y(
+        className: C(
           "absolute right-0 top-full z-50 mt-2 w-56 overflow-hidden",
           "rounded-lg border border-sand bg-white p-1 shadow-max-elevation-light"
         ),
         children: /* @__PURE__ */ h("ul", { className: "flex flex-col gap-1", children: [
           s && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(
-            he,
+            fe,
             {
               onClick: M,
               disabled: I,
@@ -552,12 +552,12 @@ const ae = ({
           a && /* @__PURE__ */ n("li", { children: x ? (
             // Block status not yet resolved — show a disabled placeholder
             // so a premature click can't act on a stale block state.
-            /* @__PURE__ */ h(he, { disabled: !0, "aria-busy": !0, children: [
+            /* @__PURE__ */ h(fe, { disabled: !0, "aria-busy": !0, children: [
               /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
           ) : N ? /* @__PURE__ */ h(
-            he,
+            fe,
             {
               onClick: k,
               disabled: E,
@@ -568,9 +568,9 @@ const ae = ({
               ]
             }
           ) : /* @__PURE__ */ h(
-            he,
+            fe,
             {
-              onClick: P,
+              onClick: D,
               disabled: E,
               "aria-busy": E,
               children: [
@@ -579,7 +579,7 @@ const ae = ({
               ]
             }
           ) }),
-          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(he, { variant: "danger", onClick: T, children: [
+          r && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ h(fe, { variant: "danger", onClick: T, children: [
             /* @__PURE__ */ n(jt, { className: "h-5 w-5" }),
             /* @__PURE__ */ n("span", { children: "Report" })
           ] }) }),
@@ -588,15 +588,15 @@ const ae = ({
       }
     )
   ] });
-}, js = (e) => /* @__PURE__ */ n(Tn, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
+}, js = (e) => /* @__PURE__ */ n(An, { ...e, position: "center" }), je = "vote_up", Ve = "vote_down";
 function Vs(e) {
   return e != null && e.length ? e.some((t) => t.type === Ve) ? "down" : e.some((t) => t.type === je) ? "up" : null : null;
 }
 function Gs(e) {
-  const { channel: t } = ce(), { client: s } = Ye("useMessageVote"), a = ee(
+  const { channel: t } = de(), { client: s } = Ye("useMessageVote"), a = te(
     () => Vs(e.own_reactions),
     [e.own_reactions]
-  ), r = W(async () => {
+  ), r = Y(async () => {
     if (s != null && s.userID)
       try {
         a === "up" ? await t.deleteReaction(e.id, je) : await t.sendReaction(
@@ -606,7 +606,7 @@ function Gs(e) {
         );
       } catch {
       }
-  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = W(async () => {
+  }, [t, s == null ? void 0 : s.userID, e.id, a]), i = Y(async () => {
     if (s != null && s.userID)
       try {
         a === "down" ? await t.deleteReaction(e.id, Ve) : await t.sendReaction(
@@ -630,7 +630,7 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Hs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Ys = j.lazy(() => import("./Card-DE5bfj0l.js")), qs = j.lazy(() => import("./Card-C4ncqjxJ.js")), Ws = j.lazy(() => import("./Card-IjOI7UXs.js")), We = () => /* @__PURE__ */ n(
+const Ys = F.lazy(() => import("./Card-BgS405Np.js")), qs = F.lazy(() => import("./Card-C0w-vE4P.js")), Ws = F.lazy(() => import("./Card-BSMnJuUn.js")), We = () => /* @__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,7 +646,7 @@ const Ys = j.lazy(() => import("./Card-DE5bfj0l.js")), qs = j.lazy(() => import(
   [/plain|rtf/, "text"],
   [/markdown/, "markdown"]
 ];
-function ne(e) {
+function se(e) {
   return e.startsWith("video/") ? "video" : e.startsWith("audio/") ? "audio" : e.startsWith("image/") ? "image" : "document";
 }
 function Zt(e) {
@@ -672,11 +672,11 @@ const Qs = {
   generic: Vt
 };
 function ta(e) {
-  const t = ne(e);
+  const t = se(e);
   return t !== "document" ? Qs[t] : ea[Zt(e)];
 }
-function le(e, t) {
-  return j.createElement(ta(e), t);
+function ce(e, t) {
+  return F.createElement(ta(e), t);
 }
 const na = (e) => {
   var t, s;
@@ -693,66 +693,66 @@ const na = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = O(a), [N, x] = O(0), [I, E] = O(!1), [M, P] = O(!1), [k, T] = O(!1), [_, S] = O(!1), [R, $] = O(!0), [A, D] = O(null), z = W(() => {
+  const b = se(t), u = G(null), f = G(null), c = G(null), g = G(r), [p, v] = O(a), [N, x] = O(0), [I, E] = O(!1), [M, D] = O(!1), [k, T] = O(!1), [_, S] = O(!1), [R, B] = O(!0), [A, P] = O(null), z = Y(() => {
     T(!1), v(!0);
-  }, []), G = W((w) => {
-    const C = f.current;
-    if (!C) return 0;
-    const U = C.getBoundingClientRect();
+  }, []), V = Y((w) => {
+    const y = f.current;
+    if (!y) return 0;
+    const $ = y.getBoundingClientRect();
     return Math.max(
       0,
-      Math.min(1, (na(w) - U.left) / U.width)
+      Math.min(1, (na(w) - $.left) / $.width)
     );
-  }, []), F = W((w) => {
-    const C = u.current;
-    C && C.duration && (C.currentTime = w * C.duration);
-  }, []), B = (w) => {
+  }, []), U = Y((w) => {
+    const y = u.current;
+    y && y.duration && (y.currentTime = w * y.duration);
+  }, []), j = (w) => {
     w.stopPropagation(), E(!0);
-    const C = G(w);
-    x(C), F(C);
+    const y = V(w);
+    x(y), U(y);
   };
-  Y(() => {
+  H(() => {
     r !== void 0 && r !== g.current && (g.current = r, v(r));
-  }, [r]), Y(() => {
+  }, [r]), H(() => {
     if (!p) {
       c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
       return;
     }
     const w = () => {
-      const C = u.current;
-      C && C.duration && !I && x(C.currentTime / C.duration), c.current = requestAnimationFrame(w);
+      const y = u.current;
+      y && y.duration && !I && x(y.currentTime / y.duration), c.current = requestAnimationFrame(w);
     };
     return c.current = requestAnimationFrame(w), () => {
       c.current !== null && cancelAnimationFrame(c.current);
     };
-  }, [p, I]), Y(() => {
+  }, [p, I]), H(() => {
     const w = u.current;
-    w && (p ? w.play().catch((C) => {
+    w && (p ? w.play().catch((y) => {
       v(!1), T(!0);
     }) : w.pause());
-  }, [p]), Y(() => {
+  }, [p]), H(() => {
     if (!I) return;
-    const w = (U) => x(G(U)), C = (U) => {
-      E(!1), F(G(U));
+    const w = ($) => x(V($)), y = ($) => {
+      E(!1), U(V($));
     };
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", C), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", C), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", C);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", y), window.addEventListener("touchmove", w, { passive: !0 }), window.addEventListener("touchend", y), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", y), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", y);
     };
-  }, [I, G, F]);
-  const X = A ? { aspectRatio: String(A) } : void 0, V = A ? "" : " aspect-video", L = Math.round(N * 100);
+  }, [I, V, U]);
+  const q = A ? { aspectRatio: String(A) } : void 0, W = A ? "" : " aspect-video", L = Math.round(N * 100);
   return /* @__PURE__ */ h(
     "div",
     {
       role: "button",
       tabIndex: 0,
-      className: `relative cursor-pointer overflow-hidden bg-black ${V}`,
-      style: X,
+      className: `relative cursor-pointer overflow-hidden bg-black ${W}`,
+      style: q,
       onClick: (w) => {
         if (m) {
           m(w);
           return;
         }
-        k || o && v((C) => !C);
+        k || o && v((y) => !y);
       },
       onKeyDown: (w) => {
         if (!(w.key !== "Enter" && w.key !== " ")) {
@@ -760,7 +760,7 @@ const na = (e) => {
             m(w);
             return;
           }
-          k || o && v((C) => !C);
+          k || o && v((y) => !y);
         }
       },
       children: [
@@ -772,7 +772,7 @@ const na = (e) => {
             className: "absolute inset-0 h-full w-full object-cover"
           }
         ),
-        !s && (b === "audio" || R) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: le(t, {
+        !s && (b === "audio" || R) && /* @__PURE__ */ n("div", { className: "absolute inset-0 flex items-center justify-center", children: ce(t, {
           className: "size-12 text-black/20",
           weight: "regular"
         }) }),
@@ -786,7 +786,7 @@ const na = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => S(!0),
             onCanPlay: () => {
-              S(!1), $(!1);
+              S(!1), B(!1);
             },
             onWaiting: () => S(!0),
             onPlay: () => T(!1),
@@ -806,13 +806,13 @@ const na = (e) => {
             style: { width: "100%", height: "100%" },
             onLoadStart: () => S(!0),
             onCanPlay: () => {
-              S(!1), $(!1);
+              S(!1), B(!1);
             },
             onWaiting: () => S(!0),
             onPlay: () => T(!1),
             onLoadedMetadata: () => {
               const w = u.current;
-              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && D(w.videoWidth / w.videoHeight);
+              w instanceof HTMLVideoElement && w.videoWidth && w.videoHeight && P(w.videoWidth / w.videoHeight);
             },
             onEnded: () => {
               i || (v(!1), x(0));
@@ -821,7 +821,7 @@ const na = (e) => {
           }
         ) }),
         _ && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
-          ge,
+          be,
           {
             className: "size-8 animate-spin text-white/80",
             weight: "bold"
@@ -854,11 +854,11 @@ const na = (e) => {
             tabIndex: 0,
             ref: f,
             className: "relative flex h-4 w-full cursor-pointer items-center",
-            onMouseDown: B,
-            onTouchStart: B,
+            onMouseDown: j,
+            onTouchStart: j,
             onClick: (w) => w.stopPropagation(),
             onKeyDown: (w) => {
-              w.key === "ArrowRight" && F(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, N - 0.05));
+              w.key === "ArrowRight" && U(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && U(Math.max(0, N - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -875,7 +875,7 @@ const na = (e) => {
             {
               type: "button",
               onClick: (w) => {
-                w.stopPropagation(), v((C) => !C);
+                w.stopPropagation(), v((y) => !y);
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
@@ -893,13 +893,13 @@ const na = (e) => {
               tabIndex: 0,
               ref: f,
               className: "relative flex h-4 w-full cursor-pointer items-center",
-              onMouseDown: B,
-              onTouchStart: B,
+              onMouseDown: j,
+              onTouchStart: j,
               onClick: (w) => w.stopPropagation(),
-              onMouseEnter: () => P(!0),
-              onMouseLeave: () => P(!1),
+              onMouseEnter: () => D(!0),
+              onMouseLeave: () => D(!1),
               onKeyDown: (w) => {
-                w.key === "ArrowRight" && F(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && F(Math.max(0, N - 0.05));
+                w.key === "ArrowRight" && U(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && U(Math.max(0, N - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -938,7 +938,7 @@ const na = (e) => {
   mediaPlayerProps: i,
   containedImage: o = !1
 }) => {
-  const l = ne(e), [d, m] = O(!1);
+  const l = se(e), [d, m] = O(!1);
   return t && (l === "video" || l === "audio") ? /* @__PURE__ */ n(
     sa,
     {
@@ -986,7 +986,7 @@ const na = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: zt(r),
         weight: "regular"
       })
@@ -1003,7 +1003,7 @@ const na = (e) => {
     "div",
     {
       className: `flex aspect-video w-full items-center justify-center ${r === "dark" ? "bg-white/10" : "bg-black/5"}`,
-      children: le(e, {
+      children: ce(e, {
         className: zt(r),
         weight: "regular"
       })
@@ -1029,7 +1029,7 @@ const na = (e) => {
     {
       ref: b,
       "data-testid": u,
-      className: y(
+      className: C(
         "relative w-[280px] select-none overflow-hidden rounded-[24px] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_4px_8px_rgba(0,0,0,0.06)]",
         f ? "bg-[#121110]" : "bg-white"
       ),
@@ -1041,7 +1041,7 @@ const na = (e) => {
           c.trim() !== "" && /* @__PURE__ */ n(
             "p",
             {
-              className: y("mb-0.5 truncate text-base font-medium", {
+              className: C("mb-0.5 truncate text-base font-medium", {
                 "text-black": !f,
                 "text-white/30": f && g,
                 "text-white": f && !g
@@ -1050,8 +1050,8 @@ const na = (e) => {
             }
           ),
           /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center gap-1", children: [
-            le(r, {
-              className: y(
+            ce(r, {
+              className: C(
                 "size-5 shrink-0",
                 f ? "text-white/55" : "text-black/55"
               ),
@@ -1060,7 +1060,7 @@ const na = (e) => {
             i != null && i !== "" && /* @__PURE__ */ n(
               "span",
               {
-                className: y(
+                className: C(
                   "text-xs font-medium",
                   f ? "text-white/55" : "text-black/55"
                 ),
@@ -1097,7 +1097,7 @@ function ca(e) {
   return e ? "text-white/20" : "text-black/20";
 }
 const Ke = ({ attachment: e, isMyMessage: t }) => {
-  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(j.Fragment, { children: [
+  const { title: s, text: a, image_url: r, og_scrape_url: i, title_link: o } = e, l = i ?? o, d = typeof l == "string" && l.trim() !== "" ? l : void 0, m = /* @__PURE__ */ h(F.Fragment, { children: [
     /* @__PURE__ */ n("div", { className: "p-2", children: r ? /* @__PURE__ */ n(
       "img",
       {
@@ -1159,8 +1159,8 @@ const ua = ({
       },
       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(ge, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(j.Fragment, { children: [
-        /* @__PURE__ */ n(be, { className: "size-4 text-white", weight: "bold" }),
+      children: s ? /* @__PURE__ */ n(be, { className: "size-4 animate-spin text-white", weight: "bold" }) : /* @__PURE__ */ h(F.Fragment, { children: [
+        /* @__PURE__ */ n(pe, { className: "size-4 text-white", weight: "bold" }),
         "Download"
       ] })
     }
@@ -1222,7 +1222,7 @@ const sn = ({
   fileSize: a,
   thumbnailUrl: r
 }) => {
-  const i = ne(t), o = a !== void 0 ? tn(a) : void 0;
+  const i = se(t), o = a !== void 0 ? tn(a) : void 0;
   return /* @__PURE__ */ n(
     en,
     {
@@ -1251,7 +1251,7 @@ const sn = ({
   const s = Je(e), a = Ze(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(
-      ae,
+      re,
       {
         className: "str-chat__avatar str-chat__message-sender-avatar",
         id: e.user.id,
@@ -1291,14 +1291,14 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, _i = Object.assign(ma, {
+}, Ci = Object.assign(ma, {
   Creator: ha,
   Visitor: fa
 }), ga = {
   isUnlocking: () => !1
 }, ba = {
   LockedAttachment: ga
-}, rn = Ge({}), yi = rn.Provider;
+}, rn = Ge({}), ki = rn.Provider;
 function pa(e) {
   return Te(rn)[e] ?? ba[e];
 }
@@ -1358,10 +1358,10 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     s ? "message-chatbot-indicator--sender" : "message-chatbot-indicator--receiver",
     o ? "message-chatbot-indicator--attachment" : "message-chatbot-indicator--text"
   ].join(" "), m = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__label", children: l }), b = /* @__PURE__ */ n("span", { className: "message-chatbot-indicator__icon", children: /* @__PURE__ */ n(va, { size: o ? 12 : 15 }) });
-  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(te, { children: [
+  return /* @__PURE__ */ n("div", { className: d, "data-testid": "message-chatbot-indicator", children: s && !o ? /* @__PURE__ */ h(ne, { children: [
     m,
     b
-  ] }) : /* @__PURE__ */ h(te, { children: [
+  ] }) : /* @__PURE__ */ h(ne, { children: [
     b,
     m
   ] }) });
@@ -1374,7 +1374,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "up"
       }),
       onClick: t,
@@ -1388,7 +1388,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     "button",
     {
       type: "button",
-      className: y("message-vote-button focus-ring", {
+      className: C("message-vote-button focus-ring", {
         "message-vote-button--selected": e === "down"
       }),
       onClick: s,
@@ -1417,68 +1417,68 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: I, onUnlockClick: E, onFetchSource: M, onDownloadClick: P } = pa("LockedAttachment"), [k, T] = O(!1), _ = Mn(c.id), { selected: S, voteUp: R, voteDown: $ } = Gs(c), {
-    Attachment: A = Rn,
-    EditMessageModal: D = Ln,
+  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = de("CustomMessage"), { isUnlocking: I, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = pa("LockedAttachment"), [k, T] = O(!1), _ = Rn(c.id), { selected: S, voteUp: R, voteDown: B } = Gs(c), {
+    Attachment: A = Ln,
+    EditMessageModal: P = Dn,
     MessageActions: z,
-    MessageBlocked: G = Dn,
-    MessageBouncePrompt: F = Pn,
-    MessageDeleted: B = On,
-    MessageIsThreadReplyInChannelButtonIndicator: X = zn,
-    MessageRepliesCountButton: V = $n,
-    ReminderNotification: L = Fn,
-    StreamedMessageText: w = Bn,
-    PinIndicator: C
-  } = Ut("CustomMessage"), U = Un(c), q = jn(c), _e = ee(
+    MessageBlocked: V = Pn,
+    MessageBouncePrompt: U = On,
+    MessageDeleted: j = zn,
+    MessageIsThreadReplyInChannelButtonIndicator: q = $n,
+    MessageRepliesCountButton: W = Fn,
+    ReminderNotification: L = Bn,
+    StreamedMessageText: w = Un,
+    PinIndicator: y
+  } = Ut("CustomMessage"), $ = jn(c), X = Vn(c), K = te(
     () => u == null ? void 0 : u(c),
     [u, c]
-  ), K = ee(() => {
-    const me = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...me] : me;
+  ), J = te(() => {
+    const he = c.attachments ?? [], ye = c.shared_location ? [c.shared_location, ...he] : he;
     if (!ke(c)) return ye;
     const It = ye.filter((St) => !("type" in St) || !nn(St));
     return It.length === ye.length ? ye : It;
-  }, [c]), re = ee(() => {
-    const me = Xt({ message: c, viewerLanguage: v });
-    return me === c.text ? c : { ...c, text: me };
+  }, [c]), ie = te(() => {
+    const he = Xt({ message: c, viewerLanguage: v });
+    return he === c.text ? c : { ...c, text: he };
   }, [c, v]);
-  if (Vn(c))
+  if (Gn(c))
     return null;
   if (c.deleted_at || c.type === "deleted")
-    return /* @__PURE__ */ n(B, { message: c });
-  if (Gn(c))
-    return /* @__PURE__ */ n(G, {});
-  const J = !p && !!c.reply_count, se = !p && c.show_in_channel && c.parent_id, Q = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Hn(c);
-  let ie;
-  Q ? ie = () => m(c) : lt && (ie = () => T(!0));
-  const de = f(), kn = y(
+    return /* @__PURE__ */ n(j, { message: c });
+  if (Hn(c))
+    return /* @__PURE__ */ n(V, {});
+  const Z = !p && !!c.reply_count, ae = !p && c.show_in_channel && c.parent_id, ee = c.status === "failed" && ((ht = c.error) == null ? void 0 : ht.status) !== 403, lt = Yn(c);
+  let oe;
+  ee ? oe = () => m(c) : lt && (oe = () => T(!0));
+  const ue = f(), kn = C(
     "str-chat__message str-chat__message-simple",
     `str-chat__message--${c.type}`,
     `str-chat__message--${c.status}`,
-    de ? "str-chat__message--me str-chat__message-simple--me" : "str-chat__message--other",
+    ue ? "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--has-attachment": $,
       "str-chat__message--highlighted": b,
       "str-chat__message--pinned pinned-message": c.pinned,
-      "str-chat__message--with-reactions": q,
+      "str-chat__message--with-reactions": X,
       "str-chat__message-send-can-be-retried": (c == null ? void 0 : c.status) === "failed" && ((ft = c == null ? void 0 : c.error) == null ? void 0 : ft.status) !== 403,
-      "str-chat__message-with-thread-link": J || se,
+      "str-chat__message-with-thread-link": Z || ae,
       "str-chat__virtual-message__wrapper--end": r,
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = _a(c), ue = ke(c), ut = Na(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
-  return /* @__PURE__ */ h(te, { children: [
+  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = _a(c), me = ke(c), ut = Na(c), Re = !!(J != null && J.length && !c.quoted_message), mt = me && ue && Re;
+  return /* @__PURE__ */ h(ne, { children: [
     a && /* @__PURE__ */ n(
-      D,
+      P,
       {
         additionalMessageInputProps: t
       }
     ),
     k && /* @__PURE__ */ n(
-      Yn,
+      qn,
       {
-        MessageBouncePrompt: F,
+        MessageBouncePrompt: U,
         onClose: () => T(!1),
         open: k
       }
@@ -1489,10 +1489,10 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
         className: kn,
         "data-message-id": c.id,
         children: [
-          C && /* @__PURE__ */ n(C, {}),
+          y && /* @__PURE__ */ n(y, {}),
           !!_ && /* @__PURE__ */ n(L, { reminder: _ }),
           c.user && /* @__PURE__ */ n(
-            ae,
+            re,
             {
               className: "str-chat__avatar str-chat__message-sender-avatar",
               id: c.user.id,
@@ -1500,20 +1500,20 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
               name: c.user.name || c.user.id,
               size: 24,
               shape: "circle",
-              dmAgentEnabled: ue
+              dmAgentEnabled: me
             }
           ),
           /* @__PURE__ */ n(
             "div",
             {
-              className: y("str-chat__message-inner", {
-                "str-chat__simple-message--error-failed": Q || lt
+              className: C("str-chat__message-inner", {
+                "str-chat__simple-message--error-failed": ee || lt
               }),
               "data-testid": "message-inner",
-              onClick: ie,
-              onKeyDown: ie,
-              role: ie ? "button" : void 0,
-              tabIndex: ie ? 0 : void 0,
+              onClick: oe,
+              onKeyDown: oe,
+              role: oe ? "button" : void 0,
+              tabIndex: oe ? 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
@@ -1521,7 +1521,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 marginInlineStart: 0
               },
               children: ut ? /* @__PURE__ */ h("div", { className: "str-chat__message-bubble-wrapper", children: [
-                de ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+                ue ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
                   z && /* @__PURE__ */ n(z, {}),
                   /* @__PURE__ */ n(
                     Ot.Sent,
@@ -1549,7 +1549,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                       isUnlocking: I(c.id),
                       onUnlockClick: () => E == null ? void 0 : E(c, x),
                       onFetchSource: async () => await (M == null ? void 0 : M(c, x)),
-                      onDownloadClick: () => P == null ? void 0 : P(c, x)
+                      onDownloadClick: () => D == null ? void 0 : D(c, x)
                     }
                   ),
                   z && /* @__PURE__ */ n(z, {})
@@ -1557,7 +1557,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   Tt,
                   {
-                    message: re,
+                    message: ie,
                     renderText: g
                   }
                 ) })
@@ -1565,79 +1565,79 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 /* Tip-only messages render as a standalone bubble */
                 /* @__PURE__ */ n(Pe, { message: c, standalone: !0 })
               ) : /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ h("div", { className: "str-chat__message-bubble", children: [
-                ue && !mt && /* @__PURE__ */ n(
+                me && !mt && /* @__PURE__ */ n(
                   Pe,
                   {
                     message: c,
                     hasAttachment: Re,
-                    isMyMessage: de
+                    isMyMessage: ue
                   }
                 ),
-                ct && /* @__PURE__ */ n(qn, { poll: ct }),
-                K != null && K.length && !c.quoted_message ? /* @__PURE__ */ n(
+                ct && /* @__PURE__ */ n(Wn, { poll: ct }),
+                J != null && J.length && !c.quoted_message ? /* @__PURE__ */ n(
                   A,
                   {
                     actionHandler: l,
-                    attachments: K
+                    attachments: J
                   }
                 ) : null,
-                _e ? /* @__PURE__ */ n(
+                K ? /* @__PURE__ */ n(
                   w,
                   {
-                    message: re,
+                    message: ie,
                     renderText: g
                   }
                 ) : /* @__PURE__ */ n(
                   Tt,
                   {
-                    message: re,
+                    message: ie,
                     renderText: g
                   }
                 ),
-                /* @__PURE__ */ n(Wn, {})
+                /* @__PURE__ */ n(Xn, {})
               ] }) })
             }
           ),
           !ut && !dt && /* @__PURE__ */ h("div", { className: "str-chat__message-footer", children: [
-            (!ue || mt) && /* @__PURE__ */ n(
+            (!me || mt) && /* @__PURE__ */ n(
               Pe,
               {
                 message: c,
                 hasAttachment: Re,
-                isMyMessage: de
+                isMyMessage: ue
               }
             ),
-            s && ue && /* @__PURE__ */ n(
+            s && me && /* @__PURE__ */ n(
               ya,
               {
                 selected: S,
                 onVoteUp: R,
-                onVoteDown: $
+                onVoteDown: B
               }
             )
           ] }),
-          J && /* @__PURE__ */ n(
-            V,
+          Z && /* @__PURE__ */ n(
+            W,
             {
               onClick: d,
               reply_count: c.reply_count
             }
           ),
-          se && /* @__PURE__ */ n(X, {})
+          ae && /* @__PURE__ */ n(q, {})
         ]
       },
       c.id
     )
   ] });
-}, ka = j.memo(
+}, ka = F.memo(
   Ca,
-  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : An(e, t)
+  (e, t) => e.chatbotVotingEnabled !== t.chatbotVotingEnabled || e.viewerLanguage !== t.viewerLanguage ? !1 : Mn(e, t)
 ), Ea = (e) => {
-  const t = pe("CustomMessage");
+  const t = ve("CustomMessage");
   return /* @__PURE__ */ n(ka, { ...t, ...e });
 }, Ia = () => {
   var s;
-  const { handleDelete: e, message: t } = pe("CustomMessageActions");
+  const { handleDelete: e, message: t } = ve("CustomMessageActions");
   return ((s = t.metadata) == null ? void 0 : s.payment_status) === "paid" ? null : /* @__PURE__ */ n(
     Ht,
     {
@@ -1649,7 +1649,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   );
 }, Sa = () => {
-  const { handleFlag: e } = pe("CustomMessageActions");
+  const { handleFlag: e } = ve("CustomMessageActions");
   return /* @__PURE__ */ n(
     Ht,
     {
@@ -1662,7 +1662,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
   );
 }, Ta = () => {
   var t;
-  const { message: e } = pe("CustomMessageActions");
+  const { message: e } = ve("CustomMessageActions");
   return ((t = e.metadata) == null ? void 0 : t.custom_type) !== "MESSAGE_ATTACHMENT" ? null : /* @__PURE__ */ n(
     Ds,
     {
@@ -1717,7 +1717,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     (t) => Rt.previewIsLoaded(t) || Rt.previewIsLoading(t)
   )
 }), Ra = () => {
-  const { linkPreviewsManager: e } = Xn(), { linkPreviews: t } = Kn(
+  const { linkPreviewsManager: e } = Kn(), { linkPreviews: t } = Jn(
     e.state,
     Ma
   ), s = (r) => {
@@ -1731,7 +1731,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     },
     r.og_scrape_url
   )) }) : null;
-}, ln = j.createContext(!1), La = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
+}, La = "--messaging-channel-input-spacer-height", Da = typeof window > "u" ? H : In, ln = F.createContext(!1), Pa = ({ sendMessage: e, disabled: t, ...s }) => /* @__PURE__ */ n(
   "button",
   {
     ...s,
@@ -1741,18 +1741,18 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     onClick: e,
     children: /* @__PURE__ */ n(Ts, { weight: "bold", className: "size-4" })
   }
-), Da = () => {
-  const e = Te(ln), { handleSubmit: t } = Zn(), s = Qn(), a = e || !s, {
-    SendButton: r = La,
-    AttachmentPreviewList: i = es
+), Oa = () => {
+  const e = Te(ln), { handleSubmit: t } = Qn(), s = es(), a = e || !s, {
+    SendButton: r = Pa,
+    AttachmentPreviewList: i = ts
   } = Ut("CustomMessageInput");
   return /* @__PURE__ */ h("div", { className: "central-container flex flex-col gap-2 min-w-0 w-full p-2 bg-white rounded-[1.5rem] shadow-[0_4px_16px_0_rgba(0,0,0,0.08),0_1px_2px_0_rgba(0,0,0,0.04),0_0_0_1px_rgba(0,0,0,0.04)]", children: [
-    /* @__PURE__ */ n(ts, {}),
+    /* @__PURE__ */ n(ns, {}),
     /* @__PURE__ */ n(Ra, {}),
     /* @__PURE__ */ n(i, {}),
     /* @__PURE__ */ h("div", { className: "flex", children: [
       /* @__PURE__ */ n("div", { className: "w-full ml-2 mr-4 self-center leading-[0]", children: /* @__PURE__ */ n(
-        ns,
+        ss,
         {
           "aria-disabled": e || void 0,
           className: "w-full resize-none outline-none leading-5 placeholder:text-black/30 text-sm",
@@ -1775,21 +1775,40 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       )
     ] })
   ] });
-}, Pa = ({
+}, za = ({
   className: e,
   renderActions: t,
   renderFooter: s,
   disabled: a = !1,
-  disabledReason: r
+  disabledReason: r,
+  spacerTargetRef: i
 }) => {
-  var d;
-  const { channel: i } = ce(), o = ((d = i == null ? void 0 : i.data) == null ? void 0 : d.frozen) === !0;
-  if (a)
-    return /* @__PURE__ */ h(te, { children: [
+  var b;
+  const { channel: o } = de(), l = ((b = o == null ? void 0 : o.data) == null ? void 0 : b.frozen) === !0, d = G(null);
+  if (Da(() => {
+    if (a)
+      return;
+    const u = d.current, f = i == null ? void 0 : i.current;
+    if (!u || !f)
+      return;
+    const c = () => {
+      f.style.setProperty(
+        La,
+        `${u.offsetHeight}px`
+      );
+    };
+    if (c(), window.addEventListener("resize", c), typeof ResizeObserver > "u")
+      return () => window.removeEventListener("resize", c);
+    const g = new ResizeObserver(c);
+    return g.observe(u), () => {
+      g.disconnect(), window.removeEventListener("resize", c);
+    };
+  }, [a, i]), a)
+    return /* @__PURE__ */ h(ne, { children: [
       /* @__PURE__ */ n(
         "div",
         {
-          className: y(
+          className: C(
             "messaging-composer-locked-panel flex w-full flex-col items-center justify-center gap-3",
             e
           ),
@@ -1798,33 +1817,40 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       ),
       s == null ? void 0 : s()
     ] });
-  const l = t == null ? void 0 : t();
-  return /* @__PURE__ */ h("div", { className: y("flex flex-col gap-4", e), children: [
-    /* @__PURE__ */ h(
-      "div",
-      {
-        inert: o ? "" : void 0,
-        "aria-disabled": o || void 0,
-        className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
-        children: [
-          l && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: l }),
-          /* @__PURE__ */ n(ln.Provider, { value: o, children: /* @__PURE__ */ n(Jn, { Input: Da }) })
-        ]
-      }
-    ),
-    s == null ? void 0 : s()
-  ] });
-}, Oa = [
+  const m = t == null ? void 0 : t();
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: d,
+      className: C("flex flex-col gap-4", e),
+      children: [
+        /* @__PURE__ */ h(
+          "div",
+          {
+            inert: l ? "" : void 0,
+            "aria-disabled": l || void 0,
+            className: "message-input flex items-end gap-4 aria-disabled:opacity-40",
+            children: [
+              m && /* @__PURE__ */ n("div", { className: "flex h-12 shrink-0 items-center justify-center", children: m }),
+              /* @__PURE__ */ n(ln.Provider, { value: l, children: /* @__PURE__ */ n(Zn, { Input: Oa }) })
+            ]
+          }
+        ),
+        s == null ? void 0 : s()
+      ]
+    }
+  );
+}, $a = [
   "SYSTEM_DM_AGENT_PAUSED",
   "SYSTEM_DM_AGENT_RESUMED"
-], za = {
+], Fa = {
   SYSTEM_DM_AGENT_PAUSED: "DM Agent has left the conversation",
   SYSTEM_DM_AGENT_RESUMED: "DM Agent has rejoined the conversation"
-}, $a = [
+}, Ba = [
   "SYSTEM_AGE_SAFETY_BLOCKED"
-], Fa = {
+], Ua = {
   SYSTEM_AGE_SAFETY_BLOCKED: "This user isn’t able to reply because they don’t meet our age safety guidelines."
-}, Oe = "age safety guidelines.", Ba = "https://linktr.ee/s/about/contact", $t = (e) => Oa.includes(e), Ua = (e) => $a.includes(e), ja = (e) => {
+}, Oe = "age safety guidelines.", ja = "https://linktr.ee/s/about/contact", $t = (e) => $a.includes(e), Va = (e) => Ba.includes(e), Ga = (e) => {
   var a;
   const t = (a = e.metadata) == null ? void 0 : a.custom_type;
   if ($t(t))
@@ -1832,7 +1858,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: t
     };
-  if (Ua(t))
+  if (Va(t))
     return {
       kind: "age-safety",
       type: t
@@ -1843,17 +1869,17 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
       kind: "dm-agent",
       type: s
     };
-}, Va = (e) => {
+}, Ha = (e) => {
   const t = e.indexOf(Oe);
   if (t === -1)
     return e;
   const s = t + Oe.length;
-  return /* @__PURE__ */ h(te, { children: [
+  return /* @__PURE__ */ h(ne, { children: [
     e.slice(0, t),
     /* @__PURE__ */ n(
       "a",
       {
-        href: Ba,
+        href: ja,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "mes-age-safety-system-message__emphasis font-medium text-inherit underline",
@@ -1862,13 +1888,13 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ),
     e.slice(s)
   ] });
-}, Ga = (e) => {
+}, Ya = (e) => {
   var a, r;
-  const t = e.message.hide_date === !0, s = ja(
+  const t = e.message.hide_date === !0, s = Ga(
     e.message
   );
   if ((s == null ? void 0 : s.kind) === "dm-agent") {
-    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || za[s.type];
+    const i = ((a = e.message.text) == null ? void 0 : a.trim()) || Fa[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1894,7 +1920,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] });
   }
   if ((s == null ? void 0 : s.kind) === "age-safety") {
-    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Fa[s.type];
+    const i = ((r = e.message.text) == null ? void 0 : r.trim()) || Ua[s.type];
     return /* @__PURE__ */ h("div", { className: "str-chat__message--system", "data-testid": "message-system", children: [
       /* @__PURE__ */ h(
         "div",
@@ -1913,7 +1939,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 "data-testid": "age-safety-system-message-icon"
               }
             ),
-            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Va(i) }) })
+            /* @__PURE__ */ n("div", { className: "mes-age-safety-system-message__content min-w-0 flex-[1_0_0]", children: /* @__PURE__ */ n("p", { className: "m-0 text-balance text-left text-[12px] font-normal leading-4 tracking-[0.21px] text-[color:var(--text-warning-on-warning,#894b00)]", children: Ha(i) }) })
           ]
         }
       ),
@@ -1938,15 +1964,15 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     begin: `${120 * t}ms`,
     repeatCount: "indefinite"
   }
-) }), Ha = /* @__PURE__ */ new Set([
+) }), qa = /* @__PURE__ */ new Set([
   De.Thinking,
   De.Generating,
   De.ExternalSources
-]), Ya = ({ threadList: e }) => {
+]), Wa = ({ threadList: e }) => {
   var g, p;
-  const { channel: t, channelConfig: s, thread: a } = ce(), { client: r } = Ye(), { typing: i = {} } = ss(), { aiState: o } = as(t), l = Te(cn);
-  if (!e && l && Ha.has(o)) {
-    const v = qa(t, (g = r.user) == null ? void 0 : g.id);
+  const { channel: t, channelConfig: s, thread: a } = de(), { client: r } = Ye(), { typing: i = {} } = as(), { aiState: o } = rs(t), l = Te(cn);
+  if (!e && l && qa.has(o)) {
+    const v = Xa(t, (g = r.user) == null ? void 0 : g.id);
     return /* @__PURE__ */ n(
       Ft,
       {
@@ -1995,7 +2021,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     style: { insetInlineStart: 0, insetInlineEnd: "auto" },
     children: [
       /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
-        ae,
+        re,
         {
           id: e,
           name: t,
@@ -2023,7 +2049,7 @@ const va = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ]
   }
 );
-function qa(e, t) {
+function Xa(e, t) {
   var a;
   const s = ((a = e == null ? void 0 : e.state) == null ? void 0 : a.members) ?? {};
   for (const r of Object.values(s)) {
@@ -2032,10 +2058,10 @@ function qa(e, t) {
       return i;
   }
 }
-const Wa = () => null, Xa = ({ className: e, message: t }) => /* @__PURE__ */ h(
+const Ka = () => null, Ja = ({ className: e, message: t }) => /* @__PURE__ */ h(
   "div",
   {
-    className: y("flex items-center justify-center h-full", e),
+    className: C("flex items-center justify-center h-full", e),
     children: [
       /* @__PURE__ */ h("svg", { viewBox: "0 0 100 100", className: "size-8 fill-pebble", stroke: "none", children: [
         /* @__PURE__ */ n("circle", { cx: "6", cy: "50", r: "6", children: /* @__PURE__ */ n(
@@ -2075,12 +2101,12 @@ const Wa = () => null, Xa = ({ className: e, message: t }) => /* @__PURE__ */ h(
       t && /* @__PURE__ */ n("span", { className: "text-stone", children: t })
     ]
   }
-), Ee = 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(Xa, { className: "w-6 h-6" }),
+), Ee = F.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(Ja, { className: "w-6 h-6" }),
   /* @__PURE__ */ n("span", { className: "text-sm text-stone", children: "Loading messages" })
 ] }) }));
 Ee.displayName = "LoadingState";
-const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Ka = ({
+const le = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-center transition-colors duration-150 focus-ring", Bt = "Replies instantly with AI assistant", Za = ({
   onBack: e,
   showBackButton: t,
   showStarButton: s = !1,
@@ -2096,17 +2122,17 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   customChannelActions: f,
   showActionsMenu: c = !0
 }) => {
-  var E, M, P, k, T;
-  const { channel: g } = ce(), p = j.useMemo(() => {
-    var R, $;
+  var E, M, D, k, T;
+  const { channel: g } = de(), p = F.useMemo(() => {
+    var R, B;
     const _ = (R = g._client) == null ? void 0 : R.userID;
-    return _ ? Object.values((($ = g.state) == null ? void 0 : $.members) || {}).find(
+    return _ ? Object.values(((B = g.state) == null ? void 0 : B.members) || {}).find(
       (A) => {
-        var D;
-        return ((D = A.user) == null ? void 0 : D.id) && A.user.id !== _;
+        var P;
+        return ((P = A.user) == null ? void 0 : P.id) && A.user.id !== _;
       }
     ) : void 0;
-  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), N = (P = p == null ? void 0 : p.user) == null ? void 0 : P.image, x = qt(g), I = async () => {
+  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), N = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), I = async () => {
     try {
       x ? await g.unpin() : await g.pin();
     } catch (_) {
@@ -2121,8 +2147,8 @@ const oe = "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(
-            oe,
+          className: C(
+            le,
             "messaging-channel-view-back-button-mobile bg-[#F1F0EE]"
           ),
           onClick: e || (() => {
@@ -2134,7 +2160,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       ) }),
       /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 items-center", children: [
         /* @__PURE__ */ n(
-          ae,
+          re,
           {
             id: ((k = p == null ? void 0 : p.user) == null ? void 0 : k.id) || g.id || "unknown",
             name: v,
@@ -2154,14 +2180,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: I,
             type: "button",
             "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
-                className: y("size-5", {
+                className: C("size-5", {
                   "text-yellow-600": x,
                   "text-black/90": !x
                 }),
@@ -2184,7 +2210,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: b,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: y(oe, "bg-[#F1F0EE]")
+            triggerClassName: C(le, "bg-[#F1F0EE]")
           }
         )
       ] })
@@ -2194,8 +2220,8 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         t && e && /* @__PURE__ */ n(
           "button",
           {
-            className: y(
-              oe,
+            className: C(
+              le,
               "messaging-channel-view-back-button-desktop"
             ),
             type: "button",
@@ -2205,7 +2231,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           }
         ),
         /* @__PURE__ */ n(
-          ae,
+          re,
           {
             id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || g.id || "unknown",
             name: v,
@@ -2227,14 +2253,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         s && /* @__PURE__ */ n(
           "button",
           {
-            className: oe,
+            className: le,
             onClick: I,
             type: "button",
             "aria-label": x ? "Unstar conversation" : "Star conversation",
             children: /* @__PURE__ */ n(
               Fe,
               {
-                className: y("size-6", {
+                className: C("size-6", {
                   "text-yellow-600": x,
                   "text-black/90": !x
                 }),
@@ -2257,13 +2283,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             onBlockParticipantClick: b,
             onReportParticipantClick: u,
             customChannelActions: f,
-            triggerClassName: oe
+            triggerClassName: le
           }
         )
       ] })
     ] })
   ] });
-}, Ja = ({
+}, Qa = ({
   onBack: e,
   showBackButton: t,
   renderMessageInputActions: s,
@@ -2286,55 +2312,55 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   renderMessage: I,
   dmAgentEnabled: E = !1,
   viewerLanguage: M,
-  showChannelInfo: P = !0
+  showChannelInfo: D = !0
 }) => {
-  var D, z, G, F, B, X;
-  const { channel: k } = ce(), T = j.useMemo(() => {
-    var w, C;
-    const V = (w = k._client) == null ? void 0 : w.userID;
-    return V ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find(
-      (U) => {
-        var q;
-        return ((q = U.user) == null ? void 0 : q.id) && U.user.id !== V;
+  var z, V, U, j, q, W;
+  const { channel: k } = de(), T = F.useMemo(() => {
+    var y, $;
+    const L = (y = k._client) == null ? void 0 : y.userID;
+    return L ? Object.values((($ = k.state) == null ? void 0 : $.members) || {}).find(
+      (X) => {
+        var K;
+        return ((K = X.user) == null ? void 0 : K.id) && X.user.id !== L;
       }
     ) : void 0;
-  }, [(D = k._client) == null ? void 0 : D.userID, (z = k.state) == null ? void 0 : z.members]), _ = j.useMemo(() => {
-    var w, C;
-    const V = (w = k._client) == null ? void 0 : w.userID;
-    return V ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find((U) => {
-      var q;
-      return ((q = U.user) == null ? void 0 : q.id) === V;
+  }, [(z = k._client) == null ? void 0 : z.userID, (V = k.state) == null ? void 0 : V.members]), _ = F.useMemo(() => {
+    var y, $;
+    const L = (y = k._client) == null ? void 0 : y.userID;
+    return L ? Object.values((($ = k.state) == null ? void 0 : $.members) || {}).find((X) => {
+      var K;
+      return ((K = X.user) == null ? void 0 : K.id) === L;
     }) : void 0;
-  }, [(G = k._client) == null ? void 0 : G.userID, (F = k.state) == null ? void 0 : F.members]), S = ((B = _ == null ? void 0 : _.user) == null ? void 0 : B.is_account) ?? (_ == null ? void 0 : _.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), $ = E && S === !1 && R === !0, A = W(
-    (V) => {
-      const { message: L } = pe("ChannelView"), w = /* @__PURE__ */ n(
+  }, [(U = k._client) == null ? void 0 : U.userID, (j = k.state) == null ? void 0 : j.members]), S = ((q = _ == null ? void 0 : _.user) == null ? void 0 : q.is_account) ?? (_ == null ? void 0 : _.is_account), R = ((W = T == null ? void 0 : T.user) == null ? void 0 : W.is_account) ?? (T == null ? void 0 : T.is_account), B = E && S === !1 && R === !0, A = G(null), P = Y(
+    (L) => {
+      const { message: w } = ve("ChannelView"), y = /* @__PURE__ */ n(
         Ea,
         {
-          ...V,
+          ...L,
           chatbotVotingEnabled: v,
           viewerLanguage: M
         }
       );
-      return !I || !L ? w : I(w, L);
+      return !I || !w ? y : I(y, w);
     },
     [v, I, M]
   );
-  return /* @__PURE__ */ n(te, { children: /* @__PURE__ */ n(
-    is,
+  return /* @__PURE__ */ n(ne, { children: /* @__PURE__ */ n(
+    os,
     {
       overrides: {
-        Message: A,
+        Message: P,
         MessageActions: Ta
       },
-      children: /* @__PURE__ */ h(os, { children: [
+      children: /* @__PURE__ */ h(ls, { children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          Ka,
+          Za,
           {
             onBack: e,
             showBackButton: t,
-            showActionsMenu: P,
+            showActionsMenu: D,
             showStarButton: p,
-            dmAgentEnabled: $,
+            dmAgentEnabled: B,
             onLeaveConversation: i,
             onBlockParticipant: o,
             showDeleteConversation: l,
@@ -2346,53 +2372,42 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             customChannelActions: x
           }
         ) }, "lt-channel-header"),
-        N ? /* @__PURE__ */ n(j.Fragment, { children: N() }, "lt-channel-banner") : null,
+        N ? /* @__PURE__ */ n(F.Fragment, { children: N() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
+            ref: A,
             className: "flex-1 overflow-hidden relative",
             children: /* @__PURE__ */ n(
-              ls,
+              cs,
               {
                 hideDeletedMessages: !0,
-                hideNewMessageSeparator: !1,
-                renderMessages: (V) => {
-                  const L = cs(V);
-                  return r && L.push(
-                    /* @__PURE__ */ n("li", { children: r(k) }, "lt-channel-conversation-footer")
-                  ), L.push(
-                    // Message Input
-                    /* @__PURE__ */ h(
-                      "li",
-                      {
-                        className: "flex sticky bottom-0 p-4 pt-1 inset-x-0 mx-[calc(-1*var(--str-chat\\_\\_spacing-2))] md:mx-[calc(-1*min(var(--str-chat\\_\\_spacing-10),4%))]",
-                        children: [
-                          /* @__PURE__ */ n("div", { className: "absolute bottom-0 inset-x-0 w-full h-4/5 backdrop-blur-[16px] [mask-image:linear-gradient(to_top,black_0%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_top,black_0%,transparent_100%)]" }),
-                          /* @__PURE__ */ n(
-                            Pa,
-                            {
-                              className: "isolate w-full",
-                              renderActions: () => s == null ? void 0 : s(k),
-                              renderFooter: () => a == null ? void 0 : a(k),
-                              disabled: c,
-                              disabledReason: g
-                            }
-                          )
-                        ]
-                      },
-                      "lt-channel-message-input"
-                    )
-                  ), L;
-                }
+                hideNewMessageSeparator: !1
               }
             )
           },
           "lt-channel-message-list"
-        )
+        ),
+        r ? /* @__PURE__ */ n(F.Fragment, { children: r(k) }, "lt-channel-conversation-footer") : null,
+        /* @__PURE__ */ h("div", { className: "absolute bottom-0 inset-x-0 flex w-full", children: [
+          /* @__PURE__ */ n("div", { className: "absolute bottom-0 inset-x-0 w-full h-4/5 backdrop-blur-[16px] [mask-image:linear-gradient(to_top,black_0%,transparent_100%)] [-webkit-mask-image:linear-gradient(to_top,black_0%,transparent_100%)]" }),
+          /* @__PURE__ */ n(
+            za,
+            {
+              className: "isolate w-full p-4 pt-1",
+              spacerTargetRef: A,
+              renderActions: () => s == null ? void 0 : s(k),
+              renderFooter: () => a == null ? void 0 : a(k),
+              disabled: c,
+              disabledReason: g
+            },
+            "lt-channel-message-input"
+          )
+        ] })
       ] })
     }
   ) });
-}, dn = j.memo(
+}, dn = F.memo(
   ({
     channel: e,
     onBack: t,
@@ -2403,7 +2418,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     onLeaveConversation: o,
     onBlockParticipant: l,
     className: d,
-    CustomChannelEmptyState: m = Wa,
+    CustomChannelEmptyState: m = Ka,
     showDeleteConversation: b = !0,
     onDeleteConversationClick: u,
     onBlockParticipantClick: f,
@@ -2416,69 +2431,69 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     messageMetadata: I,
     onMessageSent: E,
     showStarButton: M = !1,
-    chatbotVotingEnabled: P = !1,
+    chatbotVotingEnabled: D = !1,
     renderChannelBanner: k,
     customChannelActions: T,
     renderMessage: _,
     onMessageLinkClick: S,
     sendButton: R,
-    attachmentPreviewList: $,
+    attachmentPreviewList: B,
     viewerLanguage: A,
-    showChannelInfo: D = !0
+    showChannelInfo: P = !0
   }) => {
-    const z = W(
-      async (F, B, X) => {
-        var q;
-        const V = ((q = e.data) == null ? void 0 : q.chatbot_paused) === !0, L = x && !V, w = {
-          ...B,
+    const z = Y(
+      async (U, j, q) => {
+        var X;
+        const W = ((X = e.data) == null ? void 0 : X.chatbot_paused) === !0, L = x && !W, w = {
+          ...j,
           ...L && { silent: !0 },
           ...I && {
             metadata: {
-              ...B.metadata ?? {},
+              ...j.metadata ?? {},
               ...I
             }
           }
-        }, C = {
-          ...X,
+        }, y = {
+          ...q,
           ...L && { skip_push: !0 }
-        }, U = await e.sendMessage(w, C);
-        return E == null || E(U), U;
+        }, $ = await e.sendMessage(w, y);
+        return E == null || E($), $;
       },
       [e, x, I, E]
-    ), G = H(null);
-    return Y(() => {
+    ), V = G(null);
+    return H(() => {
       if (!S) return;
-      const F = G.current;
-      if (!F) return;
-      const B = (X) => {
-        const V = X.target, L = V == null ? void 0 : V.closest("a[href]"), w = L == null ? void 0 : L.getAttribute("href");
+      const U = V.current;
+      if (!U) return;
+      const j = (q) => {
+        const W = q.target, L = W == null ? void 0 : W.closest("a[href]"), w = L == null ? void 0 : L.getAttribute("href");
         if (!w) return;
-        const C = L == null ? void 0 : L.closest("[data-message-id]"), U = C == null ? void 0 : C.getAttribute("data-message-id"), q = U ? e.state.messages.find((_e) => _e.id === U) : void 0;
-        S(w, q);
+        const y = L == null ? void 0 : L.closest("[data-message-id]"), $ = y == null ? void 0 : y.getAttribute("data-message-id"), X = $ ? e.state.messages.find((K) => K.id === $) : void 0;
+        S(w, X);
       };
-      return F.addEventListener("click", B), () => F.removeEventListener("click", B);
+      return U.addEventListener("click", j), () => U.removeEventListener("click", j);
     }, [S, e]), /* @__PURE__ */ n(
       "div",
       {
-        ref: G,
-        className: y(
+        ref: V,
+        className: C(
           "messaging-channel-view h-full flex flex-col",
           d
         ),
         children: /* @__PURE__ */ n(cn.Provider, { value: x ?? !1, children: /* @__PURE__ */ n(
-          rs,
+          is,
           {
             channel: e,
-            MessageSystem: Ga,
+            MessageSystem: Ya,
             EmptyStateIndicator: m,
             LoadingIndicator: Ee,
             DateSeparator: js,
-            TypingIndicator: Ya,
+            TypingIndicator: Wa,
             doSendMessageRequest: z,
             ...R ? { SendButton: R } : {},
-            ...$ ? { AttachmentPreviewList: $ } : {},
+            ...B ? { AttachmentPreviewList: B } : {},
             children: /* @__PURE__ */ n(
-              Ja,
+              Qa,
               {
                 onBack: t,
                 showBackButton: s,
@@ -2498,12 +2513,12 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 composerDisabledReason: N,
                 showStarButton: M,
                 dmAgentEnabled: x,
-                chatbotVotingEnabled: P,
+                chatbotVotingEnabled: D,
                 renderChannelBanner: k,
                 customChannelActions: T,
                 renderMessage: _,
                 viewerLanguage: A,
-                showChannelInfo: D
+                showChannelInfo: P
               }
             )
           }
@@ -2513,7 +2528,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   }
 );
 dn.displayName = "ChannelView";
-const fe = 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 ge = F.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 }),
@@ -2527,8 +2542,8 @@ const fe = j.memo(({ message: e, onBack: t }) => /* @__PURE__ */ n("div", { clas
     }
   )
 ] }) }));
-fe.displayName = "ErrorState";
-const Ci = ({
+ge.displayName = "ErrorState";
+const Ei = ({
   capabilities: e = {},
   renderMessageInputActions: t,
   renderConversationFooter: s,
@@ -2553,94 +2568,94 @@ const Ci = ({
     client: I,
     isConnected: E,
     isLoading: M,
-    error: P,
+    error: D,
     refreshConnection: k,
     service: T,
     debug: _
-  } = Ps(), [S, R] = O(null), [$, A] = O(null), [D, z] = O(!1), { showDeleteConversation: G = !0 } = e, F = H(o);
-  F.current = o;
-  const B = H(a);
-  B.current = a;
-  const X = H(null), V = H(null);
-  Y(() => {
-    V.current = S;
-  }, [S]), Y(() => {
+  } = Ps(), [S, R] = O(null), [B, A] = O(null), [P, z] = O(!1), { showDeleteConversation: V = !0 } = e, U = G(o);
+  U.current = o;
+  const j = G(a);
+  j.current = a;
+  const q = G(null), W = G(null);
+  H(() => {
+    W.current = S;
+  }, [S]), H(() => {
     if (!I || !E) return;
-    const C = I.userID;
-    if (!C) return;
-    const U = `${C}::${i}`;
-    if (X.current === U) return;
-    X.current = U;
-    const q = () => {
-      X.current === U && (X.current = null);
+    const y = I.userID;
+    if (!y) return;
+    const $ = `${y}::${i}`;
+    if (q.current === $) return;
+    q.current = $;
+    const X = () => {
+      q.current === $ && (q.current = null);
     };
     (async () => {
-      var K, re;
+      var J, ie;
       try {
         _ && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
-        const J = await I.queryChannels(
+        const Z = await I.queryChannels(
           {
             type: "messaging",
-            members: { $eq: [C, i] }
+            members: { $eq: [y, i] }
           },
           {},
           { limit: 1 }
         );
-        if (J.length > 0) {
-          R(J[0]), A(null), (K = B.current) == null || K.call(B, J[0]), _ && console.log(
+        if (Z.length > 0) {
+          R(Z[0]), A(null), (J = j.current) == null || J.call(j, Z[0]), _ && console.log(
             "[MessagingShell] Initial conversation loaded:",
-            J[0].id
+            Z[0].id
           );
           return;
         }
-        const se = F.current;
-        if (!se || !T) {
-          q(), A("No conversation found with this account"), _ && console.log(
+        const ae = U.current;
+        if (!ae || !T) {
+          X(), A("No conversation found with this account"), _ && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
           return;
         }
         try {
-          const Q = await T.startChannelWithParticipant({
-            id: se.id,
-            name: se.name,
-            phone: se.phone
+          const ee = await T.startChannelWithParticipant({
+            id: ae.id,
+            name: ae.name,
+            phone: ae.phone
           });
-          R(Q), A(null), (re = B.current) == null || re.call(B, Q), _ && console.log(
+          R(ee), A(null), (ie = j.current) == null || ie.call(j, ee), _ && console.log(
             "[MessagingShell] Channel created and loaded:",
-            Q.id
+            ee.id
           );
-        } catch (Q) {
+        } catch (ee) {
           console.error(
             "[MessagingShell] Failed to create conversation:",
-            Q
-          ), q(), A("Failed to create conversation");
+            ee
+          ), X(), A("Failed to create conversation");
         }
-      } catch (J) {
+      } catch (Z) {
         console.error(
           "[MessagingShell] Failed to load initial conversation:",
-          J
-        ), q(), V.current || A("Failed to load conversation");
+          Z
+        ), X(), W.current || A("Failed to load conversation");
       }
     })();
   }, [i, I, E, T, _]);
-  const L = H(r);
+  const L = G(r);
   L.current = r;
-  const w = W(() => {
-    var C;
-    R(null), z(!0), (C = L.current) == null || C.call(L);
+  const w = Y(() => {
+    var y;
+    R(null), z(!0), (y = L.current) == null || y.call(L);
   }, []);
-  return M ? /* @__PURE__ */ n(Ee, {}) : P ? /* @__PURE__ */ n(fe, { message: P, onBack: k }) : !E || !I ? /* @__PURE__ */ n(
-    fe,
+  return M ? /* @__PURE__ */ n(Ee, {}) : D ? /* @__PURE__ */ n(ge, { message: D, onBack: k }) : !E || !I ? /* @__PURE__ */ n(
+    ge,
     {
       message: "Not connected to messaging service",
       onBack: k
     }
-  ) : $ ? /* @__PURE__ */ n(fe, { message: $ }) : D && !S ? /* @__PURE__ */ n(fe, { message: "Conversation ended" }) : S ? /* @__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(
+  ) : B ? /* @__PURE__ */ n(ge, { message: B }) : P && !S ? /* @__PURE__ */ n(ge, { message: "Conversation ended" }) : S ? /* @__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(
     dn,
     {
       channel: S,
@@ -2650,7 +2665,7 @@ const Ci = ({
       onLeaveConversation: w,
       onBlockParticipant: w,
       CustomChannelEmptyState: l,
-      showDeleteConversation: G,
+      showDeleteConversation: V,
       onBlockParticipantClick: d,
       onReportParticipantClick: m,
       dmAgentEnabled: b,
@@ -2665,31 +2680,31 @@ const Ci = ({
     S.id
   ) }) }) : /* @__PURE__ */ n(Ee, {});
 };
-function Za(e) {
+function er(e) {
   const t = e.state.pending_messages;
   if (t != null && t.length)
     for (const s of t)
       e.state.addMessageSorted(s.message);
 }
-const un = j.createContext({
+const un = F.createContext({
   selectedChannel: void 0,
   onChannelSelect: () => {
   },
   debug: !1,
   renderMessagePreview: void 0,
   viewerLanguage: void 0
-}), Qa = un.Provider, er = () => j.useContext(un), tr = (e, t) => {
+}), tr = un.Provider, nr = () => F.useContext(un), sr = (e, t) => {
   const s = new Date(
     Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate())
   ), r = new Date(
     Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate())
   ).getTime() - s.getTime();
   return Math.floor(r / (1e3 * 60 * 60 * 24));
-}, nr = (e) => {
+}, ar = (e) => {
   const t = /* @__PURE__ */ new Date();
   if (Math.floor((t.getTime() - e.getTime()) / 1e3) < 60)
     return "Just now";
-  const a = tr(e, t);
+  const a = sr(e, t);
   return a === 0 ? e.toLocaleTimeString([], {
     hour: "numeric",
     minute: "2-digit",
@@ -2699,21 +2714,21 @@ const un = j.createContext({
     day: "numeric",
     year: "2-digit"
   });
-}, mn = j.memo(
+}, mn = F.memo(
   ({ channel: e, unread: t }) => {
-    var P, k, T;
+    var D, k, T;
     const {
       selectedChannel: s,
       onChannelSelect: a,
       debug: r,
       renderMessagePreview: i,
       viewerLanguage: o
-    } = er(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
+    } = nr(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
     }, m = (_) => {
       const S = _.key === "Enter" || _.key === " ", R = _.repeat;
       !S || R || (_.preventDefault(), d());
-    }, u = Object.values(((P = e == null ? void 0 : e.state) == null ? void 0 : P.members) || {}).find(
+    }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
       (_) => {
         var S, R;
         return ((S = _.user) == null ? void 0 : S.id) && _.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
@@ -2726,18 +2741,18 @@ const un = j.createContext({
           if (_[R].type !== "system") return _[R];
       }
     })(), v = (() => {
-      var D, z, G, F;
+      var P, z, V, U;
       const _ = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((D = g == null ? void 0 : g.metadata) == null ? void 0 : D.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
+      if (((P = g == null ? void 0 : g.metadata) == null ? void 0 : P.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
       if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
-      if (((G = g == null ? void 0 : g.metadata) == null ? void 0 : G.custom_type) === "MESSAGE_ATTACHMENT") return _ ? `📎 ${_}` : "📎 Sent an attachment";
+      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return _ ? `📎 ${_}` : "📎 Sent an attachment";
       if (_) return _;
-      const A = (F = g == null ? void 0 : g.attachments) == null ? void 0 : F[0];
+      const A = (U = g == null ? void 0 : g.attachments) == null ? void 0 : U[0];
       return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = g != null && g.created_at ? nr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, I = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
+    })(), N = g != null && g.created_at ? ar(new Date(g.created_at)) : "", x = g ? ke(g) : !1, I = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
@@ -2751,7 +2766,7 @@ const un = j.createContext({
         tabIndex: 0,
         onClick: d,
         onKeyDown: m,
-        className: y(
+        className: C(
           "group w-full px-4 py-3 transition-colors text-left max-w-full overflow-hidden focus-ring rounded-[12px] [&+&]:mt-2",
           {
             "bg-black/[0.04]": l,
@@ -2760,7 +2775,7 @@ const un = j.createContext({
         ),
         children: /* @__PURE__ */ h("div", { className: "flex items-start gap-4", children: [
           /* @__PURE__ */ n(
-            ae,
+            re,
             {
               id: ((T = u == null ? void 0 : u.user) == null ? void 0 : T.id) || e.id || "unknown",
               name: f,
@@ -2774,7 +2789,7 @@ const un = j.createContext({
               /* @__PURE__ */ h(
                 "h3",
                 {
-                  className: y(
+                  className: C(
                     "text-sm font-medium truncate text-[#191918]"
                   ),
                   children: [
@@ -2796,25 +2811,25 @@ const un = j.createContext({
   }
 );
 mn.displayName = "CustomChannelPreview";
-const sr = { last_message_at: -1 }, ar = j.memo(
+const rr = { last_message_at: -1 }, ir = F.memo(
   ({
     onChannelSelect: e,
     selectedChannel: t,
     filters: s,
     allowNewMessagesFromUnfilteredChannels: a = !1,
     channelRenderFilterFn: r,
-    sort: i = sr,
+    sort: i = rr,
     className: o,
     customEmptyStateIndicator: l,
     renderMessagePreview: d,
     viewerLanguage: m
   }) => {
-    const b = j.useRef(0);
+    const b = F.useRef(0);
     b.current++;
-    const { debug: u = !1 } = qe(), f = j.useCallback(
+    const { debug: u = !1 } = qe(), f = F.useCallback(
       (g) => {
         for (const p of g)
-          Za(p);
+          er(p);
         return r ? r(g) : g;
       },
       [r]
@@ -2824,7 +2839,7 @@ const sr = { last_message_at: -1 }, ar = j.memo(
       selectedChannelId: t == null ? void 0 : t.id,
       filters: s
     });
-    const c = j.useMemo(
+    const c = F.useMemo(
       () => ({
         selectedChannel: t,
         onChannelSelect: e,
@@ -2843,11 +2858,11 @@ const sr = { last_message_at: -1 }, ar = j.memo(
     return /* @__PURE__ */ n(
       "div",
       {
-        className: y(
+        className: C(
           "messaging-channel-list h-full flex flex-col min-w-0 overflow-hidden",
           o
         ),
-        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(Qa, { value: c, children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n("div", { className: "flex-1 overflow-hidden min-w-0", children: /* @__PURE__ */ n(tr, { value: c, children: /* @__PURE__ */ n(
           ds,
           {
             filters: s,
@@ -2864,26 +2879,26 @@ const sr = { last_message_at: -1 }, ar = j.memo(
     );
   }
 );
-ar.displayName = "ChannelList";
-const rr = /^([a-z][a-z0-9+.-]*):/i, ir = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
+ir.displayName = "ChannelList";
+const or = /^([a-z][a-z0-9+.-]*):/i, lr = /* @__PURE__ */ new Set(["http", "https", "mailto", "tel", "sms"]);
 function Qe(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t === "") return;
-  const s = rr.exec(t);
+  const s = or.exec(t);
   if (s) {
     const a = s[1].toLowerCase();
-    return ir.has(a) ? t : void 0;
+    return lr.has(a) ? t : void 0;
   }
   return t.startsWith("//") || t.startsWith("/") ? t : `https://${t}`;
 }
-const or = {
+const cr = {
   dark: "bg-white text-[#121110] hover:bg-white/90",
   light: "bg-[#121110] text-white hover:bg-[#2a2928]"
-}, lr = ({ variant: e, cta: t }) => {
-  const s = y(
+}, dr = ({ variant: e, cta: t }) => {
+  const s = C(
     "mt-2 inline-flex h-10 w-full items-center justify-center rounded-full px-4 text-sm font-medium leading-none transition-colors",
-    or[e]
+    cr[e]
   ), a = Qe(t.href);
   return a ? /* @__PURE__ */ n(
     "a",
@@ -2910,10 +2925,10 @@ const or = {
       children: t.label
     }
   );
-}, cr = {
+}, ur = {
   dark: "text-white",
   light: "text-black/90"
-}, dr = "text-white/30", ur = {
+}, mr = "text-white/30", hr = {
   dark: "text-white/55",
   light: "text-black/55"
 }, et = ({
@@ -2928,12 +2943,12 @@ const or = {
 }) => {
   const d = e === "dark", m = t ?? (d ? s : void 0) ?? "", b = m.trim() !== "", u = a != null && a.trim() !== "", f = typeof r == "string" ? r.trim() : "", c = f !== "", g = o != null;
   if (!b && !u && !c && !g) return null;
-  const v = y(
+  const v = C(
     "truncate text-base font-medium leading-6",
-    d && !t ? dr : cr[e]
-  ), N = y(
+    d && !t ? mr : ur[e]
+  ), N = C(
     "truncate text-xs leading-4",
-    ur[e]
+    hr[e]
   );
   return /* @__PURE__ */ h("div", { className: "px-4 py-3", children: [
     /* @__PURE__ */ h("div", { className: "flex items-end gap-3", children: [
@@ -2941,7 +2956,7 @@ const or = {
         /* @__PURE__ */ h("div", { className: "flex min-w-0 flex-col gap-1", children: [
           b && /* @__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", v), children: m })
+            /* @__PURE__ */ n("p", { className: C("min-w-0", v), children: m })
           ] }),
           u && /* @__PURE__ */ n("p", { className: N, children: a })
         ] }),
@@ -2949,9 +2964,9 @@ const or = {
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
-    o && /* @__PURE__ */ n(lr, { variant: e, cta: o })
+    o && /* @__PURE__ */ n(dr, { variant: e, cta: o })
   ] });
-}, mr = y(
+}, fr = C(
   "relative block w-[280px] select-none overflow-hidden rounded-md",
   // 1px hairline border that sits flush with the card chrome — matches
   // the messaging design system's "small border around link attachments"
@@ -2969,8 +2984,8 @@ const or = {
   bgClassName: l,
   "data-testid": d
 }) => {
-  const m = s != null || a != null, b = y(
-    mr,
+  const m = s != null || a != null, b = C(
+    fr,
     l ?? (e === "dark" ? "bg-[#121110]" : "bg-white"),
     // `focus-ring` is a design-system utility from the component-library
     // tailwind preset — outline-none + a black 2px focus-visible ring
@@ -3000,7 +3015,7 @@ const or = {
       onClick: a,
       "aria-label": r,
       "data-testid": d,
-      className: y(b, "text-left"),
+      className: C(b, "text-left"),
       children: [
         t,
         u
@@ -3018,15 +3033,15 @@ const or = {
       ]
     }
   );
-}, hr = {
+}, gr = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, fr = {
+}, br = {
   dark: "size-16 text-white/25",
   light: "size-16 text-black/25"
-}, Me = (e, t) => !!t && !!e && ne(e) === "audio", hn = (e, t) => {
+}, Me = (e, t) => !!t && !!e && se(e) === "audio", hn = (e, t) => {
   if (!t || !e) return !1;
-  const s = ne(e);
+  const s = se(e);
   return s === "video" || s === "audio";
 }, tt = "bg-[#F2F3F4]", Se = ({
   variant: e,
@@ -3037,7 +3052,7 @@ const or = {
   topLeft: i,
   topRight: o
 }) => {
-  const l = ne(r), d = !!s && l === "video";
+  const l = se(r), d = !!s && l === "video";
   return Me(r, s) ? /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ n(
     "audio",
     {
@@ -3050,7 +3065,7 @@ const or = {
   ) }) : /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "relative h-[180px] w-full overflow-hidden",
         d && "bg-black"
       ),
@@ -3077,12 +3092,12 @@ const or = {
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: y(
+            className: C(
               "flex h-full w-full items-center justify-center",
-              hr[e]
+              gr[e]
             ),
-            children: le(r, {
-              className: fr[e],
+            children: ce(r, {
+              className: br[e],
               weight: "regular"
             })
           }
@@ -3092,7 +3107,7 @@ const or = {
       ]
     }
   );
-}, gr = ({
+}, pr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3169,7 +3184,7 @@ const or = {
       ]
     }
   );
-}, br = ({
+}, vr = ({
   title: e,
   description: t,
   url: s,
@@ -3222,7 +3237,7 @@ const or = {
       ]
     }
   );
-}, pr = ({
+}, xr = ({
   title: e,
   placeholderTitle: t,
   description: s,
@@ -3269,20 +3284,20 @@ const or = {
       ]
     }
   );
-}, ki = {
-  Composer: gr,
-  Sent: pr,
-  Received: br
-}, vr = {
+}, Ii = {
+  Composer: pr,
+  Sent: xr,
+  Received: vr
+}, wr = {
   dark: "bg-[#121110]",
   light: "bg-[#e9eaed]"
-}, xr = {
+}, Nr = {
   dark: "text-white",
   light: "text-[#080707]"
-}, wr = {
+}, _r = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, Nr = (e) => e === "dark" ? "sender" : "receiver", _r = {
+}, yr = (e) => e === "dark" ? "sender" : "receiver", Cr = {
   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]",
@@ -3295,7 +3310,7 @@ const or = {
     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]"
   }
-}, ve = ({
+}, xe = ({
   variant: e,
   text: t,
   bordered: s = !0,
@@ -3304,13 +3319,13 @@ const or = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = _r[Nr(e)][a];
+  const l = t != null && t !== "", d = Cr[yr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
       "data-testid": o,
       "data-group-position": a,
-      className: y(
+      className: C(
         // 280px-wide bubble — matches the mobile chat attachment width
         // and keeps the document / image / audio bubbles visually
         // consistent inside the conversation timeline. The 8px / 16px
@@ -3319,10 +3334,10 @@ const or = {
         // as the surrounding `CustomMessage` text bubbles.
         "relative w-[280px] overflow-hidden px-2 py-2",
         d,
-        vr[e],
-        xr[e],
+        wr[e],
+        Nr[e],
         s && "border",
-        s && wr[e],
+        s && _r[e],
         r
       ),
       children: [
@@ -3330,7 +3345,7 @@ const or = {
         l ? /* @__PURE__ */ n(
           "p",
           {
-            className: y(
+            className: C(
               // No `text-*` / `font-*` overrides here — caption inherits
               // the same font family + size as `.str-chat__message-text`
               // so it matches the surrounding `CustomMessage` bubbles.
@@ -3347,7 +3362,7 @@ const or = {
       ]
     }
   );
-}, xe = ({
+}, we = ({
   onClick: e,
   variant: t = "overlay",
   ariaLabel: s = "Dismiss attachment"
@@ -3359,22 +3374,22 @@ const or = {
       a.stopPropagation(), e();
     },
     "aria-label": s,
-    className: y(
+    className: C(
       "flex size-6 items-center justify-center rounded-full text-white",
       t === "overlay" ? "bg-[#121110]/85 backdrop-blur" : "bg-white/15 hover:bg-white/25"
     ),
     children: /* @__PURE__ */ n(Ae, { className: "size-3", weight: "bold" })
   }
-), we = (e) => e === "received" ? "light" : "dark", Ei = ({
+), Ne = (e) => e === "received" ? "light" : "dark", Si = ({
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", yr = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", kr = ({
   src: e,
   mimeType: t,
   filename: s,
   items: a
-}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Cr = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+}) => a && a.length > 0 ? a : e ? [{ src: e, mimeType: t, filename: s }] : [], Er = ({ item: e, preload: t, trailingAction: s }) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ n(
     "audio",
     {
@@ -3397,41 +3412,41 @@ const or = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), b = e === "composer" && !!d, u = yr({ src: t, mimeType: s, filename: a, items: r });
+  const m = Ne(e), b = e === "composer" && !!d, u = kr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
   return /* @__PURE__ */ n(
-    ve,
+    xe,
     {
       variant: m,
       text: i,
       groupPosition: o,
       "data-testid": "audio-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((c, g) => /* @__PURE__ */ n(
-        Cr,
+        Er,
         {
           item: c,
           preload: f,
           trailingAction: (
             // Composer only supports a single attachment, so the
             // dismiss control sits on the only player.
-            b && g === 0 ? /* @__PURE__ */ n(xe, { onClick: d, variant: "inline" }) : void 0
+            b && g === 0 ? /* @__PURE__ */ n(we, { onClick: d, variant: "inline" }) : void 0
           )
         },
         `${c.src}-${g}`
       )) })
     }
   );
-}, kr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Er = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Ir = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Sr = {
-  Composer: kr,
-  Sent: Er,
-  Received: Ir
+}, Ir = (e) => /* @__PURE__ */ n(nt, { ...e, state: "composer" }), Sr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "sent" }), Tr = (e) => /* @__PURE__ */ n(nt, { ...e, state: "received" }), Ar = {
+  Composer: Ir,
+  Sent: Sr,
+  Received: Tr
 };
-function Tr(e) {
+function Mr(e) {
   return !Number.isFinite(e) || e < 0 ? "" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(2)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
 }
-const Ar = {
+const Rr = {
   pdf: "PDF",
   doc: "DOC",
   xls: "XLS",
@@ -3441,7 +3456,7 @@ const Ar = {
   text: "TXT",
   markdown: "MD"
 };
-function Mr(e, t) {
+function Lr(e, t) {
   if (t) {
     const r = t.lastIndexOf(".");
     if (r > 0 && r < t.length - 1) {
@@ -3450,8 +3465,8 @@ function Mr(e, t) {
     }
   }
   if (!e) return;
-  if (ne(e) === "document") {
-    const r = Zt(e), i = Ar[r];
+  if (se(e) === "document") {
+    const r = Zt(e), i = Rr[r];
     if (i) return i;
     if (e === "application/octet-stream") return;
   }
@@ -3459,11 +3474,11 @@ function Mr(e, t) {
   if (!(!a || a === "*"))
     return a.toUpperCase();
 }
-function Rr(e, t, s) {
-  const a = Mr(e, t), r = typeof s == "number" && s > 0 ? Tr(s) : void 0;
+function Dr(e, t, s) {
+  const a = Lr(e, t), r = typeof s == "number" && s > 0 ? Mr(s) : void 0;
   return [a, r].filter(Boolean).join(" · ") || void 0;
 }
-function Z(e) {
+function Q(e) {
   try {
     const s = new URL(e).pathname.split("/").pop();
     return s && s.length > 0 ? decodeURIComponent(s) : "download";
@@ -3471,13 +3486,13 @@ function Z(e) {
     return "download";
   }
 }
-const Lr = {
+const Pr = {
   dark: "text-white/55",
   light: "text-black/65"
-}, Dr = {
+}, Or = {
   dark: "bg-white/10",
   light: "bg-black/5"
-}, Pr = {
+}, zr = {
   dark: "text-white/85",
   light: "text-black/85"
 }, fn = ({
@@ -3490,16 +3505,16 @@ const Lr = {
   activateLabel: o,
   trailingAction: l
 }) => {
-  const d = s ?? t ?? "File", m = Rr(a, t, r), b = /* @__PURE__ */ n(
+  const d = s ?? t ?? "File", m = Dr(a, t, r), b = /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "flex size-10 shrink-0 items-center justify-center rounded-sm",
-        Dr[e]
+        Or[e]
       ),
       "aria-hidden": !0,
-      children: le(a, {
-        className: y("size-6", Pr[e]),
+      children: ce(a, {
+        className: C("size-6", zr[e]),
         weight: "regular"
       })
     }
@@ -3508,9 +3523,9 @@ const Lr = {
     m ? /* @__PURE__ */ n(
       "p",
       {
-        className: y(
+        className: C(
           "truncate text-xs leading-4",
-          Lr[e]
+          Pr[e]
         ),
         children: m
       }
@@ -3521,7 +3536,7 @@ const Lr = {
       type: "button",
       onClick: i,
       "aria-label": o,
-      className: y(
+      className: C(
         "flex min-w-0 flex-1 items-center gap-3 rounded-sm text-left transition-colors",
         e === "dark" ? "hover:bg-white/[0.04]" : "hover:bg-black/[0.04]"
       ),
@@ -3530,7 +3545,7 @@ const Lr = {
         u
       ]
     }
-  ) : /* @__PURE__ */ h(te, { children: [
+  ) : /* @__PURE__ */ h(ne, { children: [
     b,
     u
   ] });
@@ -3540,7 +3555,7 @@ const Lr = {
   ] });
 };
 async function gn(e, t) {
-  const s = t ?? Z(e);
+  const s = t ?? Q(e);
   try {
     const a = await fetch(e, { mode: "cors" });
     if (!a.ok) throw new Error(`HTTP ${a.status}`);
@@ -3553,21 +3568,21 @@ async function gn(e, t) {
     }
   }
 }
-const Or = ({
+const $r = ({
   src: e,
   filename: t,
   fileSize: s,
   mimeType: a,
   title: r,
   items: i
-}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], zr = ({
+}) => i && i.length > 0 ? i : e ? [{ src: e, filename: t, fileSize: s, mimeType: a, title: r }] : [], Fr = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Z(t.src);
+  const i = t.filename ?? Q(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -3594,7 +3609,7 @@ const Or = ({
   onClick: m,
   onDismiss: b
 }) => {
-  const u = we(e), f = e === "composer" && !!b, c = Or({
+  const u = Ne(e), f = e === "composer" && !!b, c = $r({
     src: t,
     filename: s,
     fileSize: a,
@@ -3605,7 +3620,7 @@ const Or = ({
     if ((m == null ? void 0 : m(v)) === !1) return;
     const N = c[v];
     if (!N) return;
-    const x = N.filename ?? Z(N.src);
+    const x = N.filename ?? Q(N.src);
     gn(N.src, x);
   };
   if (c.length === 0)
@@ -3613,44 +3628,44 @@ const Or = ({
   const p = /* @__PURE__ */ n(
     "span",
     {
-      className: y(
+      className: C(
         "flex size-8 items-center justify-center rounded-full",
         u === "dark" ? "text-white/70" : "text-black/70"
       ),
       "aria-hidden": !0,
-      children: /* @__PURE__ */ n(be, { className: "size-5", weight: "bold" })
+      children: /* @__PURE__ */ n(pe, { className: "size-5", weight: "bold" })
     }
   );
   return /* @__PURE__ */ n(
-    ve,
+    xe,
     {
       variant: u,
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
       children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
-        zr,
+        Fr,
         {
           variant: u,
           item: v,
           index: N,
           onActivate: g,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
+          trailingAction: f && N === 0 ? /* @__PURE__ */ n(we, { onClick: b, variant: "inline" }) : p
         },
         `${v.src}-${N}`
       )) })
     }
   );
-}, $r = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Fr = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), Br = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Ur = {
-  Composer: $r,
-  Sent: Fr,
-  Received: Br
+}, Br = (e) => /* @__PURE__ */ n(st, { ...e, state: "composer" }), Ur = (e) => /* @__PURE__ */ n(st, { ...e, state: "sent" }), jr = (e) => /* @__PURE__ */ n(st, { ...e, state: "received" }), Vr = {
+  Composer: Br,
+  Sent: Ur,
+  Received: jr
 }, at = ({
   onPrev: e,
   onNext: t,
   prevLabel: s = "Previous",
   nextLabel: a = "Next"
-}) => /* @__PURE__ */ h(te, { children: [
+}) => /* @__PURE__ */ h(ne, { children: [
   /* @__PURE__ */ n(
     "button",
     {
@@ -3680,7 +3695,7 @@ const Or = ({
   tone: i = "dark",
   onTriggered: o
 }) => {
-  const [l, d] = O(!1), m = W(
+  const [l, d] = O(!1), m = Y(
     (c) => {
       c.stopPropagation(), !l && (d(!0), gn(e, t).catch(() => {
       }).finally(() => {
@@ -3688,7 +3703,7 @@ const Or = ({
       }));
     },
     [l, e, t, o]
-  ), b = r ?? s !== "pill", f = { className: y(
+  ), b = r ?? s !== "pill", f = { className: C(
     s === "pill" ? "size-4" : "size-5",
     "shrink-0"
   ), weight: "bold" };
@@ -3699,7 +3714,7 @@ const Or = ({
       onClick: m,
       disabled: l,
       "aria-label": a,
-      className: y(
+      className: C(
         "flex size-8 shrink-0 items-center justify-center rounded-full transition-colors disabled:opacity-70",
         {
           dark: "text-white/70 hover:bg-white/[0.08] hover:text-white",
@@ -3707,14 +3722,14 @@ const Or = ({
         }[i]
       ),
       children: l ? /* @__PURE__ */ n(
-        ge,
+        be,
         {
           className: "size-4 animate-spin",
           weight: "bold",
           "aria-hidden": !0
         }
       ) : /* @__PURE__ */ n(
-        be,
+        pe,
         {
           className: "size-5 shrink-0",
           weight: "bold",
@@ -3730,7 +3745,7 @@ const Or = ({
       disabled: l,
       "aria-label": a,
       className: "mes-media-viewer__action",
-      children: l ? /* @__PURE__ */ n(ge, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 })
+      children: l ? /* @__PURE__ */ n(be, { size: 20, weight: "bold", "aria-hidden": !0 }) : /* @__PURE__ */ n(pe, { size: 20, weight: "bold", "aria-hidden": !0 })
     }
   ) : /* @__PURE__ */ h(
     "button",
@@ -3739,19 +3754,19 @@ const Or = ({
       onClick: m,
       disabled: l,
       "aria-label": b ? a : void 0,
-      className: y(
+      className: C(
         "mt-3 inline-flex h-10 w-full items-center justify-center gap-2 rounded-full px-4 text-sm font-medium leading-none transition-colors disabled:opacity-70",
         i === "dark" ? "bg-[#121110] text-white hover:bg-[#2a2928]" : "bg-white text-[#121110] hover:bg-white/90"
       ),
       children: [
         l ? /* @__PURE__ */ n(
-          ge,
+          be,
           {
             className: "size-4 animate-spin",
             weight: "bold",
             "aria-hidden": !0
           }
-        ) : /* @__PURE__ */ n(be, { ...f, "aria-hidden": !0 }),
+        ) : /* @__PURE__ */ n(pe, { ...f, "aria-hidden": !0 }),
         b ? null : a
       ]
     }
@@ -3762,17 +3777,17 @@ const Or = ({
   open: s
 }) => {
   const a = $e(t, 0, Math.max(e - 1, 0)), [r, i] = O(a);
-  Y(() => {
+  H(() => {
     s && i($e(t, 0, Math.max(e - 1, 0)));
-  }, [s, t, e]), Y(() => {
+  }, [s, t, e]), H(() => {
     i((d) => $e(d, 0, Math.max(e - 1, 0)));
   }, [e]);
-  const o = W(() => {
+  const o = Y(() => {
     e <= 1 || i((d) => d <= 0 ? e - 1 : d - 1);
-  }, [e]), l = W(() => {
+  }, [e]), l = Y(() => {
     e <= 1 || i((d) => d >= e - 1 ? 0 : d + 1);
   }, [e]);
-  return Y(() => {
+  return H(() => {
     if (!s || e <= 1) return;
     const d = (m) => {
       if (m.key !== "ArrowLeft" && m.key !== "ArrowRight") return;
@@ -3790,8 +3805,8 @@ const Or = ({
   children: i,
   "data-testid": o
 }) => {
-  const l = H(null), d = H(null);
-  return Y(() => {
+  const l = G(null), d = G(null);
+  return H(() => {
     var f;
     const u = l.current;
     if (u) {
@@ -3881,8 +3896,8 @@ const Or = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ee(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "image"),
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "image"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -3927,7 +3942,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, jr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
+}, Gr = "relative block size-full overflow-hidden bg-black/5 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-black", vn = ({
   tiles: e,
   onTileActivate: t,
   maxVisible: s = 4,
@@ -3936,14 +3951,14 @@ const Or = ({
   const r = e.length;
   if (r === 0) return null;
   const i = e.slice(0, Math.min(r, s)), o = r - i.length, l = (d, m, b) => {
-    const u = y(jr, "h-full w-full");
+    const u = C(Gr, "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: C(u, "cursor-zoom-in"),
         children: [
           d.content,
           b
@@ -3955,10 +3970,10 @@ const Or = ({
       b
     ] }, m);
   };
-  return i.length === 1 ? /* @__PURE__ */ n("div", { className: y("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
+  return i.length === 1 ? /* @__PURE__ */ n("div", { className: C("aspect-square w-full", a), children: l(i[0], 0) }) : i.length === 2 ? /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[16/9] w-full grid-cols-2 gap-0.5",
         a
       ),
@@ -3967,7 +3982,7 @@ const Or = ({
   ) : i.length === 3 ? /* @__PURE__ */ h(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3980,7 +3995,7 @@ const Or = ({
   ) : /* @__PURE__ */ n(
     "div",
     {
-      className: y(
+      className: C(
         "grid aspect-[4/3] w-full grid-cols-2 grid-rows-2 gap-0.5",
         a
       ),
@@ -3997,15 +4012,15 @@ const Or = ({
       })
     }
   );
-}, Ne = (e) => {
-  const [t, s] = O(!1), [a, r] = O(0), i = W(
+}, _e = (e) => {
+  const [t, s] = O(!1), [a, r] = O(0), i = Y(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
     },
     [e]
-  ), o = W(() => s(!1), []);
+  ), o = Y(() => s(!1), []);
   return { viewerOpen: t, viewerIndex: a, handleActivate: i, closeViewer: o };
-}, Vr = (e, t, s, a) => ({
+}, Hr = (e, t, s, a) => ({
   ariaLabel: `Open image ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(
     "img",
@@ -4020,7 +4035,7 @@ const Or = ({
       className: "absolute inset-0 size-full rounded-md object-cover"
     }
   )
-}), Gr = ({
+}), Yr = ({
   src: e,
   alt: t,
   items: s
@@ -4028,8 +4043,8 @@ const Or = ({
   src: s.src,
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), Hr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
+})), qr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4053,7 +4068,7 @@ const Or = ({
         )
       }
     ),
-    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: i }) }) : null,
+    i ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: i }) }) : null,
     /* @__PURE__ */ n(
       pn,
       {
@@ -4075,16 +4090,16 @@ const Or = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Gr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
+  const m = Yr({ src: t, alt: s, items: r }), b = Ne(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
     d
   );
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, N) => Vr(v, N, m.length, l)
+    (v, N) => Hr(v, N, m.length, l)
   );
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: b,
       text: i,
@@ -4104,11 +4119,11 @@ const Or = ({
       ]
     }
   );
-}, Yr = (e) => /* @__PURE__ */ n(Hr, { ...e }), qr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Wr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Xr = {
-  Composer: Yr,
-  Sent: qr,
-  Received: Wr
-}, Kr = ({
+}, Wr = (e) => /* @__PURE__ */ n(qr, { ...e }), Xr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "sent" }), Kr = (e) => /* @__PURE__ */ n(wn, { ...e, state: "received" }), Jr = {
+  Composer: Wr,
+  Sent: Xr,
+  Received: Kr
+}, Zr = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4118,11 +4133,11 @@ const Or = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ee(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "document"),
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "document"),
     [l]
-  ), m = ee(
-    () => l ? Jr(l.src) : void 0,
+  ), m = te(
+    () => l ? Qr(l.src) : void 0,
     [l]
   );
   return !l || !m ? null : /* @__PURE__ */ h(
@@ -4156,23 +4171,23 @@ const Or = ({
       ]
     }
   );
-}, Jr = (e) => {
+}, Qr = (e) => {
   const t = e.indexOf("#"), s = t === -1 ? e : e.slice(0, t), a = t === -1 ? "" : e.slice(t + 1), r = new URLSearchParams(a);
   return r.has("toolbar") || r.set("toolbar", "0"), r.has("navpanes") || r.set("navpanes", "0"), `${s}#${r.toString()}`;
-}, Zr = ({
+}, ei = ({
   src: e,
   filename: t,
   fileSize: s,
   title: a,
   items: r
-}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], Qr = ({
+}) => r && r.length > 0 ? r : e ? [{ src: e, filename: t, fileSize: s, title: a }] : [], ti = ({
   variant: e,
   item: t,
   index: s,
   onActivate: a,
   trailingAction: r
 }) => {
-  const i = t.filename ?? Z(t.src);
+  const i = t.filename ?? Q(t.src);
   return /* @__PURE__ */ n(
     fn,
     {
@@ -4198,17 +4213,17 @@ const Or = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = we(e), u = Zr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = Ne(e), u = ei({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
   const N = u.map((x) => ({
     src: x.src,
-    filename: x.filename ?? Z(x.src)
+    filename: x.filename ?? Q(x.src)
   }));
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: b,
       text: o,
@@ -4216,7 +4231,7 @@ const Or = ({
       "data-testid": "pdf-attachment",
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: u.map((x, I) => {
-          const E = x.filename ?? Z(x.src), M = v && I === 0 ? /* @__PURE__ */ n(xe, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
+          const E = x.filename ?? Q(x.src), M = v && I === 0 ? /* @__PURE__ */ n(we, { onClick: m, variant: "inline" }) : e === "composer" ? void 0 : /* @__PURE__ */ n(
             bn,
             {
               url: x.src,
@@ -4227,7 +4242,7 @@ const Or = ({
             }
           );
           return /* @__PURE__ */ n(
-            Qr,
+            ti,
             {
               variant: b,
               item: x,
@@ -4239,7 +4254,7 @@ const Or = ({
           );
         }) }),
         /* @__PURE__ */ n(
-          Kr,
+          Zr,
           {
             open: f,
             items: N,
@@ -4250,10 +4265,10 @@ const Or = ({
       ]
     }
   );
-}, ei = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), ti = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ni = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), si = {
-  Composer: ei,
-  Sent: ti,
-  Received: ni
+}, ni = (e) => /* @__PURE__ */ n(ot, { ...e, state: "composer" }), si = (e) => /* @__PURE__ */ n(ot, { ...e, state: "sent" }), ai = (e) => /* @__PURE__ */ n(ot, { ...e, state: "received" }), ri = {
+  Composer: ni,
+  Sent: si,
+  Received: ai
 }, Nn = ({
   open: e,
   items: t,
@@ -4264,8 +4279,8 @@ const Or = ({
     length: t.length,
     initialIndex: s,
     open: e
-  }), l = t[r], d = ee(
-    () => (l == null ? void 0 : l.filename) ?? (l ? Z(l.src) : "video"),
+  }), l = t[r], d = te(
+    () => (l == null ? void 0 : l.filename) ?? (l ? Q(l.src) : "video"),
     [l]
   );
   return l ? /* @__PURE__ */ h(
@@ -4304,7 +4319,7 @@ const Or = ({
       ]
     }
   ) : null;
-}, ai = () => /* @__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(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, ii = () => /* @__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(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4326,11 +4341,11 @@ const Or = ({
       "aria-hidden": !0
     }
   ) }),
-  /* @__PURE__ */ n(ai, {})
-] }), ri = (e, t, s) => ({
+  /* @__PURE__ */ n(ii, {})
+] }), oi = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
   content: /* @__PURE__ */ n(_n, { item: e, index: t })
-}), ii = ({
+}), li = ({
   src: e,
   poster: t,
   mimeType: s,
@@ -4342,8 +4357,8 @@ const Or = ({
   mimeType: s.mimeType,
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
-})), oi = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = Ne(
+})), ci = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = _e(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4357,7 +4372,7 @@ const Or = ({
         children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
-    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
+    o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(we, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
       Nn,
       {
@@ -4383,16 +4398,16 @@ const Or = ({
   preload: d,
   onClick: m
 }) => {
-  const b = ii({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = li({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = Ne(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     m
   );
   if (b.length === 0)
     return null;
   const v = b.map(
-    (N, x) => ri(N, x, b.length)
+    (N, x) => oi(N, x, b.length)
   );
   return /* @__PURE__ */ h(
-    ve,
+    xe,
     {
       variant: u,
       text: o,
@@ -4419,17 +4434,17 @@ const Or = ({
       ]
     }
   );
-}, li = (e) => /* @__PURE__ */ n(oi, { ...e }), ci = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), di = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), ui = {
-  Composer: li,
-  Sent: ci,
-  Received: di
-}, Ii = {
-  Image: Xr,
-  Video: ui,
-  Audio: Sr,
-  Pdf: si,
-  File: Ur
-}, mi = ({
+}, di = (e) => /* @__PURE__ */ n(ci, { ...e }), ui = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "sent" }), mi = (e) => /* @__PURE__ */ n(Cn, { ...e, state: "received" }), hi = {
+  Composer: di,
+  Sent: ui,
+  Received: mi
+}, Ti = {
+  Image: Jr,
+  Video: hi,
+  Audio: Ar,
+  Pdf: ri,
+  File: Vr
+}, fi = ({
   question: e,
   onClick: t,
   loading: s = !1,
@@ -4441,7 +4456,7 @@ const Or = ({
     onClick: t,
     disabled: s,
     style: { backgroundColor: "#E6E5E3" },
-    className: y(
+    className: C(
       "w-full text-center p-4 rounded-xl text-charcoal font-medium transition-colors focus-ring",
       {
         "hover:brightness-95 active:brightness-90": !s,
@@ -4451,7 +4466,7 @@ const Or = ({
     ),
     children: e
   }
-), Si = ({
+), Ai = ({
   faqs: e,
   onFaqClick: t,
   loadingFaqId: s,
@@ -4463,7 +4478,7 @@ const Or = ({
   const l = e.filter((d) => d.enabled).sort((d, m) => (d.order ?? 0) - (m.order ?? 0));
   return l.length === 0 ? null : /* @__PURE__ */ n("div", { className: r, children: /* @__PURE__ */ h("div", { className: "flex gap-3 items-end", children: [
     (i || o) && /* @__PURE__ */ n("div", { className: "flex-none", children: /* @__PURE__ */ n(
-      ae,
+      re,
       {
         id: o || "account",
         name: o || "Account",
@@ -4480,7 +4495,7 @@ const Or = ({
         children: [
           a && /* @__PURE__ */ n("p", { className: "text-md text-charcoal mb-4", children: a }),
           l.map((d) => /* @__PURE__ */ n(
-            mi,
+            fi,
             {
               question: d.question,
               onClick: () => t(d.id),
@@ -4496,36 +4511,36 @@ const Or = ({
 export {
   Qt as A,
   Gs as B,
-  Wa as C,
+  Ka as C,
   Ps as D,
-  Si as F,
-  ki as L,
-  _i as M,
-  he as a,
-  ae as b,
-  ar as c,
+  Ai as F,
+  Ii as L,
+  Ci as M,
+  fe as a,
+  re as b,
+  ir as c,
   dn as d,
-  yi as e,
-  mi as f,
-  ne as g,
+  ki as e,
+  fi as f,
+  se as g,
   Ot as h,
-  Ii as i,
+  Ti as i,
   ya as j,
-  Ni as k,
-  Ci as l,
-  Rr as m,
-  Tr as n,
-  nr as o,
-  Mr as p,
+  yi as k,
+  Ei as l,
+  Dr as m,
+  Mr as n,
+  ar as o,
+  Lr as p,
   Xt as q,
-  le as r,
+  ce as r,
   nn as s,
   zs as t,
-  Ei as u,
+  Si as u,
   Hs as v,
   Je as w,
   Ze as x,
   Wt as y,
   pa as z
 };
-//# sourceMappingURL=index-C2wfgpUU.js.map
+//# sourceMappingURL=index-BpkIKkeQ.js.map